:root{--ink:#111915;--ink-raised:#19231e;--line:#e8e2ce14;--line-hi:#e8e2ce26;--fg:#f2efe4;--fg-dim:#f2efe47a;--fg-faint:#f2efe44d;--moon:#e8e2ce;--hover:#e8e2ce12;--sidebar-w:248px;font-feature-settings:"palt";color:var(--fg);background:#071713;font-family:Inter,Zen Kaku Gothic New,Hiragino Sans,Yu Gothic UI,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body,#root,main{width:100%;height:100%;margin:0;overflow:hidden}main{position:relative}canvas{z-index:0;inset:0;position:absolute!important}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.menu{border:1px solid var(--line-hi);width:46px;height:44px;color:var(--fg-dim);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:30;background:#111915d6;border-left:0;border-radius:0 10px 10px 0;position:fixed;top:18px;left:0}.project-menu{width:var(--sidebar-w);border-right:1px solid var(--line-hi);z-index:40;background:#111915f7;flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0}.project-menu-header{border-bottom:1px solid var(--line);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;min-height:78px;padding:0 16px;display:grid}.project-menu-header strong{text-overflow:ellipsis;white-space:nowrap;font-size:1rem;overflow:hidden}.project-status{background:var(--moon);border-radius:50%;width:8px;height:8px}.sidebar-close{border:1px solid var(--line-hi);width:28px;height:28px;color:var(--fg-dim);border-radius:5px;font-size:1.4rem;line-height:1}.project-menu nav{flex:1;padding-top:18px}.menu-section-label{color:var(--fg-faint);letter-spacing:.12em;padding:10px 16px 6px;font-size:.68rem;display:block}.menu-item,.flyout-item{width:100%;min-height:43px;color:var(--fg);text-align:left;align-items:center;gap:11px;padding:9px 16px;transition:background .12s;display:flex}.menu-item:hover:not(:disabled),.flyout-item:hover{background:var(--hover)}.menu-item:focus-visible,.flyout-item:focus-visible,.sidebar-close:focus-visible,.command-hint:focus-visible,.play:focus-visible{outline:1px solid var(--moon);outline-offset:-1px}.menu-item:disabled{color:var(--fg-faint);cursor:default}.menu-item>[aria-hidden=true]:first-child{width:18px;color:var(--fg-dim);text-align:center}.menu-shortcut,.menu-chevron{color:var(--fg-faint);margin-left:auto;font-family:ui-monospace,monospace;font-size:.72rem}.menu-chevron{font-size:1.2rem}.menu-separator{background:var(--line);height:1px;margin:14px 16px 8px}.library-menu{position:relative}.library-flyout{border:1px solid var(--line-hi);background:var(--ink-raised);z-index:45;border-radius:10px;width:206px;padding:6px;position:absolute;top:0;left:calc(100% + 8px);box-shadow:0 10px 30px #00000061}.flyout-item{border-radius:6px;min-height:42px;padding:8px 10px}.flyout-item[aria-current=true]{background:var(--hover);box-shadow:inset 2px 0 0 var(--moon)}.library-dot{border-radius:50%;flex:none;width:8px;height:8px}.current-label{color:var(--fg-faint);margin-left:auto;font-size:.72rem}.generated-leave-confirm{border-top:1px solid var(--line-hi);color:var(--fg-dim);margin:6px 4px 2px;padding:10px;font-size:.75rem;line-height:1.5}.generated-leave-confirm p{margin:0 0 8px}.generated-leave-confirm button{width:100%;color:var(--fg);text-align:left;padding:6px 4px}.generated-leave-confirm button:hover{color:var(--moon)}.project-menu-footer{border-top:1px solid var(--line);padding:12px 0}.audio-health-menu{color:var(--fg-dim);background:#e8e2ce0a;border:1px solid #e8e2ce1f;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;margin:0 12px 8px;padding:9px 10px;font-size:.72rem;display:flex}.audio-health-menu span{align-items:center;gap:7px;display:flex}.audio-health-menu i{background:#d8ba78;border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px #d8ba7857}.audio-health-menu button{border:1px solid var(--line-hi);color:var(--fg);border-radius:5px;padding:4px 6px}.project-file-input{display:none}.command-hint{color:var(--fg-dim);z-index:30;padding:6px 4px;font-size:.76rem;position:fixed;bottom:18px;right:78px}.command-hint kbd{margin-left:5px}.command-scrim{pointer-events:none;z-index:35;background:linear-gradient(#0000 52%,#0a110e7a);position:fixed;inset:0}.command-bar{border:1px solid var(--line-hi);background:var(--ink-raised);z-index:40;border-radius:11px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;width:min(560px,100vw - 144px);min-height:58px;padding:7px 8px 7px 14px;display:grid;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 12px 34px #0000006b}.command-mark{color:var(--moon)}.command-bar input{min-width:0;height:42px;color:inherit;font:inherit;background:0 0;border:0;outline:0;padding:0;font-size:1rem}.command-bar input::placeholder{color:var(--fg-dim)}.command-bar button{background:var(--moon);color:#17201c;border-radius:7px;min-height:42px;padding:7px 17px;font-weight:700}.command-bar button:disabled{cursor:default;opacity:.38}.command-bar output{border:1px solid var(--line);background:var(--ink-raised);color:var(--fg-dim);border-radius:7px;padding:6px 9px;font-size:.78rem;position:absolute;bottom:calc(100% + 8px);left:14px}@media (prefers-reduced-motion:no-preference){.project-menu{animation:.14s ease-out sidebar-in}.library-flyout{animation:.12s ease-out flyout-in}.command-bar{animation:.16s cubic-bezier(.2,.8,.3,1) command-rise}@keyframes sidebar-in{0%{opacity:0;transform:translate(-12px)}}@keyframes flyout-in{0%{opacity:0;transform:translate(-4px)}}@keyframes command-rise{0%{opacity:0;transform:translate(-50%,8px)}}}.status-toast{border:1px solid var(--line);background:var(--ink-raised);color:var(--fg-dim);z-index:34;border-radius:7px;padding:7px 10px;font-size:.78rem;position:fixed;bottom:76px;right:16px}.audio-health-toast{max-width:min(330px,100vw - 96px);color:var(--fg-dim);z-index:34;background:#19231ef0;border:1px solid #d8ba7857;border-radius:8px;align-items:center;gap:10px;padding:8px 9px 8px 11px;font-size:.74rem;display:flex;position:fixed;bottom:52px;right:76px;box-shadow:0 8px 24px #0000004d}.audio-health-toast button{border:1px solid var(--line-hi);color:var(--fg);border-radius:5px;flex:none;padding:4px 7px}.play{border:1px solid var(--line-hi);width:48px;height:48px;color:var(--fg-dim);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:30;background:#111915e0;border-radius:50%;position:fixed;bottom:16px;right:16px}.play svg{fill:currentColor;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.play[data-playing=true]{border-color:var(--moon);color:var(--moon)}.play:disabled{cursor:default;opacity:.42}.keyboard-help{border:1px solid var(--line-hi);background:var(--ink-raised);z-index:50;border-radius:10px;width:min(360px,100vw - 40px);padding:14px;position:fixed;bottom:16px;left:16px;box-shadow:0 10px 30px #00000061}.world-tour-anchor{pointer-events:none;border-radius:50%;width:min(300px,32vw);height:min(300px,32vw);position:fixed;top:42%;left:56%;transform:translate(-50%,-50%)}.guided-tour-guard{z-index:58;position:fixed;inset:0}.guided-tour-spotlight{border:2px solid var(--moon);pointer-events:none;z-index:59;border-radius:10px;position:fixed;box-shadow:0 0 0 4px #e8e2ce29,0 0 0 9999px #030a08b8}.guided-tour-spotlight-play,.guided-tour-spotlight-world{border-radius:50%}.guided-tour-card{--tour-card-top:16px;--tour-card-left:16px;top:var(--tour-card-top);left:var(--tour-card-left);border:1px solid var(--line-hi);background:var(--ink-raised);z-index:60;border-radius:12px;width:min(360px,100vw - 32px);padding:18px;position:fixed;box-shadow:0 16px 44px #0000007a}.guided-tour-card header,.guided-tour-card footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.guided-tour-card header span{color:var(--moon);letter-spacing:.13em;font-size:.67rem}.guided-tour-card header button{color:var(--fg-dim);font-size:.78rem}.guided-tour-card>strong{margin-top:18px;font-size:1.05rem;display:block}.guided-tour-card p{min-height:66px;color:var(--fg-dim);margin:8px 0 18px;font-size:.84rem;line-height:1.7}.guided-tour-card footer{justify-content:flex-end}.guided-tour-card footer button{border:1px solid var(--line-hi);border-radius:7px;min-width:72px;padding:8px 12px}.guided-tour-card footer button:disabled{cursor:default;opacity:.28}.guided-tour-card footer .guided-tour-next{border-color:var(--moon);background:var(--moon);color:var(--ink);font-weight:700}.guided-tour-card-play{inset:auto 78px 78px auto}.guided-tour-card-world{top:24px;left:24px}.menu-open .keyboard-help{left:calc(var(--sidebar-w) + 12px)}.keyboard-help header,.keyboard-help dl>div{justify-content:space-between;align-items:center;gap:16px;display:flex}.keyboard-help header button{border:1px solid var(--line-hi);border-radius:5px;padding:5px 8px}.keyboard-help dl{gap:9px;margin:14px 0 0;display:grid}.keyboard-help dt,.keyboard-help dd{margin:0}.keyboard-help dd{color:var(--fg-dim);text-align:right}kbd{border:1px solid var(--line-hi);min-width:1.7em;color:var(--fg-dim);text-align:center;background:#071713ad;border-radius:5px;padding:2px 5px;font:600 .82em ui-monospace,monospace;display:inline-block}.loop-line{z-index:1;background:#9ac79b88;height:1px;position:absolute;bottom:8%;left:6%;right:6%}.arrangement-status{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#d8e8dc;pointer-events:none;z-index:2;background:#0a1d18d9;border:1px solid #c9e6c866;border-radius:12px;justify-content:center;align-items:baseline;gap:14px;width:min(720px,100vw - 180px);padding:9px 14px;font-size:.82rem;display:flex;position:absolute;top:20px;left:50%;transform:translate(-50%)}.arrangement-status strong{color:#f4f8ef;flex:none}.arrangement-status span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (width<=720px){.arrangement-status{width:calc(100vw - 40px);top:70px}}@media (width<=560px){:root{--sidebar-w:min(86vw, 300px)}.library-flyout{width:auto;position:fixed;top:190px;left:16px;right:16px}.command-hint{right:74px}.command-bar{width:calc(100vw - 32px);bottom:16px}.menu-open .keyboard-help{left:16px}.guided-tour-card{width:auto;padding:16px;inset:auto 16px 16px}.world-tour-anchor{width:min(240px,62vw);height:min(240px,62vw);top:40%;left:50%}}