*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#060708;overscroll-behavior:none;touch-action:none}#root{position:fixed;top:-60px;bottom:-60px;left:0;right:0;width:100vw}body{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}canvas{display:block;width:100%!important;height:100%!important;touch-action:none}.lens{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;opacity:1;transition:opacity 1.1s ease}.lens-off{opacity:0}.vignette{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at 50% 46%,transparent 58%,rgba(6,7,10,.42) 100%)}.opening{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0b0e;pointer-events:none;animation:openfade 2.6s ease-out .4s forwards}@keyframes openfade{to{opacity:0}}.guide{position:fixed;left:0;right:0;bottom:calc(96px + env(safe-area-inset-bottom));display:flex;justify-content:center;gap:34px;pointer-events:none;color:#b9bfc6;opacity:0;animation:guidein 1.4s ease 3.4s forwards;transition:opacity .9s ease}.guide-off{opacity:0!important;animation:none}.guide-item{display:flex;flex-direction:column;align-items:center;gap:7px}.guide-item svg{opacity:.85}.guide-item span{font-family:-apple-system,Apple SD Gothic Neo,Pretendard,sans-serif;font-size:11px;letter-spacing:.02em;opacity:.7}@keyframes guidein{to{opacity:.8}}.writer{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:center;padding-bottom:calc(12dvh + env(safe-area-inset-bottom));background:#05060973;animation:writerin .4s ease}@keyframes writerin{0%{opacity:0}}.writer-paper{width:min(78vw,340px);background:#e7e4dd;border-radius:3px;padding:18px 16px 12px;box-shadow:0 18px 50px #0000008c;transform:rotate(-.8deg);display:flex;flex-direction:column;gap:10px}.writer-paper textarea{touch-action:auto;border:none;outline:none;background:transparent;resize:none;height:96px;font-family:-apple-system,Apple SD Gothic Neo,Pretendard,sans-serif;font-size:15px;line-height:1.65;color:#3c3f45;caret-color:#3f7d7c}.writer-paper textarea::placeholder{color:#b0aca2}.writer-paper button{align-self:flex-end;border:none;background:transparent;font-family:inherit;font-size:12.5px;letter-spacing:.02em;color:#6d7178;padding:6px 4px;cursor:pointer}.writer-paper button:active{color:#3f7d7c}.hint{display:flex;flex-direction:column;align-items:center;gap:3px;color:#e6e0d4;opacity:0;animation:hintin .9s ease forwards;filter:drop-shadow(0 2px 8px rgba(0,0,0,.8));white-space:nowrap}.hint svg{animation:hinttap 1.6s ease-in-out infinite}.hint span{font-family:-apple-system,Apple SD Gothic Neo,Pretendard,sans-serif;font-size:11.5px;letter-spacing:.04em;opacity:.85}.hint-off{opacity:0!important;transition:opacity .8s ease;animation:none}@keyframes hintin{to{opacity:.92}}@keyframes hinttap{0%,to{transform:translateY(0)}35%{transform:translateY(4px) scale(.94)}60%{transform:translateY(0)}}.dock{position:fixed;left:50%;bottom:max(10px,calc(env(safe-area-inset-bottom) - 2px));transform:translate(-50%);z-index:30;display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;background:#1012188c;backdrop-filter:blur(22px) saturate(1.3);-webkit-backdrop-filter:blur(22px) saturate(1.3);border:1px solid rgba(255,255,255,.07);box-shadow:0 12px 40px #00000080;opacity:0;animation:dockin 1s ease 2.8s forwards}@keyframes dockin{0%{opacity:0;transform:translate(-50%) translateY(14px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.dock button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:#8f97a3;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:999px;cursor:pointer;transition:color .3s ease,background .3s ease,transform .15s ease;-webkit-tap-highlight-color:transparent}.dock button:active{transform:scale(.92)}.dock button.on{color:#e8e2d6;background:#ffffff12}.dock .dock-music{width:52px;height:52px;margin:0 4px;color:#b9bfc6;background:#ffffff0f}.dock .dock-music.live{color:#e8b06a}.disc.spin{animation:discspin 5s linear infinite}@keyframes discspin{to{transform:rotate(360deg)}}.sheet-veil{position:fixed;top:0;right:0;bottom:0;left:0;z-index:29}.sheet{position:fixed;left:50%;bottom:84px;transform:translate(-50%);z-index:31;width:min(76vw,300px);padding:8px;border-radius:20px;background:#101218b8;backdrop-filter:blur(26px) saturate(1.3);-webkit-backdrop-filter:blur(26px) saturate(1.3);border:1px solid rgba(255,255,255,.07);box-shadow:0 18px 50px #0000008c;animation:sheetin .3s cubic-bezier(.2,.9,.3,1)}@keyframes sheetin{0%{opacity:0;transform:translate(-50%) translateY(12px) scale(.97)}}.sheet button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;width:100%;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:13px;color:#aab0ba;font-family:-apple-system,Apple SD Gothic Neo,Pretendard,sans-serif;font-size:13.5px;letter-spacing:.01em;cursor:pointer;-webkit-tap-highlight-color:transparent}.sheet button:active{background:#ffffff0d}.sheet button.now{color:#ecdfc8;background:#e8b06a17}.eq,.eq-slot{width:14px;display:inline-flex;align-items:flex-end;gap:2px;height:12px;flex-shrink:0}.eq i{width:2.5px;border-radius:2px;background:#e8b06a;animation:eqbounce .9s ease-in-out infinite}.eq i:nth-child(1){height:6px}.eq i:nth-child(2){height:11px;animation-delay:.2s}.eq i:nth-child(3){height:8px;animation-delay:.45s}@keyframes eqbounce{0%,to{transform:scaleY(.55)}50%{transform:scaleY(1)}}.audiodebug{position:fixed;top:calc(50px + env(safe-area-inset-top));left:12px;z-index:99;font-family:ui-monospace,monospace;font-size:11px;line-height:1.5;color:#9fe8c8;background:#050609b3;padding:8px 10px;border-radius:6px;pointer-events:none;white-space:pre}