:root{--bg-primary:#3e2723;--bg-secondary:#2f1d19;--accent:gold;--text-primary:#fff8f0;--text-soft:#eadca0;--font-heading:"Bebas Neue",sans-serif;--font-body:"Inter",sans-serif;--app-accent:var(--accent);--app-surface:var(--bg-secondary);--app-surface-raised:#3a2620;--app-text-body:rgba(255,248,240,.94);--app-text-muted:rgba(255,248,240,.72);--app-danger:#ff6b6b;--tm-modal-overlay-z:1200;--tm-modal-overlay-bg:rgba(10,6,5,.72);--tm-modal-overlay-blur:4px;--tm-modal-panel-radius:12px;--tm-modal-panel-shadow:0 20px 50px rgba(0,0,0,.55);--tm-modal-panel-max-width:420px;--tm-modal-panel-size-sm:360px;--tm-modal-panel-size-lg:680px;--tm-modal-panel-bottom-gap:2.25rem;--tm-notif-panel-width:22rem;--tm-notif-panel-max-height:28rem;--tm-notif-item-radius:8px}[data-theme=dark]{--bg-primary:#1a1e17;--bg-secondary:#12160f;--text-primary:#f0ebe0;--text-soft:#c8c3ad;--app-surface:#1f2419;--app-surface-raised:#2a2f24;--app-text-body:hsla(41,35%,91%,.94);--app-text-muted:hsla(41,35%,91%,.6);--tm-modal-overlay-bg:rgba(0,0,0,.76)}*{box-sizing:border-box}:focus-visible{outline:2px solid var(--stg-focus,#161a14);outline-offset:2px}:focus:not(:focus-visible){outline:none}body{background:var(--stg-paper,#fff);color:var(--stg-ink,#161a14);font-family:var(--font-ui,"Inter Tight",system-ui,sans-serif);margin:0;min-height:100vh}.main-nav{background:var(--stg-paper-2,#fafaf7);border:1px solid var(--stg-rule-soft,rgba(22,26,20,.08));border-radius:var(--stg-r-md,16px);box-shadow:0 1px 4px rgba(22,26,20,.04);gap:var(--sp-4,16px);justify-content:space-between;margin:var(--sp-2,8px) var(--sp-6,32px) 0;overflow:visible;padding:6px var(--sp-4,16px);position:relative;top:auto;z-index:1001}.main-nav,.nav-start{align-items:center;display:flex}.nav-start{flex-shrink:0;gap:var(--sp-3,12px)}.nav-brand{color:var(--stg-ink,#161a14);font-family:var(--font-display,"Fraunces",Georgia,serif);font-size:1.2rem;font-weight:400;letter-spacing:-.02em;line-height:1;text-decoration:none;white-space:nowrap}.nav-brand em{font-style:italic}.nav-brand:hover{color:var(--stg-ink,#161a14);opacity:.85}.nav-logo,.nav-logo-version{display:none}.nav-menu-btn{align-items:center;background:transparent;border:1px solid rgba(255,215,0,.15);border-radius:6px;color:gold;cursor:pointer;display:flex;font-size:1.35rem;height:36px;justify-content:center;transition:all .2s;width:36px}.nav-site-menu-wrap{display:none}.nav-links-panel{flex:1 1 auto;gap:var(--sp-3,12px);min-width:0}.nav-links,.nav-links-panel{align-items:center;display:flex;justify-content:center}.nav-links{gap:var(--sp-1,4px)}.nav-hamburger-btn{display:grid;flex-shrink:0}.nav-link{border-bottom:none;border-radius:var(--stg-r-sm,8px);color:var(--stg-ink-2,#38382f);font-family:var(--font-ui,"Inter Tight",sans-serif);font-size:var(--fs-small,.8rem);font-weight:500;padding:5px 12px;text-decoration:none;transition:background var(--dur-1,.15s) ease,color var(--dur-1,.15s) ease;white-space:nowrap}.nav-link:hover{background:var(--stg-hover,rgba(22,26,20,.06));color:var(--stg-ink,#161a14)}.nav-link.active{background:var(--stg-ink,#161a14);border-bottom:none;color:var(--stg-paper,#fff)}.nav-link:focus-visible{outline:2px solid var(--stg-focus,#161a14);outline-offset:2px}.nav-links-panel .nav-drawer-account,.nav-links-panel .nav-drawer-actions,.nav-links-panel .nav-drawer-secondary{display:none}@media (min-width:1040px){.main-nav{align-items:center;display:grid;gap:var(--sp-3,12px);grid-template-columns:1fr auto 1fr;justify-content:stretch}.nav-start{justify-self:start}.nav-links-panel{flex:0 0 auto;justify-self:center}.nav-end{justify-self:end;min-width:0}}@keyframes stgDrawerSlideIn{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.main-nav.is-drawer-open .nav-links-panel{align-items:stretch;animation:stgDrawerSlideIn var(--dur-2,.25s) ease;background:var(--stg-paper-2,#fafaf7);bottom:0;box-shadow:8px 0 32px rgba(22,26,20,.18);display:flex;flex-direction:column;gap:var(--sp-2,8px);justify-content:flex-start;left:0;overflow-y:auto;padding:var(--sp-5,24px) var(--sp-4,16px) var(--sp-6,32px);pointer-events:auto;position:fixed;top:0;transform:translateX(0);width:min(18rem,86vw);z-index:1202}.main-nav.is-drawer-open .nav-links-panel .nav-links{align-items:stretch;flex-direction:column;gap:2px;width:100%}.main-nav.is-drawer-open .nav-links-panel .nav-link{border-radius:var(--stg-r-sm,8px);display:block;font-size:.9rem;padding:9px 12px;text-align:left}.main-nav.is-drawer-open .nav-links-panel .nav-drawer-account,.main-nav.is-drawer-open .nav-links-panel .nav-drawer-actions,.main-nav.is-drawer-open .nav-links-panel .nav-drawer-secondary{border-top:1px solid var(--stg-rule,rgba(22,26,20,.08));display:flex;flex-direction:column;gap:2px;margin-top:var(--sp-2,8px);padding-top:var(--sp-2,8px);width:100%}.nav-drawer-secondary__link{background:transparent;border:none;border-radius:var(--stg-r-sm,8px);box-sizing:border-box;color:var(--stg-ink-2,#38382f);cursor:pointer;display:block;font-family:var(--font-ui,"Inter Tight",sans-serif);font-size:.85rem;font-weight:500;margin:0;padding:8px 12px;text-align:left;text-decoration:none;transition:background var(--dur-1,.15s) ease,color var(--dur-1,.15s) ease;width:100%}.nav-drawer-secondary__link:hover{background:var(--stg-hover,rgba(22,26,20,.06));color:var(--stg-ink,#161a14)}.nav-drawer-theme-btn{align-items:center;background:transparent;border:1px solid var(--stg-rule-soft,rgba(22,26,20,.08));border-radius:var(--stg-r-sm,8px);color:var(--stg-ink-2,#38382f);cursor:pointer;display:flex;font-family:var(--font-ui,"Inter Tight",sans-serif);font-size:.85rem;font-weight:500;gap:var(--sp-2,8px);padding:8px 12px;transition:background .15s ease,color .15s ease,border-color .15s ease;width:100%}.nav-drawer-theme-btn:hover{background:var(--stg-hover,rgba(22,26,20,.06));border-color:var(--stg-border-strong,rgba(22,26,20,.16));color:var(--stg-ink,#161a14)}body:has(#navAuthUser.hidden) .nav-drawer-user-only{display:none!important}body:has(#navAuthGuest.hidden) .nav-drawer-guest-only{display:none!important}.nav-drawer-backdrop{background:var(--tm-modal-overlay-bg,rgba(10,6,5,.72));display:none;inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity var(--dur-2,.25s) ease;z-index:1201}.nav-drawer-backdrop:not([hidden]){display:block;opacity:1;pointer-events:auto}@media (max-width:1039px){.main-nav{align-items:center;background:var(--stg-paper-2,#fafaf7);border:none;border-bottom:1px solid var(--stg-rule,rgba(22,26,20,.08));border-radius:0;box-shadow:none;display:grid;gap:var(--sp-2,8px);grid-template-columns:36px 1fr auto;margin:0;padding:6px var(--sp-3,12px);position:relative;top:auto}.nav-start{display:contents}.nav-hamburger-btn{grid-column:1;justify-self:start}.nav-brand{font-size:1.15rem;grid-column:2;justify-self:center;text-align:center}.nav-links-panel{align-items:stretch;background:var(--stg-paper-2,#fafaf7);bottom:0;box-shadow:8px 0 32px rgba(22,26,20,.18);display:flex;flex-direction:column;gap:var(--sp-2,8px);justify-content:flex-start;left:0;overflow-y:auto;padding:var(--sp-5,24px) var(--sp-4,16px) var(--sp-6,32px);pointer-events:none;position:fixed;top:0;transform:translateX(-105%);transition:transform var(--dur-2,.25s) ease;width:min(18rem,86vw);z-index:1202}.main-nav.is-drawer-open .nav-links-panel{animation:none;pointer-events:auto;transform:translateX(0)}.nav-links-panel .nav-links{align-items:stretch;display:flex;flex-direction:column;gap:2px;width:100%}.nav-links-panel .nav-link{border-radius:var(--stg-r-sm,8px);display:block;font-size:.9rem;padding:9px 12px;text-align:left}.nav-links-panel .nav-drawer-account,.nav-links-panel .nav-drawer-actions,.nav-links-panel .nav-drawer-secondary{border-top:1px solid var(--stg-rule,rgba(22,26,20,.08));display:flex;flex-direction:column;gap:2px;margin-top:var(--sp-2,8px);padding-top:var(--sp-2,8px);width:100%}.nav-drawer-backdrop,.nav-links-panel{grid-column:1;grid-row:1}.nav-brand,.nav-end,.nav-hamburger-btn{grid-row:1}.nav-end{flex-shrink:0;gap:4px;grid-column:3;justify-self:end;margin-left:0}.main-nav .nav-end .stg-nav-search{display:none}.nav-icon-btn{font-size:.9rem;height:32px;width:32px}.nav-notif-panel{left:auto;max-width:min(20rem,calc(100vw - 24px));right:0}}body.is-nav-drawer-open{overflow:hidden}@media (max-width:390px){.main-nav{padding-inline:8px}.nav-auth-user{gap:2px}}.nav-icon-btn{background:transparent;border:none;border-radius:var(--stg-r-sm,8px);color:var(--stg-ink-2,#38382f);cursor:pointer;display:grid;font-size:1rem;height:34px;place-items:center;position:relative;text-decoration:none;transition:background var(--dur-1,.15s) ease,color var(--dur-1,.15s) ease;width:34px}.nav-icon-btn:hover{background:var(--stg-hover,rgba(22,26,20,.06));color:var(--stg-ink,#161a14)}.nav-icon-btn.active{background:var(--stg-paper-deep,#f3f2ee);color:var(--stg-ink,#161a14)}.nav-end{display:flex;gap:var(--sp-2,8px)}.nav-btn,.nav-end{align-items:center}.nav-btn{border:none;border-radius:999px;cursor:pointer;display:inline-flex;font-family:var(--font-ui,"Inter Tight",sans-serif);font-size:var(--fs-small,.8rem);font-weight:600;padding:6px 16px;text-decoration:none;transition:background var(--dur-1,.15s) ease,color var(--dur-1,.15s) ease}.nav-btn--ghost{background:transparent;border:1px solid var(--stg-rule-soft,#e8dac8);color:var(--stg-ink,#2a1a13)}.nav-btn--ghost:hover{background:var(--stg-hover,rgba(42,26,19,.07))}.nav-btn--primary{background:var(--stg-ink,#2a1a13);color:var(--stg-paper,#f4ede2)}.nav-btn--primary:hover{background:var(--stg-ink-2,#6b4a3c)}.nav-auth-btn-gilded{background:transparent;border:1px solid var(--stg-rule-soft,#e8dac8);border-radius:999px;color:var(--stg-ink,#2a1a13);cursor:pointer;font-family:var(--font-ui,"Inter Tight",sans-serif);font-size:var(--fs-small,.8rem);font-weight:600;letter-spacing:0;padding:6px 16px;text-transform:none}.nav-auth-btn-gilded:hover{background:var(--stg-hover,rgba(42,26,19,.07))}.nav-auth,.nav-auth-guest,.nav-auth-user{align-items:center;display:flex}.nav-auth-guest,.nav-auth-user{gap:var(--sp-2,8px)}.nav-auth-btn{background:transparent;border:1px solid rgba(255,215,0,.45);border-radius:8px;color:var(--accent);cursor:pointer;font-family:inherit;font-size:.78rem;font-weight:600;letter-spacing:.02em;padding:.38rem .85rem;white-space:nowrap}.nav-auth-btn:hover{background:rgba(255,215,0,.12);border-color:rgba(255,215,0,.65)}.nav-meta{color:var(--text-soft);font-size:.85rem;max-width:8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sequencer-pattern-menu-wrap{align-items:center;display:inline-flex;position:relative;vertical-align:middle}.sequencer-pattern-menu-wrap.hidden{display:none!important}.sequencer-pattern-dropdown{background:linear-gradient(165deg,#3e2723,#2a1814);border:1px solid rgba(255,215,0,.35);border-radius:8px;box-shadow:0 10px 28px rgba(0,0,0,.45);min-width:12rem;padding:.35rem 0;position:absolute;right:0;top:calc(100% + .2rem);z-index:30}.sequencer-pattern-dropdown.hidden{display:none!important}.sequencer-pattern-dropdown__item{background:transparent;border:none;color:rgba(255,248,240,.95);cursor:pointer;display:block;font-family:inherit;font-size:.88rem;padding:.45rem .85rem;text-align:left;width:100%}.sequencer-pattern-dropdown__item:hover{background:rgba(255,215,0,.1)}.sequencer-pattern-dropdown__item--danger{color:#ffb4a8}.control-btn-more{min-width:2.25rem;padding-left:.35rem;padding-right:.35rem}