@font-face{font-family:Doodies;src:url(/fonts/DOODIES.woff2?v=2)format("woff2"),url(/fonts/DOODIES.woff?v=2)format("woff"),url(/fonts/DOODIES.ttf?v=2)format("truetype");font-weight:400;font-style:normal;font-display:block}:root,body{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root,body{--lightningcss-light: ;--lightningcss-dark:initial}}body[data-theme=dark]{--page-bg:#050608;--page-fg:#eaeef2;--topbar-fg:#e8ecf28c;--accent:#fff;--accent-fade:#ffffff14;--line:#ffffff14;--card-bg:#ffffff05;--ink-rgb:255,255,255;--muted-fg:rgba(var(--ink-rgb),.35);--muted-fg-strong:rgba(var(--ink-rgb),.55);--orange:#7c3aed;--orange-rgb:124, 58, 237;--on-fill:#050608;--on-track:#000;--vinyl-disc:#ececec;--vinyl-groove:#0000002e;--vinyl-spindle:#050608;--tape-ink:#000;--tape-text:#000;--tape-window:#1a1a1a;--tape-shadow:#000000b3}body[data-theme=light]{--page-bg:#f4f1ea;--page-fg:#5a5a5a;--topbar-fg:#5a5a5a9e;--accent:#999;--accent-fade:#99999924;--line:#5a5a5a42;--card-bg:#00000005;--ink-rgb:0,0,0;--muted-fg:rgba(var(--ink-rgb),.35);--muted-fg-strong:rgba(var(--ink-rgb),.55);--orange:#7c3aed;--orange-rgb:124, 58, 237;--on-fill:#fff;--on-track:#f4f1ea;--vinyl-disc:#999;--vinyl-groove:#fff3;--vinyl-spindle:#f4f1ea;--tape-ink:#999;--tape-text:#999;--tape-window:#999;--tape-shadow:#5a5a5ab3}.jn-vinyl-disc{fill:var(--vinyl-disc);stroke:var(--vinyl-groove);stroke-width:.4px}.jn-vinyl-groove{fill:none;stroke:var(--vinyl-groove);stroke-width:.4px}.jn-vinyl-spindle{fill:var(--vinyl-spindle)}.jn-vinyl-label{fill:var(--rec-hex,var(--vinyl-spindle))}html[data-theme=dark] .jn-vinyl-disc,body[data-theme=dark] .jn-vinyl-disc{fill:#ececec!important;stroke:#0000002e!important}html[data-theme=dark] .jn-vinyl-groove,body[data-theme=dark] .jn-vinyl-groove{stroke:#0000002e!important}html[data-theme=dark] .jn-vinyl-spindle,body[data-theme=dark] .jn-vinyl-spindle{fill:#050608!important}html[data-theme=light] .jn-vinyl-disc,body[data-theme=light] .jn-vinyl-disc{fill:#999!important;stroke:#fff3!important}html[data-theme=light] .jn-vinyl-groove,body[data-theme=light] .jn-vinyl-groove{stroke:#fff3!important}html[data-theme=light] .jn-vinyl-spindle,body[data-theme=light] .jn-vinyl-spindle{fill:#f4f1ea!important}html[data-theme=light] .prof-tape,body[data-theme=light] .prof-tape{border-color:#999!important}html[data-theme=light] .prof-tape:hover,body[data-theme=light] .prof-tape:hover{box-shadow:4px 4px #999!important}html[data-theme=light] .prof-tape-window,body[data-theme=light] .prof-tape-window{background:#999!important;border-color:#999!important}html[data-theme=light] .prof-tape-title,body[data-theme=light] .prof-tape-title{color:#999!important}html[data-theme=light] .prof-tape-meta,html[data-theme=light] .prof-tape-dur,body[data-theme=light] .prof-tape-meta,body[data-theme=light] .prof-tape-dur{color:#5a5a5ad9!important}html[data-theme=light] .lr-cassette-window,body[data-theme=light] .lr-cassette-window{background:#999!important;border-color:#999!important}html[data-theme=light] .lr-tape,body[data-theme=light] .lr-tape{border-color:#999!important}html[data-theme=light] .lr-tape-window,body[data-theme=light] .lr-tape-window{background:#999!important;border-color:#999!important}html[data-theme=light] .lr-tape-title,body[data-theme=light] .lr-tape-title{color:#999!important}html[data-theme=light] .lr-tape-meta,html[data-theme=light] .lr-tape-dur,body[data-theme=light] .lr-tape-meta,body[data-theme=light] .lr-tape-dur{color:#5a5a5ad9!important}html[data-theme=light] .prof-cassette-deck,body[data-theme=light] .prof-cassette-deck{background:#9999991a!important;border-color:#999!important}html[data-theme=light] .prof-cassette-reel,body[data-theme=light] .prof-cassette-reel{border-color:#999!important}html[data-theme=light] .prof-cassette-reel-spokes,body[data-theme=light] .prof-cassette-reel-spokes{color:#999!important}html[data-theme=light] .prof-cassette-tape,body[data-theme=light] .prof-cassette-tape{background:#999!important}html[data-theme=light] .prof-cassette-card,body[data-theme=light] .prof-cassette-card,html[data-theme=light] .lr-cassette-reel,body[data-theme=light] .lr-cassette-reel{border-color:#999!important}html[data-theme=light] .lr-cassette-tape,body[data-theme=light] .lr-cassette-tape{background:#999!important}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--page-bg);color:var(--page-fg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Geist,system-ui,sans-serif;overflow-x:hidden}@media (prefers-color-scheme:dark){html,body{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:inherit;text-decoration:none}button{font-family:inherit}:focus,:focus-visible,:focus-within{box-shadow:none!important;outline:none!important}button:focus,button:focus-visible,input:focus,input:focus-visible,textarea:focus,textarea:focus-visible,select:focus,select:focus-visible,a:focus,a:focus-visible,[tabindex]:focus,[tabindex]:focus-visible{outline:none!important}body[data-theme=light] .device,body[data-theme=light] .bb-btn:not(.active):not(.is-playing),body[data-theme=light] .bb-label,body[data-theme=light] .voice-cell:not(.is-active),body[data-theme=light] .engine-tile,body[data-theme=light] .se-tab{filter:brightness(.68)saturate(1.25)}.dev-drag-hud{z-index:9001;color:#f4f1ea;-webkit-backdrop-filter:blur(8px);letter-spacing:.04em;-webkit-user-select:none;user-select:none;pointer-events:auto;background:#141416f5;border:1px solid #7f7f7f73;border-radius:10px;min-width:240px;max-width:320px;padding:10px 12px 12px;font-family:JetBrains Mono,monospace;font-size:11px;animation:.16s ease-out dev-drag-hud-in;box-shadow:0 8px 22px #00000059}.dev-drag-hud.is-fixed{position:fixed;top:14px;left:14px}.dev-drag-hud.is-popover{cursor:default;position:absolute;bottom:calc(100% + 10px);left:0}@keyframes dev-drag-hud-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dev-drag-hud-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;display:flex}.dev-drag-hud-title{letter-spacing:1.6px;color:#ff7a59;text-transform:uppercase;font-size:9px;font-weight:800}.dev-drag-hud-close{color:#f4f1ea99;cursor:pointer;background:0 0;border:none;border-radius:3px;padding:0 6px;font-size:16px;line-height:1}.dev-drag-hud-close:hover{color:#ffd86b}.dev-drag-hud-rows{flex-direction:column;gap:2px;margin-bottom:6px;display:flex}.dev-drag-hud-row{color:inherit;font-family:inherit;font-size:inherit;cursor:pointer;text-align:left;-webkit-user-select:text;user-select:text;background:0 0;border:1px solid #0000;border-radius:4px;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:4px 6px;transition:background .1s,border-color .1s;display:grid}.dev-drag-hud-row:hover{background:#ffffff0a;border-color:#7f7f7f59}.dev-drag-hud-label{text-transform:uppercase;color:#f4f1ea8c;letter-spacing:1px;font-size:9px;font-weight:700}.dev-drag-hud-val{color:#f4f1ea;font-variant-numeric:tabular-nums;font-weight:700}.dev-drag-hud-copy{color:#f4f1ea80;font-size:12px}.dev-drag-hud-copyall{color:#ff7a59;letter-spacing:1.4px;text-transform:uppercase;cursor:pointer;background:#ff7a591a;border:1px solid #ff7a598c;border-radius:4px;width:100%;padding:6px 10px;font-family:inherit;font-size:10px;font-weight:700;transition:background .1s,color .1s;display:block}.dev-drag-hud-copyall:hover{background:#ff7a5933}.dev-drag-hud-extra{border-top:1px dashed #7f7f7f4d;margin-top:10px;padding-top:10px}.dev-drag-hud-extra .ua-dev-tuner{box-shadow:none;color:#f4f1ea;z-index:auto;background:0 0;border:none;gap:4px;min-width:0;padding:0;font-size:10px;position:static;bottom:auto;left:auto;transform:none}.dev-drag-hud-extra .ua-dev-tuner-eyebrow{margin-bottom:2px}.dev-drag-hud-extra .ua-dev-tuner-row{grid-template-columns:50px 1fr 40px;gap:6px}.dev-drag-hud-extra .ua-dev-tuner-row>span:first-child{opacity:.78;font-size:9px}.dev-drag-hud-extra .ua-dev-tuner-row input[type=range]{height:14px}.dev-drag-hud-extra .ua-dev-tuner-val{color:#f4f1ead9;font-size:9px}.dev-drag-hud-extra .ua-dev-tuner-copy{color:#ff7a59;background:#ff7a591f;border:1px solid #ff7a598c;padding:5px 8px;font-size:9px}.dev-drag-hud-extra .ua-dev-tuner-copy:hover{background:#ff7a5938}@font-face{font-family:Doodies;src:url(/fonts/DOODIES.woff2?v=2)format("woff2"),url(/fonts/DOODIES.woff?v=2)format("woff"),url(/fonts/DOODIES.ttf?v=2)format("truetype");font-weight:400;font-style:normal;font-display:block}.jn-doodie{color:var(--page-fg);pointer-events:none;-webkit-user-select:none;user-select:none;contain:paint;flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:inline-flex;position:relative;overflow:hidden}.jn-doodie-frame{will-change:transform;backface-visibility:hidden;transform-style:preserve-3d}.jn-doodie.is-jammer-draggable{pointer-events:auto;cursor:grab;touch-action:none}.jn-doodie.is-jammer-draggable:active{cursor:grabbing}.jn-doodie-frame{font-family:Doodies,system-ui,sans-serif;line-height:1;display:inline-block}.brand-logo{align-items:center;gap:10px;display:inline-flex;position:relative}@media (width<=600px){.brand-logo{gap:2px}}.brand-logo .brand-doodie,.brand-logo .brand-wordmark{align-items:center;transition:transform 60ms linear;display:inline-flex;position:relative}.brand-logo.is-dev .brand-doodie,.brand-logo.is-dev .brand-wordmark{cursor:grab;touch-action:none}.brand-logo.is-dev .brand-doodie:active,.brand-logo.is-dev .brand-wordmark:active{cursor:grabbing}.brand-logo.is-dev .brand-doodie:hover,.brand-logo.is-dev .brand-wordmark:hover{outline-offset:4px;border-radius:2px;outline:1px dashed #ff7a59}.dev-drag-target{transition:transform 60ms linear;display:inline-block;position:relative}.dev-drag-target.is-dev{cursor:grab;touch-action:none}.dev-drag-target.is-dev:active{cursor:grabbing}.dev-drag-target.is-dev:hover{outline-offset:4px;border-radius:2px;outline:1px dashed #ff7a59}.home .topbar{z-index:100;background:var(--page-bg);justify-content:space-between;align-items:center;padding:18px 28px 14px;display:flex;position:sticky;top:0}.home .topbar .brand{letter-spacing:-1.2px;color:var(--page-fg);font-family:Inter,system-ui,sans-serif;font-size:32px;font-weight:200;line-height:1;text-decoration:none}.home .topbar .brand .dot{color:var(--orange)}.home .topbar .right{align-items:center;gap:10px;display:flex}.home .topbar .right>*{color:var(--accent);border:1px solid var(--accent);letter-spacing:1.8px;cursor:pointer;background:0 0;border-radius:2px;align-items:center;height:38px;padding:10px 16px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700;transition:background .12s;display:inline-flex}.home .topbar .right>:hover{background:var(--accent-fade)}.home .topbar-claim .right>.jn-theme-toggle{border:none!important;padding:0 8px!important}.home .topbar-claim .right>.jn-theme-toggle:hover{background:0 0!important}.home .topbar .ghost{border-color:var(--line);color:var(--page-fg)}.home .topbar .icon-btn{border-color:var(--line);width:38px;color:var(--page-fg);justify-content:center;padding:0}.home .topbar .cta{background:var(--accent);color:var(--on-fill)}.home .topbar .cta:hover{opacity:.85;background:var(--accent)}.home .topbar .avatar-link{background:0 0;border:none;border-radius:50%;width:38px;height:38px;padding:0}.home .topbar .avatar-link:hover{background:0 0}.home .hero{box-sizing:border-box;flex-direction:column;gap:10px;width:100vw;height:calc(100dvh - 70px);padding:12px 16px 8px;display:flex}.home .hero-copy{text-align:center;flex-shrink:0}.home .hero-copy h1{letter-spacing:-1.5px;color:var(--page-fg);margin-bottom:8px;font-family:Inter,system-ui,sans-serif;font-size:clamp(40px,5vw,64px);font-weight:200;line-height:1}.home .hero-copy .sub{letter-spacing:2px;color:var(--topbar-fg);text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700}.home .cy-word{color:var(--page-fg);white-space:nowrap}.home .hero-claim{flex-shrink:0;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.home .hero-avatar-cycle{transform:translate(var(--drag-x,34px), calc(-50% + var(--drag-y,-4px)));justify-content:center;align-items:center;width:88px;height:88px;margin-right:260px;transition:transform 60ms linear;display:flex;position:absolute;top:50%;right:50%}.home .hero-avatar-cycle.is-dev{cursor:grab;touch-action:none}.home .hero-avatar-cycle.is-dev:active{cursor:grabbing}.home .hero-avatar-cycle.is-dev:hover{outline-offset:4px;border-radius:2px;outline:1px dashed #ff7a59}.home .hero-handle{flex-direction:column;gap:6px;width:480px;max-width:100%;display:flex}.home .hero-handle-input{background:var(--card-bg);border:1px solid var(--line);border-radius:999px;align-items:center;padding:4px 4px 4px 22px;display:flex}.home .hero-handle-input.is-valid{border-color:var(--orange)}.home .hero-handle-input.is-invalid{border-color:#ff7a5973}.home .hero-handle-input .at{color:var(--topbar-fg);margin-right:4px;font-family:Inter,system-ui,sans-serif;font-size:22px;font-weight:300}.home .hero-handle-input input{color:var(--page-fg);background:0 0;border:0;outline:0;flex:1;min-width:0;padding:10px 8px;font-family:Inter,system-ui,sans-serif;font-size:18px;font-weight:400}.home .hero-handle-input input::placeholder{color:var(--topbar-fg);opacity:.6}.home .hero-handle-submit{background:var(--orange);color:var(--on-fill);letter-spacing:1.4px;cursor:pointer;border:none;border-radius:999px;flex-shrink:0;align-items:center;gap:4px;padding:8px 22px;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700;display:inline-flex}.home .hero-handle-submit .arrow{font-size:18px;font-weight:400;line-height:1}.home .hero-handle-submit:disabled{opacity:.35;cursor:not-allowed;background:var(--accent)}.home .hero-handle-submit:not(:disabled):hover{opacity:.92}.home .hero-handle-input.is-locked input{cursor:default;pointer-events:none;-webkit-user-select:none;user-select:none}.home .hero-handle-submit.is-locked,.home .hero-handle-submit.is-locked:disabled{opacity:1;background:var(--orange);color:var(--on-fill);cursor:default;font-variant-numeric:tabular-nums;letter-spacing:1.6px;justify-content:center;min-width:72px}.home .hero-handle-err{letter-spacing:1.4px;color:var(--orange);text-align:center;font-family:JetBrains Mono,monospace;font-size:10px}.home .hero-handle-ok{letter-spacing:1.4px;color:#3f9d63;text-align:center;font-family:JetBrains Mono,monospace;font-size:10px}.home .hero-handle-alt{justify-content:center;margin-top:4px;display:flex}.home .hero-handle-alt-link{color:var(--topbar-fg);opacity:.7;letter-spacing:1.4px;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-family:JetBrains Mono,monospace;font-size:10px}.home .hero-handle-alt-link:hover{opacity:1}.home .hero-claim-overlay{background:var(--page-bg);z-index:9999;justify-content:center;align-items:center;animation:.18s ease-out home-overlay-fade-in;display:flex;position:fixed;inset:0}.home .hero-claim-overlay-inner{flex-direction:column;align-items:center;gap:16px;display:flex}.home .hero-claim-overlay-text{letter-spacing:1.6px;color:var(--page-fg);opacity:.7;text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:12px}.home .hero-claim-overlay .hero-avatar-cycle{flex:none!important;width:114px!important;height:114px!important;margin:0!important;position:static!important;top:auto!important;right:auto!important;transform:none!important}.home .hero-claim-overlay .hero-avatar-cycle canvas{width:114px!important;height:114px!important}.home .hero-claim-spinner{border:2px solid var(--line);border-top-color:var(--orange);border-radius:50%;width:36px;height:36px;animation:.72s linear infinite home-spinner-spin}@keyframes home-spinner-spin{to{transform:rotate(360deg)}}@keyframes home-overlay-fade-in{0%{opacity:0}to{opacity:1}}@media (width<=600px){html,body,.home{height:100dvh;overflow:hidden}.home .hero{gap:6px;height:calc(100dvh - 48px);padding:6px 10px 4px}.home .topbar{padding:8px 12px 6px}.home .topbar .brand{letter-spacing:-.6px;font-size:16px}.home .topbar .right{gap:6px}.home .topbar .right>.jn-theme-toggle{justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex;padding:0!important;font-size:16px!important}.home .topbar .right>.hero-signout-link{letter-spacing:1.2px!important;height:32px!important;padding:4px 8px!important;font-size:10px!important}.home .hero-copy h1{margin-bottom:2px;font-size:31px}.home .hero-copy .sub{letter-spacing:1.2px;font-size:9px}.home .hero-claim{flex-direction:row;justify-content:center;align-items:center;gap:8px;display:flex}.home .hero-avatar-cycle{flex:none;justify-content:center;align-items:center;width:52px;height:52px;margin:0;display:flex;position:static;top:auto;right:auto;transform:translateY(-10px)}.home .hero-avatar-cycle canvas{display:block;width:52px!important;height:52px!important}.home .hero-handle{flex:none;gap:2px;width:280px;max-width:280px;margin:0}.home .hero-handle-input{padding:2px 2px 2px 12px}.home .hero-handle-input .at{font-size:16px}.home .hero-handle-input input{padding:6px 4px;font-size:14px}.home .hero-handle-submit{letter-spacing:1.2px;padding:6px 12px;font-size:10px}.home .hero-handle-submit.is-locked{min-width:50px;padding:6px 8px}.home .hero-handle-alt{margin-top:2px}.home .hero-handle-alt-link{padding:2px 6px;font-size:9px}}.home .hero-demo{flex:1;width:100%;min-height:0;display:flex}.home .demo-frame{background:var(--page-bg);width:100%;height:100%;position:relative}.home .demo-frame img{object-fit:contain;border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.home .hero-soon{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:22px;min-height:0;display:flex}.home .hero-soon-line{letter-spacing:3px;color:var(--page-fg);text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700}.home .demo-frame iframe{background:var(--page-bg);border:0;width:100%;height:100%;position:absolute;inset:0}.home .hero-cta-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.home .cta-primary{background:var(--orange);color:var(--on-fill);letter-spacing:1.6px;cursor:pointer;border:none;border-radius:2px;padding:14px 24px;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700;transition:opacity .12s,transform .12s}.home .cta-primary:hover{opacity:.92;transform:translateY(-1px)}.home .cta-secondary{color:var(--page-fg);border:1px solid var(--line);letter-spacing:1.6px;cursor:pointer;background:0 0;border-radius:2px;padding:14px 24px;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700;transition:border-color .12s,background .12s}.home .cta-secondary:hover{border-color:var(--page-fg);background:var(--accent-fade)}.home .cta-meta{letter-spacing:1.6px;color:var(--topbar-fg);margin-left:8px;font-family:JetBrains Mono,monospace;font-size:10px}.home .showcase{border-top:1px solid var(--line);max-width:1280px;margin:0 auto;padding:96px 32px}.home .showcase-head{max-width:720px;margin-bottom:56px}.home .showcase h2{letter-spacing:-1px;color:var(--page-fg);margin-bottom:14px;font-family:Inter,system-ui,sans-serif;font-size:clamp(32px,4vw,48px);font-weight:200}.home .showcase-sub{color:var(--topbar-fg);font-family:Inter,system-ui,sans-serif;font-size:16px;line-height:1.55}.home .showcase-block{margin-bottom:48px}.home .block-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;margin-bottom:16px;padding-bottom:12px;display:flex}.home .block-title{letter-spacing:2.4px;color:var(--page-fg);font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700}.home .block-count{letter-spacing:1.8px;color:var(--topbar-fg);font-family:JetBrains Mono,monospace;font-size:10px}.home .block-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;display:grid}.home .tile{background:rgba(var(--ink-rgb,255,255,255), .02);border:1px solid var(--line);letter-spacing:1.8px;color:var(--page-fg);cursor:pointer;text-align:center;border-radius:2px;padding:18px 12px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;transition:filter .16s,opacity .16s,border-color .12s,background .12s,color .12s;position:relative}.home .tile.is-free:hover{background:var(--page-fg);color:var(--on-accent);border-color:var(--page-fg)}.home .tile.is-locked{filter:grayscale(.9);opacity:.4;cursor:pointer}.home .tile.is-locked:hover{filter:grayscale(0);opacity:1;border-color:var(--orange)}.home .tile.is-locked:after{content:"Pro";background:var(--orange);color:var(--on-fill);letter-spacing:1px;opacity:0;pointer-events:none;border-radius:2px;padding:1px 5px;font-family:JetBrains Mono,monospace;font-size:8px;font-weight:700;transition:opacity .16s;position:absolute;top:4px;right:4px}.home .tile.is-locked:hover:after{opacity:1}.home .kit-tile{background:var(--kit-color);border:1px solid var(--kit-color);letter-spacing:1.8px;color:var(--on-accent);cursor:pointer;text-align:center;filter:grayscale(.9);opacity:.45;border-radius:2px;padding:18px 12px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;transition:filter .16s,opacity .16s;position:relative}.home .kit-tile:hover{filter:grayscale(0);opacity:1}.home .kit-tile:after{content:"Pro";color:var(--orange);letter-spacing:1px;opacity:0;pointer-events:none;background:#050608;border-radius:2px;padding:1px 5px;font-family:JetBrains Mono,monospace;font-size:8px;font-weight:700;transition:opacity .16s;position:absolute;top:4px;right:4px}.home .kit-tile:hover:after{opacity:1}.home .track-grid{grid-template-columns:repeat(10,1fr)}.home .track-tile{letter-spacing:0;padding:24px 12px;font-size:18px}.home .pricing{border-top:1px solid var(--line);max-width:1080px;margin:0 auto;padding:96px 32px}.home .pricing-head{text-align:center;margin-bottom:48px}.home .pricing h2{letter-spacing:-1px;color:var(--page-fg);margin-bottom:14px;font-family:Inter,system-ui,sans-serif;font-size:clamp(32px,4vw,48px);font-weight:200}.home .pricing-sub{color:var(--topbar-fg);font-family:Inter,system-ui,sans-serif;font-size:16px}.home .pricing-cards{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=720px){.home .pricing-cards{grid-template-columns:1fr}}.home .price-card{background:rgba(var(--ink-rgb,255,255,255), .02);border:1px solid var(--line);border-radius:10px;flex-direction:column;padding:24px;display:flex}.home .price-card.is-featured{border-color:var(--page-fg)}.home .price-toprow{align-items:center;min-height:48px;margin-bottom:16px;display:flex}.home .price-icon{width:48px;height:48px;color:var(--page-fg);justify-content:center;align-items:center;font-size:28px;display:flex}.home .price-toggle{background:var(--accent-fade);border:1px solid var(--line);border-radius:999px;gap:4px;width:fit-content;padding:4px;display:flex}.home .price-toggle button{letter-spacing:1px;color:var(--topbar-fg);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:6px 12px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700}.home .price-toggle button.is-active{background:var(--page-fg);color:var(--on-fill)}.home .price-name{color:var(--page-fg);margin-bottom:6px;font-family:Inter,system-ui,sans-serif;font-size:24px;font-weight:600}.home .price-tag{color:var(--topbar-fg);margin-bottom:18px;font-family:Inter,system-ui,sans-serif;font-size:13px}.home .price-amt{align-items:flex-end;gap:10px;margin-bottom:18px;display:flex}.home .price-amt .num{color:var(--page-fg);font-family:Inter,system-ui,sans-serif;font-size:38px;font-weight:600;line-height:1}.home .price-amt .suf{letter-spacing:1.4px;color:var(--topbar-fg);padding-bottom:4px;font-family:JetBrains Mono,monospace;font-size:10px;line-height:1.4}.home .price-cta{background:var(--page-fg);width:100%;color:var(--on-fill);letter-spacing:1.4px;cursor:pointer;border:none;border-radius:999px;margin-bottom:8px;padding:14px;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700;transition:opacity .12s}.home .price-cta:hover{opacity:.92}.home .price-cta.is-current{background:var(--accent-fade);color:var(--page-fg);border:1px solid var(--line)}.home .price-cta.is-current:disabled{cursor:not-allowed}.home .price-cta-hint{text-align:center;letter-spacing:1.4px;color:var(--topbar-fg);margin-bottom:18px;font-family:JetBrains Mono,monospace;font-size:10px}.home .price-features-head{color:var(--page-fg);border-top:1px solid var(--line);margin:8px 0 12px;padding-top:14px;font-family:Inter,system-ui,sans-serif;font-size:13px;font-weight:600}.home .price-features{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.home .price-features li{color:var(--page-fg);padding-left:22px;font-family:Inter,system-ui,sans-serif;font-size:14px;position:relative}.home .price-features li:before{content:"✓";color:var(--orange);position:absolute;top:0;left:0}.home .footer{border-top:1px solid var(--line);letter-spacing:1.8px;max-width:1280px;color:var(--topbar-fg);justify-content:space-between;align-items:center;margin:0 auto;padding:32px;font-family:JetBrains Mono,monospace;font-size:10px;display:flex}.home .footer a{color:var(--topbar-fg);transition:color .12s}.home .footer a:hover{color:var(--page-fg)}.memo-inbox-bg{z-index:99;background:0 0;position:fixed;inset:0}.memo-inbox{top:var(--memo-popup-top,64px);width:var(--memo-popup-w,340px);height:var(--memo-popup-h,auto);z-index:100;background:var(--page-bg);max-width:calc(100vw - 32px);max-height:calc(100vh - 80px);color:var(--page-fg);border:1px solid var(--line);border-right:none;border-radius:6px 0 0 6px;flex-direction:column;animation:.22s cubic-bezier(.34,1.56,.64,1) memo-inbox-slide;display:flex;position:fixed;right:0;overflow:hidden;box-shadow:-10px 12px 30px #0000002e}@keyframes memo-inbox-slide{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.memo-inbox-head{border-bottom:1px solid var(--line);flex:none;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.memo-inbox-eyebrow{letter-spacing:2.4px;color:var(--topbar-fg);text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700}.memo-inbox-close{color:var(--topbar-fg);cursor:pointer;background:0 0;border:none;border-radius:3px;padding:2px 6px;font-size:18px;line-height:1}.memo-inbox-close:hover{color:var(--page-fg)}.memo-inbox-empty{letter-spacing:1px;color:var(--topbar-fg);text-align:center;padding:32px 18px;font-family:JetBrains Mono,monospace;font-size:12px}.memo-inbox-empty-sub{color:rgba(var(--ink-rgb), .4);margin-top:8px;font-size:10px;font-style:italic}.memo-inbox-list{flex:1;min-height:0;margin:0;padding:6px;list-style:none;overflow-y:auto}.memo-row{border-radius:4px;grid-template-columns:auto 1fr auto auto auto;align-items:center;gap:10px;padding:8px 10px;transition:background .12s;display:grid}.memo-row:hover{background:rgba(var(--ink-rgb), .04)}.memo-row+.memo-row{margin-top:2px}.memo-row.is-unread{background:#2da8ff1a}.memo-row-avatar{justify-content:center;align-items:center;width:36px;height:36px;display:flex}.memo-row-text{min-width:0}.memo-row-from{letter-spacing:.8px;color:var(--page-fg);white-space:nowrap;text-overflow:ellipsis;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700;overflow:hidden}.memo-row-meta{color:var(--topbar-fg);margin-left:4px;font-weight:400}.memo-row-btn{border:1px solid var(--line);width:28px;height:28px;color:var(--page-fg);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;transition:background .12s,color .12s,border-color .12s;display:inline-flex}.memo-row-btn:hover{border-color:var(--page-fg)}.memo-row-play.is-playing{color:#fff;background:#2da8ff;border-color:#2da8ff}.memo-row-heart{border-radius:14px;gap:3px;width:42px;padding:0 4px}.memo-row-heart.is-on{color:#ff7a59;border-color:#ff7a59}.memo-row-heart-count{letter-spacing:.5px;font-family:JetBrains Mono,monospace;font-size:10px;line-height:1}.memo-row-mute{color:var(--topbar-fg);border-color:#0000}.memo-row-mute:hover{color:#ff7a59;border-color:#ff7a59}.memo-row-x{color:var(--topbar-fg);border-color:#0000;font-size:16px;line-height:1}.memo-row-x:hover{color:#ff7a59}.memo-inbox-resize{cursor:nwse-resize;z-index:2;background:linear-gradient(-45deg, transparent 0, transparent 6px, rgba(var(--ink-rgb), .35) 6px, rgba(var(--ink-rgb), .35) 7px, transparent 7px, transparent 10px, rgba(var(--ink-rgb), .35) 10px, rgba(var(--ink-rgb), .35) 11px, transparent 11px);width:16px;height:16px;position:absolute;bottom:0;left:0}.memo-inbox-resize-readout{letter-spacing:1px;color:#ff7a59;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:JetBrains Mono,monospace;font-size:9px;position:absolute;bottom:4px;left:22px}.user-topbar-avatar-wrap{align-items:center;display:inline-flex;position:relative}.memo-bell{cursor:pointer;z-index:2;background:0 0;border:none;justify-content:center;align-items:center;width:22px;height:22px;padding:0;display:inline-flex;position:absolute;top:-4px;right:-4px}.memo-bell-dot{border:2px solid var(--page-fg);background:var(--page-bg);width:16px;height:16px;box-shadow:0 0 0 2px var(--page-bg);border-radius:50%;transition:background .18s,border-color .18s,transform .12s}.memo-bell:hover .memo-bell-dot{transform:scale(1.15)}.memo-bell.has-any .memo-bell-dot{background:var(--page-fg)}.memo-bell.is-unread .memo-bell-dot{background:#2da8ff;border-color:#2da8ff}.memo-bell-pulse{pointer-events:none;border:2px solid #2da8ff;border-radius:50%;animation:1.6s ease-out infinite memo-bell-pulse;position:absolute;inset:0}@keyframes memo-bell-pulse{0%{opacity:.7;transform:scale(.6)}to{opacity:0;transform:scale(1.8)}}@media (prefers-reduced-motion:reduce){.memo-bell-pulse{opacity:.4;animation:none}}.memo-bell.is-draggable{cursor:grab;touch-action:none}.memo-bell.is-draggable:active{cursor:grabbing}.memo-bell.is-draggable:hover{outline-offset:3px;outline:1px dashed #ff7a59}.memo-bell-readout{color:#ffd86b;letter-spacing:1.4px;z-index:200;pointer-events:none;background:#0f0f0feb;border-radius:3px;padding:4px 8px;font-family:JetBrains Mono,monospace;font-size:11px;position:fixed;top:70px;right:16px}.tier-icon-tune{-webkit-user-select:none;user-select:none;display:inline-block;position:relative}.tier-icon-tune.is-dev:before{content:"";border:1px dashed var(--orange,#7c3aed);opacity:.45;pointer-events:none;border-radius:4px;transition:opacity .12s;position:absolute;inset:-4px}.tier-icon-tune.is-dev:hover:before{opacity:.85}.tier-icon-grip{background:var(--orange,#7c3aed);cursor:nwse-resize;width:16px;height:16px;box-shadow:0 0 0 2px var(--page-bg);opacity:.85;z-index:5;border-radius:50%;transition:opacity .12s,transform .12s;position:absolute;top:-8px;right:-8px}.tier-icon-grip:hover{opacity:1;transform:scale(1.15)}.upgrade-modal-bg{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}body[data-theme=light] .upgrade-modal-bg{background:#00000059}.upgrade-modal{background:var(--page-bg);border:1px solid var(--line);width:min(1240px,100%);max-height:calc(100vh - 48px);color:var(--page-fg);border-radius:12px;padding:32px 32px 24px;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:relative;overflow:auto}.upgrade-modal-close{border:1px solid var(--line);width:32px;height:32px;color:var(--topbar-fg);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;font-size:18px;line-height:1;display:flex;position:absolute;top:16px;right:16px}.upgrade-modal-close:hover{color:var(--page-fg);border-color:var(--page-fg)}.upgrade-modal-title{text-align:center;letter-spacing:-.2px;color:var(--page-fg);margin:0 auto 28px;font-size:22px;font-weight:600}.upgrade-billing-row{justify-content:center;margin:0 0 20px;display:flex}.upgrade-cards{grid-template-columns:1fr 1fr;gap:16px;max-width:720px;margin:0 auto;display:grid}@media (width<=720px){.upgrade-cards{grid-template-columns:1fr}}.upgrade-card{--card-fill:#fff;background:var(--card-fill);border:1px solid var(--line);border-radius:10px;flex-direction:column;padding:24px;display:flex}[data-theme=dark] .upgrade-card{--card-fill:#14171b}.upgrade-card.is-featured,.upgrade-card:hover{border-color:var(--page-fg)}.upgrade-card-toprow{align-items:center;min-height:48px;margin-bottom:16px;display:flex}.upgrade-card-icon{width:36px;height:36px;color:var(--page-fg);justify-content:flex-start;align-items:center;display:flex}.upgrade-card-icon svg{display:block}.upgrade-card-name{color:var(--page-fg);margin-bottom:6px;font-size:24px;font-weight:600}.upgrade-card-sub{color:var(--topbar-fg);margin-bottom:18px;font-size:13px}.upgrade-billing-toggle{background:var(--accent-fade);border:1px solid var(--line);border-radius:999px;gap:4px;width:fit-content;padding:4px;display:flex}.upgrade-bill-btn{color:var(--topbar-fg);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:6px 12px;font-size:11px;font-weight:500}.upgrade-bill-btn.is-active{background:var(--page-fg);color:var(--on-fill)}.upgrade-bill-btn:hover:not(.is-active){color:var(--page-fg)}.upgrade-card-price{align-items:flex-end;gap:10px;margin-bottom:18px;display:flex}.upgrade-price-num{color:var(--page-fg);font-size:38px;font-weight:600;line-height:1}.upgrade-price-suffix{color:var(--topbar-fg);padding-bottom:4px;font-size:11px;line-height:1.4}.upgrade-cta{color:#fff;cursor:pointer;background:#050608;border:none;border-radius:999px;width:100%;margin-bottom:8px;padding:14px;font-size:15px;font-weight:500;transition:opacity .12s}[data-theme=dark] .upgrade-cta{color:#050608;background:#fff}.upgrade-cta:hover{opacity:.86}.upgrade-cta.is-current{opacity:.32;cursor:not-allowed}.upgrade-cta.is-current:hover{opacity:.32}.upgrade-cta-hint{text-align:center;color:var(--topbar-fg);margin-bottom:18px;font-size:11px}.upgrade-features-head{border-top:1px solid var(--line);color:var(--page-fg);margin:8px 0 10px;padding-top:14px;font-size:13px;font-weight:500}.upgrade-features{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.upgrade-features li{color:var(--page-fg);padding-left:22px;font-size:13px;position:relative}.upgrade-features li:before{content:"✓";color:var(--topbar-fg);position:absolute;top:0;left:0}.jn-font-toggle{position:relative}.user-topbar-right .jn-font-toggle{background:0 0!important;border:none!important;padding:0!important}.user-topbar-right .jn-font-toggle:hover{background:0 0!important}.jn-font-toggle-btn{border:1px solid var(--page-fg);width:36px;height:36px;color:var(--page-fg);cursor:pointer;letter-spacing:0;background:0 0;border-radius:2px;justify-content:center;align-items:center;padding:0;font-size:14px;font-weight:500;display:flex}.jn-font-toggle-btn:hover{background:var(--accent-fade)}.jn-font-menu{background:var(--page-bg);border:1px solid var(--page-fg);z-index:100;border-radius:2px;min-width:280px;padding:6px;font-family:JetBrains Mono,ui-monospace,monospace;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 24px #00000052}.jn-font-menu-head{letter-spacing:2.4px;color:var(--topbar-fg);text-transform:uppercase;border-bottom:1px solid var(--line);margin-bottom:4px;padding:6px 10px 8px;font-size:9px;font-weight:700}.jn-font-row{width:100%;color:var(--page-fg);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:2px;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 10px;font-size:14px;font-weight:500;display:flex}.jn-font-row:hover{background:var(--accent-fade)}.jn-font-row.is-active{background:var(--page-fg);color:var(--on-fill)}.jn-font-row-label{letter-spacing:0;font-size:14px;font-weight:500}.jn-font-row-note{letter-spacing:1.6px;color:inherit;opacity:.55;text-transform:uppercase;font-size:9px;font-weight:700;font-family:JetBrains Mono,ui-monospace,monospace!important}.jn-font-row.is-active .jn-font-row-note{opacity:.75}.user-topbar{border-bottom:1px solid rgba(var(--ink-rgb), .12);background:var(--page-bg);justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;font-family:JetBrains Mono,monospace;display:flex}.user-topbar .brand{color:var(--page-fg);letter-spacing:.01em;flex:none;font-family:Inter,sans-serif;font-size:22px;font-weight:200;text-decoration:none}.user-topbar-left{flex:none;align-items:center;gap:14px;display:flex}.user-topbar-left .jn-theme-toggle{font-size:22px;line-height:1;background:0 0!important;border:none!important;padding:0!important}.user-topbar-left .jn-theme-toggle:hover{opacity:.7;background:0 0!important}.user-topbar-left .topbar-earth{cursor:pointer;color:var(--page-fg);opacity:.85;background:0 0;border:none;justify-content:center;align-items:center;padding:0;text-decoration:none;transition:opacity .12s;display:inline-flex}.user-topbar-left .topbar-earth:hover{opacity:1}.user-topbar-right{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:18px;display:flex}.user-topbar-right>*{letter-spacing:.18em;color:var(--page-fg);background:0 0;font-size:11px;font-weight:700;text-decoration:none}.user-topbar-right .topbar-icon{cursor:pointer;opacity:.78;border:none;justify-content:center;align-items:center;padding:0;transition:opacity .12s;display:flex}.user-topbar-right .topbar-icon:hover{opacity:1}.user-topbar-right .topbar-icon svg{width:18px;height:18px}.user-topbar-right .topbar-nav{text-transform:uppercase;opacity:.45;cursor:pointer;appearance:none;border:none;padding:0;transition:opacity .12s;position:relative}.user-topbar-right .topbar-nav:hover{opacity:.8}.user-topbar-right .topbar-nav.is-active{opacity:1}.user-topbar-right .topbar-nav.is-active:after{content:"";background:var(--page-fg);height:1.5px;position:absolute;bottom:-5px;left:0;right:0}.user-topbar-right .jn-avatar{border-radius:50%;margin:-10px 0 -10px 4px;overflow:hidden;background:0 0!important;border:none!important;width:56px!important;height:56px!important;padding:0!important}.user-topbar-right .jn-avatar:hover{background:0 0!important}.user-topbar-right .jn-avatar canvas{display:block;width:100%!important;height:100%!important}.studio-page .tape-mode{width:100%;height:100%;color:var(--page-fg);box-sizing:border-box;flex-direction:column;gap:14px;padding:14px 24px;font-family:JetBrains Mono,monospace;display:flex;overflow:hidden}.studio-page .tape-cassette{flex:none;justify-content:center;align-items:center;display:flex}.studio-page .tape-cassette svg{width:clamp(360px,42vw,600px);height:auto;color:var(--page-fg)}.studio-page .tape-cassette .tape-reel{transform-origin:0 0}.studio-page .tape-tracks{flex-direction:column;flex:auto;gap:4px;min-height:0;display:flex}.studio-page .tape-track{border:1px solid rgba(var(--ink-rgb), .16);background:rgba(var(--ink-rgb), .03);cursor:pointer;text-align:left;min-height:0;color:inherit;border-radius:4px;flex:1 1 0;grid-template-columns:100px 1fr;align-items:center;gap:12px;padding:0 10px;font-family:inherit;transition:border-color .12s,background .12s;display:grid}.studio-page .tape-track:hover{border-color:var(--track-hex);background:rgba(var(--ink-rgb), .06)}.studio-page .tape-track.is-active{border-color:var(--track-hex);box-shadow:0 0 0 1px var(--track-hex)}.studio-page .tape-track-label{flex-direction:column;gap:2px;display:flex}.studio-page .tape-track-num{letter-spacing:1.6px;color:rgba(var(--ink-rgb), .55);font-size:9px;font-weight:700}.studio-page .tape-track-voice{letter-spacing:1.8px;color:var(--track-hex);font-size:11px;font-weight:700}.studio-page .tape-wave{width:100%;height:100%;display:block}.studio-page .scene-mode{width:100%;height:100%;color:var(--page-fg);box-sizing:border-box;flex-direction:column;gap:14px;padding:14px 24px;font-family:JetBrains Mono,monospace;display:flex;overflow:hidden}.studio-page .scene-header{flex:none}.studio-page .scene-title{letter-spacing:-.4px;font-family:Inter,sans-serif;font-size:24px;font-weight:200}.studio-page .scene-sub{letter-spacing:1.4px;color:rgba(var(--ink-rgb), .55);margin-top:2px;font-size:10px;font-weight:700}.studio-page .scene-grid{flex:auto;grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(4,1fr);gap:12px;min-height:0;display:grid}.studio-page .scene-card{border:1px solid rgba(var(--ink-rgb), .18);background:rgba(var(--ink-rgb), .03);cursor:pointer;border-radius:8px;flex-direction:column;gap:8px;min-height:0;padding:10px 12px;transition:border-color .12s,background .12s,transform .12s;display:flex}.studio-page .scene-card:hover{border-color:var(--page-fg);background:rgba(var(--ink-rgb), .07);transform:translateY(-1px)}.studio-page .scene-card.is-empty{border-style:dashed}.studio-page .scene-card.is-active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);background:rgba(var(--accent-rgb), .08)}.studio-page .scene-card-head{align-items:baseline;gap:8px;display:flex}.studio-page .scene-card-num{letter-spacing:1.6px;color:rgba(var(--ink-rgb), .55);font-size:9px;font-weight:700}.studio-page .scene-card-name{letter-spacing:1.6px;color:var(--page-fg);white-space:nowrap;text-overflow:ellipsis;flex:auto;font-size:12px;font-weight:700;overflow:hidden}.studio-page .scene-card-name:hover{color:var(--accent)}.studio-page .scene-card-badge{letter-spacing:1.4px;color:var(--accent);border:1px solid var(--accent);border-radius:2px;padding:2px 5px;font-size:8px;font-weight:700}.studio-page .scene-preview{flex:auto;grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(5,1fr);gap:4px;min-height:0;display:grid}.studio-page .scene-cell{border:1px solid rgba(var(--ink-rgb), .2);border-radius:3px;justify-content:center;align-items:center;min-height:0;display:flex}.studio-page .scene-cell.is-empty{background:0 0}.studio-page .scene-cell-num{color:var(--page-bg);font-size:10px;font-weight:700}.studio-page .scene-card-foot{letter-spacing:1.6px;color:rgba(var(--ink-rgb), .55);flex:none;font-size:9px;font-weight:700}.studio-page .scene-card-action.is-empty,.studio-page .scene-card.is-active .scene-card-action{color:var(--accent)}.studio-page .df-root{width:100%;height:100%;position:relative}.studio-page .df-wrap{flex-direction:column;align-items:stretch;gap:14px;width:100%;height:100%;padding:14px 22px;font-family:JetBrains Mono,Space Mono,monospace;display:flex}.studio-page .df-resize-handle{cursor:nwse-resize;-webkit-user-select:none;user-select:none;opacity:.55;z-index:10;background:#0000008c;border:2px solid;border-radius:4px;justify-content:center;align-items:center;width:30px;height:30px;font-family:JetBrains Mono,Space Mono,monospace;font-size:16px;font-weight:700;transition:opacity .1s,transform .1s;display:flex;position:absolute;bottom:8px;right:8px}.studio-page .df-resize-handle:hover{opacity:1;transform:scale(1.1)}.studio-page .df-resize-handle:active{opacity:1;transform:scale(.95)}.studio-page .df-row{align-items:center;gap:14px;display:flex;position:relative}.studio-page .df-row-label{letter-spacing:.1em;opacity:.5;text-align:right;min-width:60px;padding-right:10px;font-size:11px;font-weight:700}.studio-page .df-row-keys{flex-wrap:nowrap;align-items:center;gap:10px;display:flex}.studio-page .df-key{cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:3px solid;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;padding:0;font-family:JetBrains Mono,Space Mono,monospace;font-size:14px;font-weight:700;transition:background-color 50ms,color 50ms,transform 50ms;display:inline-flex}.studio-page .df-key:hover{background:rgba(var(--lane-rgb), .1)}.studio-page .df-key.df-key-mod{letter-spacing:.12em;cursor:default;font-size:11px}.studio-page .df-key.df-key-mod:hover{background:0 0}.studio-page .df-kit-buttons{grid-template-columns:repeat(8,1fr);gap:8px;margin-top:8px;display:grid}.studio-page .df-kit-btn{letter-spacing:.1em;cursor:pointer;text-transform:uppercase;background:0 0;border:2px solid;padding:10px 4px;font-family:JetBrains Mono,Space Mono,monospace;font-size:11px;font-weight:700;transition:all .1s}.studio-page .df-kit-btn:hover{filter:brightness(1.2)}.studio-page .df-sections-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.studio-page .df-section{background:rgba(var(--lane-rgb), .02);aspect-ratio:1;border:2px solid;flex-direction:column;gap:14px;padding:14px;display:flex}.studio-page .df-section-header{letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid rgba(var(--lane-rgb), .3);text-align:center;padding-bottom:8px;font-size:12px;font-weight:700}.studio-page .df-controls-grid{grid-template-columns:repeat(2,1fr);gap:10px 6px;display:grid}.studio-page .df-knob-group{flex-direction:column;align-items:center;gap:6px;display:flex}.studio-page .df-knob{cursor:ns-resize;touch-action:none;-webkit-user-select:none;user-select:none;border:2px solid;border-radius:50%;width:70px;height:70px;transition:transform 50ms;position:relative}.studio-page .df-knob:active{transform:scale(.95)}.studio-page .df-knob-pointer{transform-origin:50% 27px;pointer-events:none;border-radius:1px;width:3px;height:25px;position:absolute;top:8px;left:50%}.studio-page .df-knob-label{letter-spacing:.05em;text-transform:uppercase;text-align:center;opacity:.85;font-size:9px;font-weight:700}.studio-page .df-toggle{letter-spacing:.1em;cursor:pointer;background:0 0;border:2px solid;border-radius:5px;width:70px;height:70px;font-family:JetBrains Mono,Space Mono,monospace;font-size:11px;font-weight:700;transition:all .1s}.studio-page .df-help{letter-spacing:1.2px;text-align:center;margin-top:4px;font-family:JetBrains Mono,Space Mono,monospace;font-size:10px;line-height:1.6}.studio-page .trk-mode{box-sizing:border-box;flex-direction:column;align-items:stretch;width:100%;height:100%;padding:18px 22px 22px;font-family:JetBrains Mono,Space Mono,monospace;display:flex;position:relative;overflow:hidden}.studio-page .trk-mode-grid{flex:1;grid-auto-rows:minmax(0,1fr);gap:4px;min-height:0;display:grid}.studio-page .trk-mode-grid>.trk-mode-corner,.studio-page .trk-mode-grid>.trk-mode-hdr,.studio-page .trk-mode-grid>.trk-mode-rtpr-pair,.studio-page .trk-mode-grid>.trk-mode-rtpr-empty,.studio-page .trk-mode-grid>.trk-mode-dice,.studio-page .trk-mode-grid>.trk-mode-back{grid-row:span 1;height:auto}.studio-page .trk-mode-grid>.trk-mode-hdr{height:38px}.studio-page .trk-mode-grid>.trk-mode-rtpr-pair,.studio-page .trk-mode-grid>.trk-mode-rtpr-empty{height:28px}.studio-page .trk-mode-dice{border:2px solid var(--page-fg);color:var(--page-fg);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border-radius:3px;justify-content:center;align-items:center;height:38px;padding:0;transition:background-color 80ms;display:flex}.studio-page .trk-mode-dice:hover{background:rgba(var(--ink-rgb,240, 240, 240), .1)}.studio-page .trk-mode-dice.is-active{background:var(--page-fg);color:var(--page-bg)}.studio-page .trk-mode-dice.is-active svg circle{fill:var(--page-bg)}.studio-page .trk-mode-dice.is-active svg rect{stroke:var(--page-bg)}.studio-page .trk-mode-back{color:#ff7a59;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:2px solid #ff7a59;border-radius:3px;justify-content:center;align-items:center;height:38px;padding:0;font-family:JetBrains Mono,Space Mono,monospace;font-size:24px;font-weight:700;line-height:1;transition:background-color 80ms;display:flex}.studio-page .trk-mode-back:hover{background:#ff7a592e}.studio-page .trk-mode-hdr{letter-spacing:.06em;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:2px solid;border-radius:3px;justify-content:center;align-items:center;font-family:JetBrains Mono,Space Mono,monospace;font-size:13px;font-weight:700;transition:background-color 80ms;display:flex}.studio-page .trk-mode-hdr:hover{background:rgba(var(--col-rgb), .16)}.studio-page .trk-mode-hdr.is-focused{background:rgba(var(--col-rgb), .24)}.studio-page .trk-mode-hdr.is-muted{opacity:.35;text-decoration:line-through}.studio-page .trk-mode-hdr.is-dice{background:rgba(var(--col-rgb), .1)}.studio-page .trk-mode-hdr.is-lane-label{cursor:default;letter-spacing:.12em;font-size:11px}.studio-page .trk-mode-rtpr-pair{grid-template-columns:1fr 1fr;gap:4px;min-width:0;height:100%;display:grid}.studio-page .trk-mode-rtpr-btn{letter-spacing:.12em;cursor:pointer;border:2px solid;border-radius:3px;justify-content:center;align-items:center;min-width:0;height:100%;padding:0;font-family:JetBrains Mono,Space Mono,monospace;font-size:11px;font-weight:700;transition:background-color 80ms;display:flex}.studio-page .trk-mode-rtpr-btn:not(.is-active):hover{background:rgba(var(--col-rgb,255, 255, 255), .2)!important}.studio-page .trk-mode-step-num{text-align:right;letter-spacing:1.2px;color:rgba(var(--ink-rgb,240, 240, 240), .35);justify-content:flex-end;align-items:center;padding-right:8px;font-size:9px;font-weight:700;display:flex}.studio-page .trk-mode-step-num.is-downbeat{color:rgba(var(--ink-rgb,240, 240, 240), .6)}.studio-page .trk-mode-cell{border:1px solid rgba(var(--ink-rgb,240, 240, 240), .1);cursor:pointer;color:var(--page-bg);background:0 0;border-radius:2px;justify-content:center;align-items:center;min-height:0;padding:0;font-family:JetBrains Mono,Space Mono,monospace;font-size:11px;font-weight:700;transition:filter 80ms;display:flex}.studio-page .trk-mode-cell:hover{filter:brightness(1.15)}.studio-page .trk-mode-cell.is-downbeat{border-color:rgba(var(--ink-rgb,240, 240, 240), .18)}.studio-page .trk-mode-cell.drum-meta{color:#ff7a59;letter-spacing:.12em;background:#ff7a590d;border:1px solid #ff7a594d;font-size:10px}.studio-page .trk-mode-cell.drum-meta:hover{background:#ff7a592e}.studio-page .trk-mode-cell.drum-meta:active{color:var(--page-bg);background:#ff7a59}.studio-page .trk-mode-cell.drum-summary{background:#ff7a590a;border-color:#ff7a5933}.studio-page .drum-mini-grid{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(4,1fr);gap:1px;width:80%;height:80%;display:grid}.studio-page .drum-mini-cell{background:#ff7a591a;border-radius:1px}.studio-page .drum-mini-cell.is-on{background:#ff7a59}.studio-page .trk-mode-cell.melodic{font-size:11px}.studio-page .trk-mode-cell.is-muted{opacity:.35}.studio-page .trk-mode-toolbar{flex:none;align-items:center;gap:8px;padding-bottom:10px;display:flex}.studio-page .trk-mode-gen-btn{border:2px solid var(--page-fg);color:var(--page-fg);letter-spacing:.16em;cursor:pointer;background:0 0;border-radius:3px;padding:6px 14px;font-family:JetBrains Mono,Space Mono,monospace;font-size:12px;font-weight:700;transition:background-color 80ms,color 80ms}.studio-page .trk-mode-gen-btn:hover{background:var(--page-fg);color:var(--page-bg)}.studio-page .trk-mode-step-num.is-playhead{color:var(--page-fg);font-weight:900}.studio-page .trk-mode-cell.is-playhead{box-shadow:inset 0 0 0 1px rgba(var(--ink-rgb,240, 240, 240), .55)}.studio-page .trk-mode-cell.melodic.is-playhead:not(.is-on){background:rgba(var(--ink-rgb,240, 240, 240), .06)!important}.studio-page .trk-mode-cell.drum-summary.is-playhead,.studio-page .trk-mode-cell.drum-lane.is-playhead:not(.is-on){background:#ff7a5924!important}.gm-root{color:var(--page-fg);flex-direction:column;font-family:JetBrains Mono,monospace;display:flex;position:absolute;inset:0}.gm-toolbar{border-bottom:1px solid rgba(var(--ink-rgb), .08);flex:none;justify-content:space-between;align-items:center;gap:14px;padding:14px 22px;display:flex}.gm-toolbar-left,.gm-toolbar-right{align-items:center;gap:8px;display:flex}.gm-label{letter-spacing:1.8px;color:rgba(var(--ink-rgb), .6);margin-right:4px;font-size:10px;font-weight:700}.gm-step-btn{letter-spacing:1.6px;border:1px solid rgba(var(--ink-rgb), .3);color:var(--page-fg);cursor:pointer;background:0 0;border-radius:2px;min-width:44px;padding:7px 12px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700}.gm-step-btn:hover{border-color:var(--page-fg)}.gm-step-btn.is-active{background:var(--page-fg);color:var(--page-bg);border-color:var(--page-fg)}.gm-action{letter-spacing:1.6px;border:1px solid rgba(var(--ink-rgb), .3);color:var(--page-fg);cursor:pointer;background:0 0;border-radius:2px;padding:7px 12px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700}.gm-action:hover{background:rgba(var(--ink-rgb), .08)}.gm-stage{flex:auto;justify-content:center;align-items:center;min-height:0;padding:18px 22px 22px;display:flex}.gm-grid{gap:3px;width:100%;height:100%;display:grid}.gm-cell{border:1px solid rgba(var(--ink-rgb), .08);background:rgba(var(--ink-rgb), .03);cursor:pointer;border-radius:2px;min-width:0;min-height:0;padding:0;transition:background 80ms,border-color 80ms}.gm-cell:hover{background:rgba(var(--ink-rgb), .1)}.gm-cell.is-down{background:rgba(var(--ink-rgb), .06)}.gm-cell.is-down:hover{background:rgba(var(--ink-rgb), .13)}.gm-cell.is-playing-col{background:rgba(var(--ink-rgb), .18)}.gm-cell.is-playing-col.is-down{background:rgba(var(--ink-rgb), .22)}.gm-cell.is-on{border-color:currentColor;position:relative}.gm-cell .gm-cell-num{color:#000;pointer-events:none;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;display:flex;position:absolute;inset:0}.gm-cell .gm-cell-oct{color:#000;pointer-events:none;-webkit-user-select:none;user-select:none;letter-spacing:0;font-family:JetBrains Mono,monospace;font-size:8px;font-weight:700;line-height:1;position:absolute;right:2px}.gm-cell .gm-cell-oct.is-up{top:2px}.gm-cell .gm-cell-oct.is-dn{bottom:2px}.chops-mode{color:var(--page-fg);flex-direction:column;gap:12px;padding:14px 22px 18px;font-family:JetBrains Mono,monospace;display:flex;position:absolute;inset:0}.chops-toolbar{border-bottom:1px solid rgba(var(--ink-rgb), .08);flex:none;align-items:center;gap:12px;padding-bottom:10px;display:flex}.chops-toolbar-label{letter-spacing:1.8px;color:rgba(var(--ink-rgb), .6);font-size:10px;font-weight:700}.chops-loop-select{letter-spacing:1.2px;border:1px solid rgba(var(--ink-rgb), .3);background:var(--page-bg);color:var(--page-fg);cursor:pointer;border-radius:2px;min-width:240px;padding:6px 10px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700}.chops-loop-select:focus{outline:1px solid var(--accent)}.chops-toolbar-meta{letter-spacing:1.4px;color:rgba(var(--ink-rgb), .55);margin-left:auto;font-size:10px;font-weight:500}.chops-waveform{border:1px solid rgba(var(--ink-rgb), .18);border-radius:4px;flex:auto;min-height:120px;position:relative;overflow:hidden}.chops-waveform-canvas{width:100%;height:100%;display:block}.chops-pads{flex:none;grid-template-columns:repeat(8,1fr);gap:8px;height:120px;display:grid}.chops-pad{border:2px solid rgba(var(--ink-rgb), .25);background:rgba(var(--ink-rgb), .04);color:var(--page-fg);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-family:JetBrains Mono,monospace;transition:border-color 80ms,background 80ms,box-shadow 80ms;display:flex;position:relative}.chops-pad:hover:not(:disabled){border-color:var(--pad-c,var(--page-fg))}.chops-pad:active:not(:disabled),.chops-pad.is-active{border-color:var(--pad-c,var(--accent));background:var(--pad-c,var(--accent));color:#050608;box-shadow:inset 0 0 0 1px #00000026}.chops-pad:disabled{opacity:.4;cursor:not-allowed}.chops-pad-num{font-family:Inter,sans-serif;font-size:28px;font-weight:200;line-height:1}.chops-pad-key{letter-spacing:1.4px;color:rgba(var(--ink-rgb), .55);font-size:9px;font-weight:700}.chops-pad.is-active .chops-pad-key{color:#0009}.cassette-device{color:var(--page-fg);flex-direction:column;gap:16px;padding:22px 32px 28px;font-family:JetBrains Mono,monospace;display:flex;position:absolute;inset:0}.cassette-shell{flex:auto;justify-content:center;align-items:center;min-height:0;display:flex}.cassette-svg{filter:drop-shadow(2px 4px #0000002e);width:100%;max-width:720px;height:auto;max-height:100%}.cassette-reel-spin{animation:1.4s linear infinite cassette-reel-spin}@keyframes cassette-reel-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.cassette-reel-spin{animation:none}}.cassette-controls{flex:none;justify-content:center;align-items:center;gap:12px;display:flex}.cassette-select{letter-spacing:1.4px;border:1px solid rgba(var(--ink-rgb), .3);background:var(--page-bg);color:var(--page-fg);cursor:pointer;border-radius:2px;min-width:280px;padding:8px 14px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700}.cassette-select:focus{outline:1px solid var(--accent)}.cassette-play{letter-spacing:1.8px;text-align:center;border:1px solid var(--page-fg);width:130px;color:var(--page-fg);cursor:pointer;background:0 0;border-radius:2px;padding:10px 0;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700;transition:background .1s,color .1s,border-color .1s}.cassette-play:hover:not(:disabled){background:rgba(var(--ink-rgb), .08)}.cassette-play.is-on{background:var(--accent);border-color:var(--accent);color:var(--on-fill)}.cassette-play:disabled{opacity:.4;cursor:not-allowed}.account-page .topbar{z-index:100;background:var(--page-bg);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:18px 28px 14px;font-family:JetBrains Mono,monospace;display:flex;position:sticky;top:0}.account-page .topbar .brand{letter-spacing:-1.2px;color:var(--page-fg);font-family:Inter,system-ui,sans-serif;font-size:32px;font-weight:200;line-height:1}.account-page .topbar .brand .dot{color:var(--orange)}.account-page .topbar .right{align-items:center;gap:10px;display:flex}.account-page .topbar .right>*{color:var(--accent);border:1px solid var(--accent);letter-spacing:1.8px;cursor:pointer;background:0 0;border-radius:2px;align-items:center;gap:8px;height:38px;padding:10px 16px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700;transition:background .12s;display:inline-flex}.account-page .topbar .right>:hover{background:var(--accent-fade)}.account-page .topbar .upgrade{background:var(--accent);color:var(--on-fill)}.account-page .topbar .upgrade:hover{background:var(--accent);opacity:.85}.account-page .topbar .signout{color:var(--orange);border-color:var(--orange)}.account-page .topbar .signout:hover{background:rgba(var(--orange-rgb),.12)}.account-page .topbar .right a.active{background:var(--page-fg);color:var(--page-bg);border-color:var(--page-fg)}.account-page .topbar .right a.active:hover{background:var(--page-fg)}.account-page .topbar .icon-btn{border-color:var(--line);width:38px;color:var(--page-fg);justify-content:center;padding:0}.account-page .avatar{background:linear-gradient(135deg, var(--orange), #f06292);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-family:JetBrains Mono,monospace;font-size:14px;font-weight:700;display:inline-flex}.account-page .container{max-width:1280px;margin:0 auto;padding:48px 28px 96px}.account-page .hero{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:40px;padding-bottom:32px;display:flex}.account-page .hero-id{align-items:center;gap:22px;min-width:0;display:flex}.account-page .hero-avatar{cursor:pointer;flex-shrink:0}.account-page .hero-avatar:hover{filter:brightness(1.08)}.account-page .hero-text{min-width:0}.account-page .hero h1{letter-spacing:-1.5px;flex-wrap:wrap;align-items:center;gap:18px;font-family:Inter,system-ui,sans-serif;font-size:64px;font-weight:200;line-height:1;display:flex}.account-page .hero h1 .dot{color:var(--orange)}.account-page .hero h1 .avatar-wrap{display:inline-block}.account-page .hero .meta{letter-spacing:2px;color:var(--topbar-fg);margin-top:12px;font-family:JetBrains Mono,monospace;font-size:11px}.account-page .trial-pill{letter-spacing:1.8px;border:1px solid var(--orange);color:var(--orange);border-radius:2px;align-items:center;gap:8px;padding:9px 12px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;display:inline-flex}.account-page .trial-pill .pulse{background:var(--orange);border-radius:50%;width:7px;height:7px;animation:1.6s ease-in-out infinite acct-pulse}@keyframes acct-pulse{0%,to{opacity:1}50%{opacity:.3}}.account-page .sec-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.account-page .sec-head .row{align-items:baseline;gap:12px;display:flex}.account-page .sec-head span:first-child{letter-spacing:2.5px;color:var(--page-fg);font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700}.account-page .sec-head .count{letter-spacing:1.6px;color:var(--topbar-fg);font-family:JetBrains Mono,monospace;font-size:10px}.account-page .btn{border:1px solid var(--accent);color:var(--accent);letter-spacing:1.8px;cursor:pointer;background:0 0;border-radius:2px;padding:10px 16px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;transition:background .12s}.account-page .btn:hover{background:var(--accent-fade)}.account-page .btn.primary{background:var(--accent);color:var(--on-fill)}.account-page .btn.primary:hover{opacity:.85}.account-page .btn.danger{color:var(--orange);border-color:var(--orange)}.account-page .btn.danger:hover{background:rgba(var(--orange-rgb),.12)}.account-page .grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.account-page .jam-card{background:var(--card-bg);border:1px solid var(--line);cursor:pointer;color:inherit;border-radius:2px;flex-direction:column;gap:12px;padding:14px;text-decoration:none;transition:border-color .15s,transform .15s;display:flex}.account-page .jam-card:hover{border-color:var(--accent);transform:translateY(-2px)}.account-page .jam-thumb{aspect-ratio:16/9;background:var(--page-bg);border:1px solid var(--line);grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(5,1fr);gap:3px;width:100%;padding:8px;display:grid;position:relative}.account-page .jam-thumb .cell{background:var(--accent-fade);border-radius:1px}.account-page .jam-card .title-row{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.account-page .jam-card .title{color:var(--page-fg);font-family:Inter,system-ui,sans-serif;font-size:16px;font-weight:400}.account-page .jam-card .meta{letter-spacing:1.8px;color:var(--topbar-fg);font-family:JetBrains Mono,monospace;font-size:10px}.account-page .jam-card .pills{flex-wrap:wrap;gap:6px;display:flex}.account-page .jam-card .pill{letter-spacing:1.2px;color:var(--topbar-fg);border:1px solid var(--line);border-radius:2px;padding:3px 6px;font-family:JetBrains Mono,monospace;font-size:9px}.account-page .jam-card .pill.public{color:var(--accent);border-color:var(--accent)}.account-page .entry-squares{grid-template-columns:1fr 1fr;gap:10px;max-width:360px;margin:12px 0 8px;display:grid}.account-page .entry-square{aspect-ratio:1;border:1px solid var(--accent);color:var(--accent);cursor:pointer;background:0 0;border-radius:2px;flex-direction:column;justify-content:center;align-items:center;gap:10px;text-decoration:none;transition:background .15s,transform .15s;display:flex}.account-page .entry-square:hover{background:var(--accent-fade);transform:translateY(-2px)}.account-page .entry-square.build{border-style:dashed}.account-page .entry-square.random{background:var(--accent);color:var(--on-fill)}.account-page .entry-square.random:hover{background:var(--accent);opacity:.85}.account-page .entry-square-icon{justify-content:center;align-items:center;font-family:Inter,system-ui,sans-serif;font-size:48px;font-weight:200;line-height:1;display:flex}.account-page .entry-square-label{letter-spacing:1.8px;text-align:center;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700}@media (width<=600px){.account-page .entry-squares{grid-template-columns:1fr;max-width:240px}}.account-page .user-modes-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin:12px 0 8px;display:grid}.account-page .user-modes-grid.is-dense{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.account-page .user-mode-tile{border:2px solid rgba(var(--ink-rgb), .35);text-align:left;color:var(--page-fg);background:0 0;border-radius:2px;flex-direction:column;gap:10px;min-height:170px;padding:22px 18px;font-family:JetBrains Mono,monospace;text-decoration:none;transition:background .12s,border-color .12s,transform .12s;display:flex;position:relative}.account-page .user-mode-tile.is-compact{gap:6px;min-height:110px;padding:14px 12px 12px}.account-page .user-mode-tile.is-compact .user-mode-glyph{font-size:26px}.account-page .user-mode-tile.is-compact .user-mode-label{letter-spacing:1.6px;font-size:11px}.account-page .user-mode-tile.is-compact .user-mode-sub{letter-spacing:1px;opacity:.6;font-size:9px}.account-page .user-mode-tile.is-drum{border-style:dashed}.account-page .user-mode-tag.is-drum-tag{background:rgba(var(--ink-rgb), .1);color:rgba(var(--ink-rgb), .7);border:1px solid rgba(var(--ink-rgb), .2);letter-spacing:1px;text-transform:uppercase;border-radius:2px;padding:1px 5px;font-size:8px;font-weight:700;position:absolute;top:6px;right:6px}.account-page .user-mode-tile.is-random{border-color:var(--accent);border-style:dashed}.account-page .user-hw-grid{grid-template-columns:repeat(2,1fr);gap:14px;margin:12px 0 24px;display:grid}.account-page .user-hw-tile{border:2px solid rgba(var(--ink-rgb), .35);color:var(--page-fg);background:0 0;border-radius:2px;flex-direction:column;gap:10px;padding:22px 22px 16px;font-family:JetBrains Mono,monospace;text-decoration:none;transition:background .12s,border-color .12s;display:flex}.account-page .user-hw-tile:hover{background:rgba(var(--ink-rgb), .06);border-color:rgba(var(--ink-rgb), .55)}.account-page .user-hw-image{flex:auto;justify-content:center;align-items:center;min-height:140px;padding:4px 0;display:flex}.account-page .user-hw-image img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:180px;display:block}body[data-theme=dark] .account-page .user-hw-image img{filter:invert()}.account-page .user-hw-image img.hw-img-themed{filter:invert(.65)}body[data-theme=dark] .account-page .user-hw-image img.hw-img-themed{filter:none}.account-page .user-hw-label{letter-spacing:1.8px;text-align:center;font-size:11px;font-weight:700}@media (width<=720px){.account-page .user-hw-grid{grid-template-columns:1fr}}.account-page .user-synths-grid{grid-template-columns:repeat(10,1fr);gap:8px;margin-top:12px;display:grid}@media (width<=1100px){.account-page .user-synths-grid{grid-template-columns:repeat(6,1fr)}}@media (width<=720px){.account-page .user-synths-grid{grid-template-columns:repeat(4,1fr)}}.account-page .user-synth-tile{aspect-ratio:1;border:1px solid var(--line);color:var(--page-fg);background:0 0;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:8px;text-decoration:none;transition:border-color .12s,background .12s;display:flex}.account-page .user-synth-tile:hover{border-color:var(--voice-hex);background:rgba(var(--ink-rgb), .04)}.account-page .user-synth-glyph{color:var(--voice-hex);font-size:24px;line-height:1}.account-page .user-synth-label{letter-spacing:.12em;color:var(--page-fg);font:700 10px/1 JetBrains Mono,monospace}.account-page .user-setups{flex-direction:column;gap:8px;margin-bottom:24px;display:flex}.account-page .setup-card{border:1px solid rgba(var(--ink-rgb), .18);text-align:left;cursor:pointer;width:100%;color:var(--page-fg);background:0 0;border-radius:2px;align-items:center;gap:18px;padding:12px 18px;font-family:JetBrains Mono,monospace;transition:border-color .12s,background .12s;display:flex}.account-page .setup-card:hover{border-color:var(--accent);background:rgba(var(--accent-rgb), .05)}.account-page .setup-card--empty{cursor:default;border-style:dashed}.account-page .setup-card--empty:hover{border-color:rgba(var(--ink-rgb), .3);background:0 0}.account-page .setup-grid{flex:none;grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(5,1fr);gap:3px;width:110px;height:44px;display:grid}.account-page .setup-cell{background:rgba(var(--ink-rgb), .08);border:1px solid rgba(var(--ink-rgb), .18);border-radius:2px;position:relative}.account-page .setup-cell.is-filled{background:var(--c,var(--page-fg));border-color:var(--c,var(--page-fg))}.account-page .setup-cell-glyph{color:#000000bf;justify-content:center;align-items:center;font-family:Inter,sans-serif;font-size:12px;line-height:1;display:flex;position:absolute;inset:0}.account-page .setup-meta{flex:1;min-width:0}.account-page .setup-name{letter-spacing:1.6px;color:var(--page-fg);text-transform:uppercase;font-size:11px;font-weight:700}.account-page .projects-strip-wrap{padding:14px 16px;overflow:hidden}.account-page .projects-strip{grid-template-rows:repeat(2,22px);grid-auto-columns:22px;grid-auto-flow:column;gap:4px;width:100%;height:48px;display:grid;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000 100%);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000 100%)}.account-page .projects-strip-cell{background:rgba(var(--ink-rgb), .08);border:1px solid rgba(var(--ink-rgb), .18);cursor:default;border-radius:2px;padding:0;transition:background 80ms,border-color 80ms}.account-page .projects-strip-cell.is-filled{background:var(--c,var(--page-fg));border-color:var(--c,var(--page-fg));cursor:pointer}.account-page .projects-strip-cell.is-filled:hover{background:color-mix(in srgb, var(--c) 65%, black);border-color:color-mix(in srgb, var(--c) 50%, black)}.account-page .projects-strip-cell.is-filled:active{background:color-mix(in srgb, var(--c) 50%, black);border-color:color-mix(in srgb, var(--c) 40%, black)}.account-page .projects-strip-cell.is-dragging{opacity:.35}.account-page .projects-strip-cell.projects-strip-cell--empty{cursor:pointer;position:relative}.account-page .projects-strip-cell.projects-strip-cell--empty:hover{background:rgba(var(--ink-rgb), .14);border-color:rgba(var(--ink-rgb), .34)}.account-page .projects-strip-cell-plus{color:rgba(var(--ink-rgb), .55);opacity:0;pointer-events:none;justify-content:center;align-items:center;font-family:JetBrains Mono,monospace;font-size:14px;font-weight:700;line-height:1;transition:opacity .1s;display:flex;position:absolute;inset:0}.account-page .projects-strip-cell.projects-strip-cell--empty:hover .projects-strip-cell-plus{opacity:1}.account-page .user-setups.projects-strip-section{position:relative}.account-page .projects-strip-trash{width:64px;height:64px;color:var(--page-fg);pointer-events:none;opacity:0;z-index:5;background:0 0;border:none;justify-content:center;align-items:center;transition:opacity .12s,transform .12s,color .12s;display:flex;position:absolute;top:-68px;left:50%;transform:translate(-50%)scale(.85)}.account-page .projects-strip-trash svg{width:40px;height:40px}.account-page .projects-strip-trash.is-visible{opacity:1;pointer-events:auto;transform:translate(-50%)scale(1)}.account-page .projects-strip-trash.is-over{color:#c0382a;transform:translate(-50%)scale(1.2)}.account-page .projects-strip-trash.is-flash{color:#fff;transform:translate(-50%)scale(1.35)}.account-page .projects-strip-trash svg path{stroke-width:1.8px}.account-page .jn-modal-bg{z-index:500;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000000a6;animation:.12s ease-out account-jn-modal-fade;position:fixed;inset:0}@keyframes account-jn-modal-fade{0%{opacity:0}to{opacity:1}}.account-page .jn-modal{z-index:501;background:var(--page-bg);border:1px solid var(--accent);border-radius:2px;width:460px;max-width:calc(100vw - 48px);font-family:JetBrains Mono,monospace;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.account-page .jn-modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.account-page .jn-modal-title{letter-spacing:2.4px;text-transform:uppercase;color:var(--accent);font-size:13px;font-weight:700}.account-page .jn-modal-close{color:var(--accent);cursor:pointer;background:0 0;border:none;width:24px;height:24px;padding:0;font-family:inherit;font-size:16px;line-height:1}.account-page .jn-modal-close:hover{color:var(--page-fg)}.account-page .jn-modal-body{flex-direction:column;gap:18px;padding:18px;display:flex}.account-page .jn-modal-meta{letter-spacing:1.6px;color:var(--topbar-fg);font-size:11px;line-height:1.5}.account-page .jn-modal-foot{border-top:1px solid var(--line);justify-content:flex-end;gap:8px;padding:14px 18px;display:flex}.account-page .jn-btn{color:var(--accent);border:1px solid var(--accent);letter-spacing:1.8px;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:2px;padding:11px 18px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;transition:background .12s,color .12s}.account-page .jn-btn:hover,.account-page .jn-btn-primary{background:var(--accent);color:var(--on-fill,var(--page-bg))}.account-page .jn-btn-primary:hover{background:var(--page-fg);border-color:var(--page-fg)}.account-page .jn-modal-label{letter-spacing:2px;color:var(--topbar-fg);text-transform:uppercase;font-size:10px;font-weight:700}.account-page .jn-modal-section{flex-direction:column;gap:8px;display:flex}.account-page .jn-input{width:100%;color:var(--page-fg);border:1px solid var(--accent);letter-spacing:1.2px;background:0 0;border-radius:2px;outline:none;padding:12px 14px;font-family:JetBrains Mono,monospace;font-size:14px;font-weight:600}.account-page .jn-input:focus{border-color:var(--page-fg)}.account-page .jn-input::placeholder{color:rgba(var(--ink-rgb), .35)}.account-page .setup-sub{letter-spacing:1.2px;color:rgba(var(--ink-rgb), .55);margin-top:4px;font-size:9px;font-weight:500;line-height:1.5}.account-page .user-mode-tile:hover{border-color:var(--accent);background:rgba(var(--accent-rgb), .06);transform:translateY(-2px)}.account-page .user-mode-tile.is-scaffold{opacity:.85;border-style:dashed}.account-page .user-mode-glyph{font-size:38px;line-height:1}.account-page .user-mode-label{letter-spacing:2.4px;font-size:16px;font-weight:700}.account-page .user-mode-sub{letter-spacing:1.2px;opacity:.7;font-size:10px;font-weight:500;line-height:1.5}.account-page .user-mode-tag{letter-spacing:1.6px;opacity:.7;border:1px solid;border-radius:2px;padding:3px 6px;font-size:8px;font-weight:700;position:absolute;top:12px;right:12px}.account-page .entry-btn{text-align:center;border:1px solid var(--accent);width:320px;max-width:100%;color:var(--accent);letter-spacing:2.4px;cursor:pointer;background:0 0;border-radius:2px;padding:16px 24px;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700;text-decoration:none;transition:background .15s,opacity .15s}.account-page .entry-btn:hover{background:var(--accent-fade)}.account-page .entry-btn.primary{background:var(--accent);color:var(--on-fill);border-color:var(--accent)}.account-page .entry-btn.primary:hover{opacity:.85;background:var(--accent)}.account-page .entry-tiles{grid-template-columns:1fr 1fr;gap:24px;margin-top:4px;display:grid}.account-page .entry-tile{color:inherit;cursor:pointer;flex-direction:column;gap:14px;text-decoration:none;display:flex}.account-page .entry-visual{aspect-ratio:16/9;border:1px solid var(--line);background:var(--card-bg);border-radius:2px;justify-content:center;align-items:center;transition:border-color .15s,transform .15s;display:flex;overflow:hidden}.account-page .entry-tile:hover .entry-visual{border-color:var(--accent);transform:translateY(-3px)}.account-page .entry-visual-build{border-style:dashed;border-color:var(--accent)}.account-page .entry-tile:hover .entry-visual-build{background:var(--accent-fade)}.account-page .entry-plus{color:var(--accent);font-family:Inter,system-ui,sans-serif;font-size:96px;font-weight:200;line-height:1}.account-page .entry-visual .jam-thumb{aspect-ratio:auto;background:0 0;border:none;width:100%;height:100%}.account-page .entry-label{letter-spacing:2.4px;color:var(--page-fg);font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700}.account-page .entry-sub{letter-spacing:1.4px;color:var(--topbar-fg);margin-top:-8px;font-family:JetBrains Mono,monospace;font-size:10px}@media (width<=720px){.account-page .entry-tiles{grid-template-columns:1fr}}.account-page .new-card{border:1px dashed var(--accent);color:var(--accent);cursor:pointer;background:0 0;flex-direction:column;justify-content:center;align-items:center;min-height:220px;text-decoration:none;transition:background .15s;display:flex}.account-page .new-card:hover{background:var(--accent-fade)}.account-page .new-card .plus{color:var(--accent);font-family:Inter,system-ui,sans-serif;font-size:56px;font-weight:200;line-height:1}.account-page .new-card .label{letter-spacing:2.4px;color:var(--accent);margin-top:12px;font-family:JetBrains Mono,monospace;font-size:11px}.account-page .grid.discover{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.account-page .grid.discover .title{font-size:14px}.account-page .grid.discover .author{letter-spacing:1.4px;color:var(--topbar-fg);font-family:JetBrains Mono,monospace;font-size:9px}.account-page .acc-section{border:1px solid var(--line);background:var(--card-bg);border-radius:2px;grid-template-columns:1fr 1fr;gap:28px 56px;padding:28px;display:grid}.account-page .acc-row{flex-direction:column;gap:6px;display:flex}.account-page .acc-label{letter-spacing:2.5px;color:var(--topbar-fg);font-family:JetBrains Mono,monospace;font-size:10px}.account-page .acc-value{color:var(--page-fg);font-family:Inter,system-ui,sans-serif;font-size:16px;font-weight:400}.account-page .acc-actions{border-top:1px solid var(--line);flex-wrap:wrap;grid-column:1/-1;gap:12px;padding-top:20px;display:flex}.account-page .acc-radio{cursor:pointer;align-items:flex-start;gap:10px;font-size:14px;line-height:1.5;display:flex}.account-page .acc-radio input[type=radio]{accent-color:var(--page-fg);margin-top:4px}.account-page .acc-radio b{font-weight:600}.account-page .footer{letter-spacing:2px;color:var(--topbar-fg);border-top:1px solid var(--line);justify-content:space-between;gap:16px;margin-top:72px;padding-top:24px;font-family:JetBrains Mono,monospace;font-size:10px;display:flex}.account-page .footer a{color:var(--topbar-fg)}.account-page .footer a:hover{color:var(--page-fg)}.account-page .jam-thumb .cell.v-saw{background:#ff7a59}.account-page .jam-thumb .cell.v-bell{background:#f8c34a}.account-page .jam-thumb .cell.v-pad{background:#6cb8ff}.account-page .jam-thumb .cell.v-chime{background:#b388ff}.account-page .jam-thumb .cell.v-pluck{background:#4ade80}.account-page .jam-thumb .cell.v-drum{background:#e0e0e0}.account-page .jam-thumb .cell.v-pulse{background:#f06292}.account-page .jam-thumb .cell.v-drone{background:#80deea}.account-page .jam-thumb .cell.v-fm{background:#c39bd3}.account-page .jam-thumb .cell.v-triangle{background:#ffd54f}@media (width<=720px){.account-page .hero{flex-direction:column;align-items:flex-start}.account-page .hero h1{font-size:48px}.account-page .acc-section{grid-template-columns:1fr}}.radio-float-wrap{z-index:90;align-items:center;gap:6px;display:flex;position:fixed;bottom:18px;left:18px}.radio-float-play{width:31px;height:31px;color:var(--page-fg);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin-top:6px;padding:0;transition:color .12s;display:flex}.radio-float-play:hover{color:#d0d0d0}.radio-float-play svg{display:block}.radio-float{cursor:pointer;color:var(--page-fg);background:0 0;border:none;justify-content:center;align-items:center;padding:0;text-decoration:none;transition:color .12s;display:flex}.radio-float:hover .rf-chassis,.radio-float.is-open .rf-chassis{fill:#d0d0d0}.radio-float svg{display:block}.upload-anim-stage{aspect-ratio:1;justify-content:center;align-items:center;width:min(60vh,78%);display:flex;position:relative}@keyframes ua-spin{to{transform:rotate(360deg)}}@keyframes ua-spin-r{to{transform:rotate(-360deg)}}.ua-tape-real{justify-content:center;align-items:center;width:min(64vh,86%);display:flex}.ua-tape-real-svg{width:100%;height:auto}.ua-tape-real-reel-teeth{animation:1.4s linear infinite ua-tape-real-reel-spin}@keyframes ua-tape-real-reel-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.ua-tape-real-reel-teeth{animation:none}}.ua-tape-art-handle{cursor:default;pointer-events:none}.ua-tape-art-handle.is-draggable{cursor:ns-resize;pointer-events:all}.ua-tape-real-svg:hover .ua-tape-art-handle.is-draggable{stroke:#ffffffe6;stroke-width:1.2px;stroke-dasharray:3 3}.ua-vinyl{width:100%;height:100%;transform:scale(var(--vinyl-scale,1));justify-content:center;align-items:center;transition:transform .24s;display:flex;position:relative}.ua-vinyl--33 .ua-vinyl-disc{width:70%}.ua-vinyl--78 .ua-vinyl-disc{width:58%}.ua-vinyl--45 .ua-vinyl-disc{width:41%}.ua-vinyl-disc{aspect-ratio:1;background:var(--vinyl-disc-color,#0a0a0a);width:70%;box-shadow:inset 0 0 0 var(--vinyl-outer-ring-width,14px) var(--vinyl-disc-color-dark,#1a1a1a);border-radius:50%;justify-content:center;align-items:center;animation:4s linear infinite ua-spin;display:flex;position:relative}.ua-vinyl-disc:before{content:"";pointer-events:none;background:repeating-radial-gradient(circle,#ffffff1a 0 1px,#0000 1px 3px),repeating-radial-gradient(circle,#0000002e 0 1px,#0000 1px 4px);border-radius:50%;position:absolute;inset:4%}.ua-vinyl-label{width:var(--vinyl-hub-pct,36%);aspect-ratio:1;background:var(--vinyl-label-color,#f4f1ea);z-index:2;box-shadow:0 0 0 var(--vinyl-ring-width,14px) var(--vinyl-disc-color-dark,#1a1a1a);will-change:transform;backface-visibility:hidden;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.ua-vinyl-label img{object-fit:cover;width:100%;height:100%;image-rendering:-webkit-optimize-contrast;image-rendering:auto}.ua-vinyl-label-empty{color:#888;text-align:center;padding:8px;font-size:9px}.ua-vinyl-spindle{width:var(--vinyl-spindle-pct,1.8%);aspect-ratio:1;background:var(--page-bg,#f4f1ea);z-index:3;border-radius:50%;position:absolute;box-shadow:0 0 0 1px #0006}.ua-cd{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.ua-cd-disc-wrap{width:100%;height:100%;transform:scale(var(--cd-scale,1));transform-origin:50%;justify-content:center;align-items:center;transition:transform .24s;display:flex}.ua-cd.is-mini .ua-cd-disc-wrap{transform:scale(calc(.63 * var(--cd-scale,1)))}.ua-cd-disc.ua-cd-disc--solo{width:78%;margin:0 auto}.ua-cd-disc{aspect-ratio:1;background:#1a1a1a;border-radius:50%;position:relative;overflow:hidden;box-shadow:0 8px 22px #00000047}.ua-cd.is-spinning .ua-cd-disc{animation:3s linear infinite ua-spin}.ua-cd-disc img{object-fit:cover;width:100%;height:100%;display:block}.ua-cd-disc-empty{color:#888;justify-content:center;align-items:center;font-size:11px;display:flex;position:absolute;inset:0}.ua-cd-disc:before{content:"";width:var(--cd-inner-ring-pct,50%);aspect-ratio:1;box-shadow:inset 0 0 0 1px var(--cd-band-inner,#ffffff52), 0 0 0 1px var(--cd-band-outer,#0000002e);pointer-events:none;z-index:1;background:0 0;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ua-cd-disc:after{content:"";width:var(--cd-hub-pct,22%);aspect-ratio:1;background:var(--cd-hub-bg,#fff);z-index:1;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 1px #00000038}.ua-cd-spindle{width:var(--cd-spindle-pct,4%);aspect-ratio:1;z-index:2;background:#0000008c;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ua-cd-case-open{aspect-ratio:2;width:92%;transform:scale(var(--cd-scale,1));transform-origin:50%;background:#f4f1ea80;border:1.5px solid #7f7f7f73;border-radius:4px;transition:transform .24s;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 40px #0000002e}.ua-cd.is-mini .ua-cd-case-open{transform:scale(calc(.7 * var(--cd-scale,1)))}.ua-cd-case-open:before{content:"";z-index:3;background:#0003;width:1px;position:absolute;top:0;bottom:0;left:50%}.ua-cd-booklet-panel,.ua-cd-disc-panel{flex:1;justify-content:center;align-items:center;display:flex;position:relative}.ua-cd-booklet{width:var(--cd-booklet-pct,78%);aspect-ratio:1;background:#1a1a1a;transition:width .24s;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000002e}.ua-cd-booklet img{object-fit:cover;width:100%;height:100%;display:block}.ua-cd-booklet-empty{color:#888;justify-content:center;align-items:center;font-size:11px;display:flex;position:absolute;inset:0}.ua-cd-tab{z-index:4;pointer-events:none;background:#00000052;border-radius:1px;width:5%;height:3%;position:absolute}.ua-cd-tab-tl{top:0;left:3%}.ua-cd-tab-tr{top:0;left:47%}.ua-cd-tab-bl{bottom:0;left:3%}.ua-cd-tab-br{bottom:0;left:47%}.ua-cd-case-open .ua-cd-disc{width:88%;margin:0}.ua-grid{aspect-ratio:1;background:#1a1a1a;border:2px solid #ffffff2e;border-radius:4px;justify-content:center;align-items:center;width:70%;display:flex;position:relative;overflow:hidden}.ua-grid img{object-fit:cover;width:100%;height:100%}.ua-grid-title{letter-spacing:.08em;color:#fff;background:#0000008c;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:700;position:absolute;bottom:12px;left:12px}.us-empty{color:#888;text-align:center;justify-content:center;align-items:center;padding:16px;font-size:11px;display:flex;position:absolute;inset:0}.us-tape-case{perspective:800px;width:220px;height:308px;position:relative;transform:translateZ(0)}.us-tape-cube{width:100%;height:100%;transform-style:preserve-3d;will-change:transform;position:relative}.us-tape-case.is-spinning .us-tape-cube{animation:4s ease-in-out infinite us-tape-tour}@keyframes us-tape-tour{0%,12%{transform:rotateY(0)}30%,42%{transform:rotateY(90deg)}58%,70%{transform:rotateY(180deg)}86%,to{transform:rotateY(0)}}.us-tape-face{backface-visibility:hidden;background:#fff;border:1px solid #00000038;border-radius:3px;position:absolute;top:0;left:0;overflow:hidden;box-shadow:1px 1px #0000001a,inset 0 0 0 1px #ffffffa6}.us-tape-front{background:#1a1a1a;width:220px;height:308px;transform:translateZ(14px)}.us-tape-front img{object-fit:cover;width:100%;height:100%;display:block}.us-tape-spine-face{transform-origin:50%;backface-visibility:visible;background:#f4f1ea;justify-content:center;align-items:center;width:30px;height:308px;display:flex;transform:translate(-15px)rotateY(-90deg)}.us-tape-spine-strip{letter-spacing:1.4px;text-transform:uppercase;color:#000000bf;writing-mode:vertical-rl;white-space:nowrap;text-overflow:ellipsis;justify-content:center;align-items:center;width:100%;height:100%;padding:8px 0;font-size:11px;font-weight:700;display:flex;overflow:hidden;transform:rotate(180deg)}.us-tape-back{background:#fff;width:220px;height:308px;position:relative;transform:rotateY(180deg)translateZ(14px)}.us-tape-back-fill{flex-direction:column;padding:18px 20px;display:flex;position:absolute;inset:0;overflow:hidden}.us-tape-back-fill .bp-title{letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;border-bottom:1px solid;margin-bottom:8px;padding-bottom:5px;font-size:11px;font-weight:700;overflow:hidden}.us-tape-back-fill .bp-tracklist{flex-direction:column;flex:1;gap:2px;font-size:10px;line-height:1.4;display:flex;overflow:hidden}.us-tape-back-fill .bp-row{align-items:baseline;gap:6px;display:flex}.us-tape-back-fill .bp-num{opacity:.6;font-variant-numeric:tabular-nums;width:16px;font-weight:700}.us-tape-back-fill .bp-name{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.us-tape-back-fill .bp-foot{letter-spacing:.16em;text-transform:uppercase;opacity:.65;border-top:1px solid;margin-top:6px;padding-top:5px;font-size:8px}.us-tape-glare{pointer-events:none;z-index:1;background:linear-gradient(135deg,#ffffff73 0%,#fff0 50%);position:absolute;inset:0}.us-tape-band{color:#fff;letter-spacing:.12em;text-transform:uppercase;z-index:2;white-space:nowrap;text-overflow:ellipsis;background:#0009;padding:8px 12px;font-size:10px;font-weight:700;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.us-vinyl-sleeve{aspect-ratio:1;width:70%;transform:scale(var(--vinyl-scale,1));transform-origin:50%;margin-right:18%;transition:transform .24s;position:relative}.us-vinyl-sleeve--33{width:70%}.us-vinyl-sleeve--78{width:58%}.us-vinyl-sleeve--45{width:41%}@keyframes us-vinyl-spin{to{transform:rotate(360deg)}}@keyframes us-vinyl-pullout{0%{right:0}18%,80%{right:-42%}to{right:0}}.us-vinyl-disc{aspect-ratio:1;background:var(--vinyl-disc-color,#0a0a0a);z-index:1;width:88%;box-shadow:inset 0 0 0 var(--vinyl-outer-ring-width,14px) var(--vinyl-disc-color-dark,#1a1a1a);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:6%;right:0}.us-vinyl-disc:before{content:"";background:repeating-radial-gradient(circle,#ffffff05 0 1px,#0000 1px 4px);border-radius:50%;position:absolute;inset:0}.us-vinyl-disc-label{width:var(--vinyl-hub-pct,32%);aspect-ratio:1;background:var(--vinyl-label-color,#c14242);z-index:2;box-shadow:0 0 0 var(--vinyl-ring-width,14px) var(--vinyl-disc-color-dark,#1a1a1a);border-radius:50%;position:relative;overflow:hidden}.us-vinyl-disc-label img{object-fit:cover;width:100%;height:100%;display:block}.us-vinyl-disc-spindle{width:var(--vinyl-spindle-pct,1.8%);aspect-ratio:1;background:var(--page-bg,#f4f1ea);z-index:3;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0006}.us-vinyl-sleeve.is-spinning .us-vinyl-disc{animation:5s ease-in-out infinite us-vinyl-pullout}.us-vinyl-sleeve.is-spinning .us-vinyl-disc:before,.us-vinyl-sleeve.is-spinning .us-vinyl-disc-label,.us-vinyl-sleeve.is-spinning .us-vinyl-disc-spindle{animation:4s linear infinite us-vinyl-spin}.us-vinyl-sleeve-front{z-index:2;background:#1a1a1a;border-radius:2px;position:absolute;inset:0;overflow:hidden;box-shadow:0 16px 40px #00000073}.us-vinyl-sleeve-front img{object-fit:cover;width:100%;height:100%;display:block}.us-vinyl-sleeve-title{color:#fff;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;text-overflow:ellipsis;background:#0009;border-radius:3px;max-width:calc(100% - 28px);padding:4px 10px;font-size:11px;font-weight:700;position:absolute;bottom:14px;left:14px;overflow:hidden}.us-grid-card{background:var(--card-bg,transparent);border:1px solid var(--line);border-radius:4px;width:240px;overflow:hidden}.us-grid-art{aspect-ratio:1;background:var(--page-bg,#1a1a1a);width:100%;position:relative}.us-grid-art img{object-fit:cover;width:100%;height:100%;display:block}.us-grid-meta{justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.us-grid-title{letter-spacing:.04em;text-transform:uppercase;color:var(--page-fg);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12px;font-weight:700;overflow:hidden}.us-grid-price{background:var(--page-fg);color:var(--page-bg);border-radius:999px;flex:none;padding:4px 10px;font-size:11px;font-weight:700}.release-format-paused,.release-format-live{display:contents}.release-format-paused *{animation-play-state:paused!important}.release-waveform{color:var(--page-fg,#111);--rw-mid-alpha:.55;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:2px;width:100%;height:44px;transition:opacity .12s;position:relative}html[data-theme=light] .release-waveform,body[data-theme=light] .release-waveform{color:#111}html[data-theme=dark] .release-waveform,body[data-theme=dark] .release-waveform{color:#fff}.release-waveform:hover{opacity:.92}.release-waveform canvas{width:100%;height:100%;display:block}.public-beat{background:var(--page-bg);min-height:100vh;color:var(--page-fg);font-family:Inter,system-ui,sans-serif}.public-beat .topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:18px 28px 14px;font-family:JetBrains Mono,monospace;display:flex}.public-beat .topbar-actions{align-items:center;gap:10px;display:flex}.public-beat .browse-btn{letter-spacing:1.8px;color:var(--page-fg);border:1px solid var(--page-fg);cursor:pointer;background:0 0;border-radius:2px;padding:10px 16px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;transition:background .12s,color .12s,border-color .12s}.public-beat .browse-btn:hover,.public-beat .browse-btn.is-open{background:var(--orange,#ff7a59);color:var(--on-accent,#fff);border-color:var(--orange,#ff7a59)}.public-beat .topbar .brand{letter-spacing:-1.2px;color:var(--page-fg);font-family:Inter,system-ui,sans-serif;font-size:32px;font-weight:200;line-height:1;text-decoration:none}.public-beat .topbar .brand .dot{color:var(--orange,#ff7a59)}.public-beat .topbar .icon-btn{border:1px solid var(--line);width:38px;height:38px;color:var(--page-fg);border-radius:2px;justify-content:center;align-items:center;text-decoration:none;transition:background .12s;display:inline-flex}.public-beat .topbar .icon-btn:hover{background:var(--accent-fade)}.public-beat .topbar .icon-btn svg{stroke:currentColor;fill:none;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.public-beat .creator-strip{align-items:center;gap:16px;max-width:1040px;margin:32px auto 24px;padding:0 28px;display:flex}.public-beat .creator-avatar-link{border:1px solid var(--line);border-radius:2px;flex-shrink:0;justify-content:center;align-items:center;padding:4px;text-decoration:none;display:inline-flex}.public-beat .creator-avatar-link:hover{border-color:var(--orange,#ff7a59)}.public-beat .creator-info{flex:1;align-items:baseline;gap:14px;font-family:JetBrains Mono,monospace;display:flex}.public-beat .creator-by{letter-spacing:2.4px;color:var(--topbar-fg);font-size:11px}.public-beat .creator-handle{letter-spacing:1px;color:var(--orange,#ff7a59);font-size:22px;font-weight:700;text-decoration:none}.public-beat .creator-handle:hover{text-decoration:underline}.public-beat .follow-cta{letter-spacing:2px;background:var(--orange,#ff7a59);color:#fff;border:1px solid var(--orange,#ff7a59);cursor:pointer;border-radius:2px;padding:12px 28px;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700;transition:opacity .12s,background .12s,color .12s;box-shadow:0 2px 14px #ff7a5959}.public-beat .follow-cta:hover{opacity:.88}.public-beat .follow-cta.following{color:var(--orange,#ff7a59);box-shadow:none;background:0 0}.public-beat .rig{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) minmax(0,1fr);align-items:stretch;gap:18px;max-width:1280px;margin:0 auto;padding:0 28px;display:grid}.public-beat .rig .fx-unit{order:1}.public-beat .rig .cassette{order:2}.public-beat .rig .viz-unit{order:3}.public-beat .cassette{background:var(--page-bg);border:2px solid var(--page-fg);border-radius:4px;flex-direction:column;gap:12px;min-height:460px;padding:18px 20px 16px;display:flex;position:relative}.public-beat .cassette-screws{pointer-events:none;justify-content:space-between;display:flex;position:absolute;top:8px;left:10px;right:10px}.public-beat .cassette-screws span{border:1px solid var(--page-fg);border-radius:50%;width:5px;height:5px}.public-beat .cassette-label{border:1px solid var(--page-fg);border-radius:2px;align-items:stretch;gap:12px;margin-top:8px;padding:12px 14px;transition:border-color .12s,background .12s;display:flex;position:relative}.public-beat .cassette-label.clickable{cursor:pointer}.public-beat .cassette-label.clickable:hover{border-color:var(--orange,#ff7a59);background:var(--accent-fade)}.public-beat .cassette-label.clickable:hover .ll-title{color:var(--orange,#ff7a59)}.public-beat .cassette-label.clickable:after{content:"▤";color:var(--topbar-fg);opacity:.4;font-size:10px;transition:opacity .12s,color .12s;position:absolute;top:8px;right:10px}.public-beat .cassette-label.clickable:hover:after{opacity:1;color:var(--orange,#ff7a59)}.public-beat .label-tag{border:1px solid var(--page-fg);letter-spacing:1px;width:34px;height:34px;color:var(--page-fg);flex-shrink:0;justify-content:center;align-items:center;font-family:JetBrains Mono,monospace;font-size:18px;font-weight:700;display:flex}.public-beat .label-lines{color:var(--page-fg);flex-direction:column;flex:1;justify-content:center;gap:4px;font-family:JetBrains Mono,monospace;display:flex}.public-beat .ll-line{line-height:1.15}.public-beat .ll-title{letter-spacing:2.4px;font-size:14px;font-weight:700}.public-beat .ll-meta{letter-spacing:1.5px;color:var(--topbar-fg);font-size:10px}.public-beat .ll-time{letter-spacing:1.4px;color:var(--topbar-fg);opacity:.7;font-size:9px}.public-beat .cassette-window{border:1px solid var(--page-fg);border-radius:2px;flex:1;justify-content:space-between;align-items:center;gap:14px;min-height:180px;padding:20px 18px;display:flex;position:relative}.public-beat .window-tape-line{flex:1;align-items:center;height:8px;display:flex;position:relative}.public-beat .tape-line{background:var(--page-fg);width:100%;height:1.5px}.public-beat .tape-playhead-line{background:var(--orange,#ff7a59);pointer-events:none;width:2px;transition:left 40ms linear;position:absolute;top:-10px;bottom:-10px}.public-beat .ll-tracklist{grid-template-columns:repeat(8,1fr);gap:6px;padding:4px 0 2px;display:grid}.public-beat .tl-dot{aspect-ratio:1;border:1.5px solid;border-radius:50%;width:100%;max-width:14px;transition:transform 80ms ease-out,background 80ms ease-out}.public-beat .reel{cursor:grab;touch-action:none;flex-shrink:0;width:88px;height:88px;transition:transform 50ms linear;position:relative}.public-beat .reel-big{width:124px;height:124px}.public-beat .reel:active{cursor:grabbing}.public-beat .reel-outer,.public-beat .reel-mid,.public-beat .reel-inner,.public-beat .reel-hub{border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.public-beat .reel-outer{border:2px solid var(--page-fg);background:0 0;width:100%;height:100%}.public-beat .reel-mid{border:1px solid var(--page-fg);opacity:.6;background:0 0;width:78%;height:78%}.public-beat .reel-inner{border:1.5px solid var(--page-fg);background:var(--page-bg);width:32%;height:32%}.public-beat .reel-hub{background:var(--page-fg);width:8px;height:8px}.public-beat .reel-spoke{background:var(--page-fg);transform-origin:50%;position:absolute;top:50%;left:50%}.public-beat .reel-spoke.v{width:1.5px;height:86%;transform:translate(-50%,-50%)}.public-beat .reel-spoke.h{width:86%;height:1.5px;transform:translate(-50%,-50%)}.public-beat .reel-spoke.d1{width:1.5px;height:86%;transform:translate(-50%,-50%)rotate(45deg)}.public-beat .reel-spoke.d2{width:1.5px;height:86%;transform:translate(-50%,-50%)rotate(-45deg)}.public-beat .cassette-brand{letter-spacing:.8px;color:var(--topbar-fg);justify-content:space-between;align-items:center;padding:0 6px;font-family:JetBrains Mono,monospace;font-size:8px;display:flex;position:relative}.public-beat .cb-left,.public-beat .cb-right{opacity:.7;font-size:7px;line-height:1.2}.public-beat .cb-center{letter-spacing:1.4px;color:var(--page-fg);align-items:baseline;gap:6px;font-size:10px;font-weight:700;display:flex}.public-beat .cb-yr{color:var(--orange,#ff7a59);font-size:9px;font-style:italic}.public-beat .cb-cc{opacity:.6;color:var(--topbar-fg);font-size:7px}.public-beat .cassette-mech{justify-content:center;align-items:center;gap:32px;padding:14px 28px 6px;display:flex;position:relative}.public-beat .mech-hole{border:1.5px solid var(--page-fg);background:0 0;border-radius:50%;flex-shrink:0;width:18px;height:18px}.public-beat .cassette-play{border:2px solid var(--page-fg);max-width:320px;height:56px;color:var(--page-fg);cursor:pointer;background:0 0;border-radius:4px;flex:1;justify-content:center;align-items:center;gap:12px;font-family:JetBrains Mono,monospace;transition:background .12s,color .12s,border-color .12s;display:flex;position:relative}.public-beat .cp-icon{color:var(--orange,#ff7a59);font-size:18px}.public-beat .cp-label{letter-spacing:2.4px;color:var(--page-fg);font-size:13px;font-weight:700}.public-beat .cassette-play:hover{background:var(--accent-fade);border-color:var(--orange,#ff7a59)}.public-beat .cassette-play.is-playing{background:var(--orange,#ff7a59);border-color:var(--orange,#ff7a59);color:var(--on-accent,#fff)}.public-beat .cassette-play.is-playing .cp-icon,.public-beat .cassette-play.is-playing .cp-label{color:var(--on-accent,#fff)}.public-beat .tape-speed-readout{background:var(--page-bg);color:var(--orange,#ff7a59);letter-spacing:2px;border:1px solid var(--orange,#ff7a59);pointer-events:none;z-index:5;border-radius:2px;padding:6px 14px;font-family:JetBrains Mono,monospace;font-size:16px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.public-beat .fx-unit{background:var(--page-bg);border:2px solid var(--page-fg);border-radius:4px;flex-direction:column;gap:18px;padding:18px 18px 16px;display:flex;position:relative}.public-beat .fx-screws{pointer-events:none;justify-content:space-between;display:flex;position:absolute;top:8px;left:10px;right:10px}.public-beat .fx-screws span{border:1px solid var(--page-fg);border-radius:50%;width:5px;height:5px}.public-beat .fx-header{border-bottom:1px solid var(--page-fg);justify-content:space-between;align-items:center;padding-top:6px;padding-bottom:10px;display:flex}.public-beat .fx-title{letter-spacing:2.4px;color:var(--page-fg);font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700}.public-beat .fx-readout{letter-spacing:1.4px;color:var(--page-fg);gap:6px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;display:flex}.public-beat .fx-readout-divider{color:var(--topbar-fg);opacity:.5}.public-beat .fx-knob-row{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.public-beat .fx-knob-cell{flex-direction:column;align-items:center;gap:8px;display:flex}.public-beat .fx-knob-label{letter-spacing:1.6px;color:var(--page-fg);font-family:JetBrains Mono,monospace;font-size:9px;font-weight:700}.public-beat .o-knob{border:1.5px solid var(--page-fg);cursor:ns-resize;touch-action:none;background:0 0;border-radius:50%;flex-shrink:0;position:relative}.public-beat .o-knob-tick{background:var(--page-fg);transform-origin:bottom;border-radius:1px;width:1.5px;height:42%;position:absolute;top:4px;left:50%;transform:translate(-50%)}.public-beat .o-fader{border:1px solid var(--page-fg);cursor:ns-resize;touch-action:none;border-radius:2px;width:30px;height:130px;position:relative}.public-beat .o-fader-track{background:var(--page-fg);pointer-events:none;width:1.5px;position:absolute;top:8px;bottom:8px;left:50%;transform:translate(-50%)}.public-beat .o-fader-thumb{background:var(--page-bg);border:1.5px solid var(--page-fg);pointer-events:none;border-radius:2px;height:18px;position:absolute;left:4px;right:4px}.public-beat .fx-slider-row{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.public-beat .fx-slider-cell{flex-direction:column;align-items:center;gap:8px;display:flex}.public-beat .fx-slider-cell .o-fader{width:100%;max-width:36px;height:150px}.public-beat .fx-slider-cell.is-master .o-fader{border-width:2px}.public-beat .fx-slider-label{letter-spacing:1.4px;color:var(--page-fg);font-family:JetBrains Mono,monospace;font-size:9px;font-weight:700}.public-beat .fx-slider-cell.is-master .fx-slider-label{color:var(--orange,#ff7a59)}.public-beat .viz-unit{background:var(--page-bg);border:2px solid var(--page-fg);color:var(--page-fg);border-radius:4px;flex-direction:column;gap:12px;padding:18px 18px 14px;display:flex;position:relative}.public-beat .viz-screws{pointer-events:none;justify-content:space-between;display:flex;position:absolute;top:8px;left:10px;right:10px}.public-beat .viz-screws span{border:1px solid var(--page-fg);border-radius:50%;width:5px;height:5px}.public-beat .viz-header{border-bottom:1px solid var(--page-fg);justify-content:space-between;align-items:center;padding-top:6px;padding-bottom:10px;display:flex}.public-beat .viz-title{letter-spacing:2.4px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700}.public-beat .viz-meta{align-items:center;gap:10px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;display:flex}.public-beat .viz-peak{border:1px solid var(--page-fg);background:0 0;border-radius:50%;width:8px;height:8px}.public-beat .viz-peak.on{background:var(--orange,#ff7a59);border-color:var(--orange,#ff7a59)}.public-beat .viz-canvas{border:1px solid var(--page-fg);border-radius:2px;flex:1;width:100%;height:100%;min-height:280px;display:block}.public-beat .viz-foot{border-top:1px solid var(--page-fg);letter-spacing:1.4px;color:var(--topbar-fg);justify-content:space-between;align-items:center;padding-top:6px;font-family:JetBrains Mono,monospace;font-size:9px;display:flex}.public-beat .viz-foot-bpm{color:var(--page-fg)}.public-beat .fx-actions{border-top:1px solid var(--page-fg);gap:10px;margin-top:auto;padding-top:8px;display:flex}.public-beat .fx-btn{border:1.5px solid var(--page-fg);height:44px;color:var(--page-fg);letter-spacing:1.8px;cursor:pointer;background:0 0;border-radius:3px;flex:1;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;transition:background .12s,color .12s,border-color .12s}.public-beat .fx-btn:hover{border-color:var(--orange,#ff7a59);color:var(--orange,#ff7a59)}.public-beat .fx-btn-play.is-on{background:var(--orange,#ff7a59);border-color:var(--orange,#ff7a59);color:var(--on-accent,#fff)}.public-beat .actions{flex-wrap:wrap;justify-content:center;gap:12px;padding:28px 28px 8px;font-family:JetBrains Mono,monospace;display:flex}.public-beat .cta{letter-spacing:2.4px;background:var(--orange,#ff7a59);color:#fff;border:1px solid var(--orange,#ff7a59);cursor:pointer;border-radius:2px;padding:14px 24px;font-size:13px;font-weight:700;transition:opacity .12s}.public-beat .cta:hover{opacity:.85}.public-beat .open-studio-link{letter-spacing:1.6px;color:var(--topbar-fg);padding:14px 0;font-family:JetBrains Mono,monospace;font-size:11px;text-decoration:none;transition:color .12s}.public-beat .open-studio-link:hover{color:var(--orange,#ff7a59)}.public-beat .browse-overlay{z-index:90;background:#0000008c;animation:.18s ease-out bp-fade;position:fixed;inset:0}@keyframes bp-fade{0%{opacity:0}to{opacity:1}}.public-beat .browse-panel{background:var(--page-bg);border-left:2px solid var(--page-fg);z-index:100;flex-direction:column;width:460px;max-width:100%;transition:transform .22s ease-out;display:flex;position:fixed;top:0;bottom:0;right:0;overflow:hidden;transform:translate(100%)}.public-beat .browse-panel.is-open{transform:translate(0)}.public-beat .browse-header{border-bottom:1px solid var(--page-fg);justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.public-beat .browse-title{letter-spacing:2.4px;color:var(--page-fg);font-family:JetBrains Mono,monospace;font-size:14px;font-weight:700}.public-beat .browse-close{border:1px solid var(--page-fg);width:32px;height:32px;color:var(--page-fg);cursor:pointer;background:0 0;border-radius:2px;font-family:inherit;font-size:14px;transition:background .12s,border-color .12s,color .12s}.public-beat .browse-close:hover{border-color:var(--orange,#ff7a59);color:var(--orange,#ff7a59)}.public-beat .browse-meta{letter-spacing:1.4px;color:var(--topbar-fg);border-bottom:1px solid var(--page-fg);padding:10px 22px;font-family:JetBrains Mono,monospace;font-size:10px}.public-beat .browse-grid{flex:1;grid-template-columns:1fr;gap:10px;padding:16px 22px 22px;display:grid;overflow-y:auto}.public-beat .browse-tile{text-align:left;border:1px solid var(--page-fg);cursor:pointer;color:var(--page-fg);background:0 0;border-radius:3px;flex-direction:column;gap:10px;padding:14px 16px;font-family:JetBrains Mono,monospace;transition:border-color .12s,background .12s;display:flex;position:relative}.public-beat .browse-tile:hover{border-color:var(--orange,#ff7a59);background:var(--accent-fade)}.public-beat .browse-tile.is-current{border-color:var(--orange,#ff7a59)}.public-beat .bt-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.public-beat .bt-name{letter-spacing:1.6px;font-size:13px;font-weight:700}.public-beat .bt-creator{letter-spacing:1.2px;color:var(--orange,#ff7a59);align-items:center;gap:6px;font-size:10px;display:inline-flex}.public-beat .bt-creator .jn-avatar{vertical-align:middle}.public-beat .bt-kit{grid-template-columns:repeat(8,1fr);gap:6px;display:grid}.public-beat .bt-kit-dot{aspect-ratio:1;border:1.5px solid;border-radius:50%;width:100%;max-width:14px}.public-beat .bt-foot{letter-spacing:1.2px;color:var(--topbar-fg);justify-content:space-between;font-size:9px;display:flex}.public-beat .bt-now{letter-spacing:1.6px;color:var(--orange,#ff7a59);font-size:9px;font-weight:700;position:absolute;top:14px;right:16px}.public-beat .footer{text-align:center;letter-spacing:1.6px;padding:12px 28px 32px;font-family:JetBrains Mono,monospace;font-size:10px}.public-beat .footer a{color:var(--topbar-fg);opacity:.6;text-decoration:none}.public-beat .footer a:hover{opacity:1}.public-beat .empty{text-align:center;padding:120px 28px}.public-beat .empty h1{color:var(--page-fg);margin-bottom:16px;font-family:Inter,system-ui,sans-serif;font-size:48px;font-weight:200}.public-beat .empty .back{letter-spacing:1.6px;color:var(--topbar-fg);font-family:JetBrains Mono,monospace;font-size:11px;text-decoration:none}.public-beat .empty .back:hover{color:var(--page-fg)}@media (width<=1180px){.public-beat .rig{grid-template-columns:1fr 1fr}.public-beat .cassette{grid-column:1/-1}}@media (width<=720px){.public-beat .rig{grid-template-columns:1fr}.public-beat .cassette{grid-column:auto}.public-beat .creator-strip{flex-direction:column;align-items:flex-start}}.fx-unit{background:var(--page-bg);border:2px solid var(--page-fg);border-radius:4px;flex-direction:column;gap:18px;padding:18px 18px 16px;display:flex;position:relative}.fx-unit.fx-unit--free{background:0 0!important}.fx-unit--compact{box-sizing:border-box;gap:8px;width:100%;max-width:220px;height:100%;padding:12px 12px 10px}.fx-screws{pointer-events:none;justify-content:space-between;display:flex;position:absolute;top:6px;left:8px;right:8px}.fx-screws span{border:1px solid var(--page-fg);border-radius:50%;width:4px;height:4px}.fx-header{border-bottom:1px solid var(--page-fg);justify-content:space-between;align-items:center;padding-top:4px;padding-bottom:6px;display:flex}.fx-title{letter-spacing:1.8px;color:var(--page-fg);font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700}.fx-readout{letter-spacing:1.2px;color:var(--page-fg);font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700}.fx-knob-row{grid-template-columns:repeat(4,1fr);gap:6px;display:grid;overflow:visible}.fx-knob-cell{flex-direction:column;align-items:center;gap:4px;display:flex}.fx-knob-label{letter-spacing:1.2px;color:var(--page-fg);font-family:JetBrains Mono,monospace;font-size:7px;font-weight:700}.o-knob{border:1.5px solid var(--page-fg);cursor:ns-resize;touch-action:none;background:0 0;border-radius:50%;flex-shrink:0;position:relative}.o-knob-tick{background:var(--page-fg);transform-origin:bottom;border-radius:1px;width:1.5px;height:42%;position:absolute;top:3px;left:50%;transform:translate(-50%)}.o-fader{border:1px solid var(--page-fg);cursor:ns-resize;touch-action:none;border-radius:2px;width:22px;height:64px;position:relative}.o-fader-track{background:var(--page-fg);pointer-events:none;width:1.5px;position:absolute;top:6px;bottom:6px;left:50%;transform:translate(-50%)}.o-fader-thumb{background:var(--page-bg);border:1.25px solid var(--page-fg);pointer-events:none;border-radius:2px;height:12px;position:absolute;left:3px;right:3px}.fx-slider-row{grid-template-columns:repeat(5,1fr);gap:4px;display:grid}.fx-slider-cell{flex-direction:column;align-items:center;gap:4px;display:flex}.fx-slider-cell .o-fader{width:100%;max-width:24px}.fx-slider-cell .o-fader-thumb{background:var(--page-fg)!important;border-color:var(--page-fg)!important}.fx-slider-label{letter-spacing:1px;color:var(--page-fg);font-family:JetBrains Mono,monospace;font-size:7px;font-weight:700}.fx-slider-cell.is-master .fx-slider-label{color:var(--orange,#ff7a59)}.fx-content{flex-direction:column;flex:none;justify-content:space-between;gap:8px;height:142px;min-height:142px;max-height:142px;display:flex;overflow:hidden}.fx-cassette{flex-direction:column;gap:4px;width:100%;height:100%;display:flex}.fx-cassette-label{border:1px solid var(--page-fg);letter-spacing:.1em;text-transform:uppercase;border-radius:2px;align-items:center;gap:6px;padding:4px 6px;font-family:JetBrains Mono,monospace;font-size:8px;font-weight:700;display:flex}.fx-cassette-speed{flex-direction:column;flex-shrink:0;align-items:center;gap:1px;margin-left:auto;display:flex}.fx-cassette-speed-label{letter-spacing:.1em;opacity:.7;font-family:JetBrains Mono,monospace;font-size:6px;font-weight:700}.fx-cassette-tag{border:1px solid var(--page-fg);border-radius:1px;justify-content:center;align-items:center;width:14px;height:14px;font-size:9px;display:inline-flex}.fx-cassette-title{white-space:nowrap;text-overflow:ellipsis;letter-spacing:.18em;flex:1 1 0;font-size:9px;overflow:hidden}.fx-cassette-window{border:1px solid var(--page-fg);border-radius:2px;flex:1;justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;display:flex;position:relative}.fx-window-tape-line{flex:1;align-items:center;height:8px;display:flex;position:relative}.fx-tape-line{background:var(--page-fg);width:100%;height:1.5px}.fx-tape-playhead-line{background:var(--orange,#ff7a59);pointer-events:none;width:2px;transition:left 80ms linear;position:absolute;top:-10px;bottom:-10px}.fx-cassette-brand{letter-spacing:.1em;text-transform:uppercase;opacity:.7;justify-content:space-between;align-items:center;padding:0 2px;font-family:JetBrains Mono,monospace;font-size:7px;font-weight:700;display:flex}.fx-cassette-mid{letter-spacing:.16em}.fx-reel-wrap{cursor:grab;touch-action:none;flex-shrink:0;width:38px;height:38px;position:relative}.fx-reel-wrap:active{cursor:grabbing}.fx-reel-wrap>.reel{width:100%!important;height:100%!important}.fx-reel-grip{color:#ff6b35;cursor:ew-resize;-webkit-user-select:none;user-select:none;touch-action:none;z-index:3;background:#ff6b3524;border:1px solid #ff6b35;border-radius:50%;justify-content:center;align-items:center;width:12px;height:12px;font-size:8px;display:flex;position:absolute;bottom:-8px;right:-10px}.fx-cassette-window .reel{flex-shrink:0;transition:transform 50ms linear;position:relative}.fx-cassette-window .reel-outer,.fx-cassette-window .reel-mid,.fx-cassette-window .reel-inner,.fx-cassette-window .reel-hub{border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.fx-cassette-window .reel-outer{border:1.5px solid var(--page-fg);background:0 0;width:100%;height:100%}.fx-cassette-window .reel-mid{border:1px solid var(--page-fg);opacity:.6;background:0 0;width:78%;height:78%}.fx-cassette-window .reel-inner{border:1.2px solid var(--page-fg);background:var(--page-bg);width:32%;height:32%}.fx-cassette-window .reel-hub{background:var(--page-fg);width:4px;height:4px}.fx-cassette-window .reel-spoke{background:var(--page-fg);transform-origin:50%;position:absolute;top:50%;left:50%}.fx-cassette-window .reel-spoke.v{width:1px;height:86%;transform:translate(-50%,-50%)}.fx-cassette-window .reel-spoke.h{width:86%;height:1px;transform:translate(-50%,-50%)}.fx-cassette-window .reel-spoke.d1{width:1px;height:86%;transform:translate(-50%,-50%)rotate(45deg)}.fx-cassette-window .reel-spoke.d2{width:1px;height:86%;transform:translate(-50%,-50%)rotate(-45deg)}.fx-scope{flex-direction:column;width:100%;height:100%;display:flex}.fx-scope-frame{border:1px solid var(--page-fg);border-radius:2px;flex:1 1 0;justify-content:stretch;align-items:stretch;min-height:0;display:flex;overflow:hidden}.fx-scope-frame canvas,.fx-scope-frame svg{color:var(--page-fg);display:block;width:100%!important;height:100%!important}.fx-view-switch{border-top:1px solid var(--page-fg);grid-template-columns:repeat(4,1fr);gap:4px;margin-top:auto;padding-top:6px;display:grid}.fx-view-btn{border:1.5px solid var(--page-fg);height:24px;color:var(--page-fg);letter-spacing:1.2px;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:3px;font-family:JetBrains Mono,monospace;font-size:8px;font-weight:700;transition:background .12s,color .12s,border-color .12s}.fx-view-btn:hover{border-color:var(--orange,#ff7a59);color:var(--orange,#ff7a59)}.fx-view-btn.is-active{background:var(--page-fg);color:var(--page-bg)}.fx-view-switch--transport{grid-template-columns:repeat(3,1fr)}.fx-transport-btn{letter-spacing:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px}.fx-mode-picker{gap:3px;display:flex}.fx-mode-btn{border:1px solid var(--page-fg);width:14px;height:14px;color:var(--page-fg);cursor:pointer;background:0 0;border-radius:2px;justify-content:center;align-items:center;padding:0;font-family:JetBrains Mono,monospace;font-size:7px;font-weight:700;transition:background .12s,color .12s;display:flex}.fx-mode-btn:hover{color:var(--page-fg);border-color:var(--page-fg)}.fx-mode-btn.is-active{background:var(--page-fg);border-color:var(--page-fg);color:var(--page-bg)}.fx-knob-row--three{grid-template-columns:repeat(4,1fr)}.fx-cassette-speed-slider{appearance:none;background:color-mix(in srgb, var(--page-fg) 30%, transparent);cursor:ew-resize;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;outline:none;flex:1 1 0;height:2px;margin-left:8px}.fx-cassette-speed-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--page-fg);cursor:ew-resize;border-radius:1px;width:10px;height:14px}.fx-cassette-speed-slider::-moz-range-thumb{background:var(--page-fg);cursor:ew-resize;border:none;border-radius:1px;width:10px;height:14px}.fx-scope-canvas{width:100%;height:100%;color:var(--page-fg);display:block}.fx-xy-pad{border:1px solid var(--page-fg);cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:2px;width:100%;height:100%;position:relative;overflow:hidden}.fx-xy-grid{background-image:linear-gradient(to right, color-mix(in srgb, var(--page-fg) 18%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in srgb, var(--page-fg) 18%, transparent) 1px, transparent 1px);pointer-events:none;background-size:25% 25%;position:absolute;inset:0}.fx-xy-dot{background:var(--orange,#ff7a59);pointer-events:none;width:10px;height:10px;box-shadow:0 0 0 2px color-mix(in srgb, var(--orange,#ff7a59) 30%, transparent);border-radius:50%;transition:left 40ms linear,bottom 40ms linear;position:absolute;transform:translate(-50%,50%)}.fx-xy-corner{letter-spacing:.1em;color:color-mix(in srgb, var(--page-fg) 55%, transparent);pointer-events:none;font-family:JetBrains Mono,monospace;font-size:7px;font-weight:700;position:absolute}.fx-xy-corner--tl{top:4px;left:4px}.fx-xy-corner--tr{top:4px;right:4px}.fx-xy-corner--bl{bottom:4px;left:4px}.fx-xy-corner--br{bottom:4px;right:4px}.fx-reel-wrap,.fx-reel-grip,.fx-cassette,.fx-cassette-window,.fx-knob-cell,.fx-slider-cell{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.fx-unit{-webkit-user-select:none;user-select:none}.fx-unit--static,.fx-unit--static *{pointer-events:none!important;cursor:default!important;-webkit-user-select:none!important;user-select:none!important}.fx-unit--knob-triangle,.fx-unit--knob-double-tick,.fx-unit--knob-chevron,.fx-unit--knob-hollow,.fx-unit--knob-twodot,.fx-unit--knob-plus,.fx-unit--knob-x,.fx-unit--knob-arrow,.fx-unit--knob-invert,.fx-unit--knob-star,.fx-unit--knob-diamond-char,.fx-unit--knob-bullet,.fx-unit--knob-bullseye,.fx-unit--knob-up,.fx-unit--knob-dot-char,.fx-unit--knob-down,.fx-unit--knob-chain{--mc-tick-fill:transparent}.fx-unit--knob-double .o-knob{box-shadow:inset 0 0 0 4px var(--page-bg), inset 0 0 0 5px currentColor}.fx-unit--knob-dotted .o-knob{border-style:dotted;border-width:1.5px}.fx-unit--knob-dotted .o-knob-tick{border-radius:50%;width:4px;height:4px;top:4px}.fx-unit--knob-thick .o-knob{border-width:2.5px}.fx-unit--knob-thick .o-knob-tick{width:2.5px;height:50%;top:3px}.fx-unit--knob-dashed .o-knob{border-style:dashed;border-width:1.5px}.fx-unit--knob-dot .o-knob-tick{border-radius:50%;width:4px;height:4px;top:3px}.fx-unit--knob-triangle .o-knob-tick{background:0 0;border-bottom:6px solid;border-left:3px solid #0000;border-right:3px solid #0000;width:0;height:0;top:3px}.fx-unit--knob-diamond .o-knob-tick{transform-origin:50%;background:currentColor;border-radius:0;width:5px;height:5px;top:3px;transform:translate(-50%)rotate(45deg)}.fx-unit--knob-ring .o-knob:before{content:"";pointer-events:none;border:1.5px solid;border-radius:50%;width:10px;height:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.fx-unit--knob-cross .o-knob:before{content:"";background:currentColor;width:9px;height:1.5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.fx-unit--knob-cross .o-knob:after{content:"";background:currentColor;width:1.5px;height:9px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.fx-unit--knob-square .o-knob{border-radius:4px}.fx-unit--knob-open .o-knob{border-bottom-color:#0000}.fx-unit--knob-thin .o-knob{border-width:.75px}.fx-unit--knob-thin .o-knob-tick{width:3px;top:4px}.fx-unit--knob-double-tick .o-knob-tick{background:0 0;border-left:1.5px solid;border-right:1.5px solid;width:5px;height:42%;top:3px}.fx-unit--knob-chevron .o-knob-tick{transform-origin:50%;background:0 0;border-top:1.5px solid;border-right:1.5px solid;width:5px;height:5px;top:4px;transform:translate(-50%)rotate(-45deg)}.fx-unit--knob-hollow .o-knob-tick{background:0 0;border:1.5px solid;border-radius:50%;width:5px;height:5px;top:3px}.fx-unit--knob-square-tick .o-knob-tick{border-radius:0;width:4px;height:4px;top:4px}.fx-unit--knob-triple .o-knob{box-shadow:inset 0 0 0 2px currentColor, inset 0 0 0 4px var(--page-bg), inset 0 0 0 5.5px currentColor}.fx-unit--knob-pill .o-knob-tick{border-radius:1.5px;width:3px;height:50%;top:3px}.fx-unit--knob-wide .o-knob-tick{width:4px;height:50%;top:3px}.fx-unit--knob-twodot .o-knob-tick{background-color:#0000;background-image:radial-gradient(circle at 50% 25%,currentColor 35%,#0000 36%),radial-gradient(circle at 50% 75%,currentColor 35%,#0000 36%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;width:3px;height:12px;top:4px}.fx-unit--knob-ridge .o-knob{border-style:ridge;border-width:2.5px}.fx-unit--knob-groove .o-knob{border-style:groove;border-width:2.5px}.fx-unit--knob-double-line .o-knob{border-style:double;border-width:3px}.fx-unit--knob-shadowed .o-knob{box-shadow:0 0 0 2px var(--page-bg), 0 0 0 3px currentColor;border-width:.75px}.fx-unit--knob-filled-ring .o-knob:before{content:"";pointer-events:none;background:currentColor;border-radius:50%;width:12px;height:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.fx-unit--knob-filled-ring .o-knob-tick{background:var(--page-bg);z-index:1;width:1.5px;height:35%;top:6px}.fx-unit--knob-lcd .o-knob-tick{background:0 0;border:1.5px solid;border-right:0;border-radius:2px 0 0 2px;width:5px;height:8px;top:4px}.fx-unit--knob-dotted-dot .o-knob{border-style:dotted;border-width:1.5px}.fx-unit--knob-dotted-dot .o-knob-tick{border-radius:50%;width:4px;height:4px;top:4px}.fx-unit--knob-gap-circle .o-knob{border-top-color:#0000}.fx-unit--knob-tilt-left .o-knob{border-left-width:3px}.fx-unit--knob-tilt-right .o-knob{border-right-width:3px}.fx-unit--knob-bottom-heavy .o-knob{border-bottom-width:3px}.fx-unit--knob-top-heavy .o-knob{border-top-width:3px}.fx-unit--knob-square-in .o-knob:before{content:"";pointer-events:none;border:1.5px solid;border-radius:1px;width:10px;height:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.fx-unit--knob-oval-in .o-knob:before{content:"";pointer-events:none;border:1.5px solid;border-radius:50%;width:16px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.fx-unit--knob-pentagon-tick .o-knob-tick{clip-path:polygon(50% 0%,100% 38%,82% 100%,18% 100%,0% 38%);background:currentColor;width:6px;height:6px;top:3px}.fx-unit--knob-halfcircle .o-knob-tick{background:currentColor;border-radius:50% 50% 0 0;width:6px;height:6px;top:3px}.fx-unit--knob-plus .o-knob-tick{width:1px;height:28%;top:3px}.fx-unit--knob-plus .o-knob:before,.fx-unit--knob-plus .o-knob:after{content:"";background:currentColor;position:absolute;top:50%;left:50%}.fx-unit--knob-plus .o-knob:before{width:10px;height:1.5px;transform:translate(-50%,-50%)}.fx-unit--knob-plus .o-knob:after{width:1.5px;height:10px;transform:translate(-50%,-50%)}.fx-unit--knob-x .o-knob-tick{width:1px;height:28%;top:3px}.fx-unit--knob-x .o-knob:before,.fx-unit--knob-x .o-knob:after{content:"";background:currentColor;width:11px;height:1.5px;position:absolute;top:50%;left:50%}.fx-unit--knob-x .o-knob:before{transform:translate(-50%,-50%)rotate(45deg)}.fx-unit--knob-x .o-knob:after{transform:translate(-50%,-50%)rotate(-45deg)}.fx-unit--knob-arrow .o-knob-tick{background:currentColor;width:1.5px;height:50%;top:4px}.fx-unit--knob-arrow .o-knob:before,.fx-unit--knob-arrow .o-knob:after{content:"";background:currentColor;width:5px;height:1.5px;position:absolute;top:5px}.fx-unit--knob-arrow .o-knob:before{transform-origin:100%;left:calc(50% - 4px);transform:rotate(45deg)}.fx-unit--knob-arrow .o-knob:after{transform-origin:0;right:calc(50% - 4px);transform:rotate(-45deg)}.fx-unit--knob-invert .o-knob-tick{transform-origin:50% 100%;background:0 0;border-top:6px solid;border-left:3px solid #0000;border-right:3px solid #0000;width:0;height:0;top:auto;bottom:3px}.fx-unit--knob-thick-dot .o-knob{border-width:2.5px}.fx-unit--knob-thick-dot .o-knob-tick{border-radius:50%;width:3px;height:3px;top:4px}.fx-unit--knob-ring-dot .o-knob:before{content:"";pointer-events:none;border:1.5px solid;border-radius:50%;width:18px;height:18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.fx-unit--knob-ring-dot .o-knob-tick{border-radius:50%;width:4px;height:4px;top:3px}.fx-unit--knob-mega .o-knob{border-width:3.5px}.fx-unit--knob-hairline .o-knob{border-width:.5px}.fx-unit--knob-hairline .o-knob-tick{width:1px}.fx-unit--knob-star .o-knob-tick,.fx-unit--knob-diamond-char .o-knob-tick,.fx-unit--knob-bullet .o-knob-tick,.fx-unit--knob-bullseye .o-knob-tick,.fx-unit--knob-up .o-knob-tick,.fx-unit--knob-dot-char .o-knob-tick{background:0 0;width:14px;height:13px;top:3px}.fx-unit--knob-star .o-knob-tick:before,.fx-unit--knob-diamond-char .o-knob-tick:before,.fx-unit--knob-bullet .o-knob-tick:before,.fx-unit--knob-bullseye .o-knob-tick:before,.fx-unit--knob-up .o-knob-tick:before,.fx-unit--knob-dot-char .o-knob-tick:before{text-align:center;color:currentColor;line-height:1;position:absolute;top:0;left:0;right:0}.fx-unit--knob-star .o-knob-tick:before{content:"★";font-size:11px}.fx-unit--knob-diamond-char .o-knob-tick:before{content:"♦";font-size:11px}.fx-unit--knob-bullet .o-knob-tick:before{content:"▪";font-size:14px}.fx-unit--knob-bullseye .o-knob-tick:before{content:"◉";font-size:11px}.fx-unit--knob-up .o-knob-tick:before{content:"⬆";font-size:11px}.fx-unit--knob-dot-char .o-knob-tick:before{content:"⚫";font-size:8px}.fx-unit--knob-down .o-knob-tick{transform-origin:top;background:0 0;width:14px;height:13px;top:50%}.fx-unit--knob-down .o-knob-tick:before{content:"▼";text-align:center;color:currentColor;font-size:11px;line-height:1;position:absolute;bottom:0;left:0;right:0}.fx-unit--knob-hex .o-knob:after{content:"";clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);background:currentColor;width:9px;height:9px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.fx-unit--knob-chain .o-knob-tick{background:0 0;width:4px;height:13px;top:3px}.fx-unit--knob-chain .o-knob-tick:before,.fx-unit--knob-chain .o-knob-tick:after{content:"";background:currentColor;border-radius:50%;width:4px;height:4px;position:absolute;left:0}.fx-unit--knob-chain .o-knob-tick:before{top:0}.fx-unit--knob-chain .o-knob-tick:after{bottom:0}.fx-unit--slider-rail .o-fader{background:0 0;border-color:#0000}.fx-unit--slider-rail .fx-slider-cell .o-fader-thumb{border-radius:1px;height:5px;left:4px;right:4px}.fx-unit--slider-dotted .o-fader{border-style:dotted;border-width:1.5px}.fx-unit--slider-diamond .fx-slider-cell .o-fader-thumb{border-radius:1px;width:12px;height:12px;margin-left:-6px;left:50%;right:auto;transform:rotate(45deg)}.fx-unit--slider-double .o-fader{border-style:double;border-width:3px}.fx-unit--slider-dashed .o-fader{border-style:dashed;border-width:1.5px}.fx-unit--slider-thick .o-fader,.fx-unit--slider-thick .fx-slider-cell .o-fader-thumb{border-width:2px}.fx-unit--slider-dot .fx-slider-cell .o-fader-thumb{border-radius:50%;width:8px;height:8px;margin-left:-4px;left:50%;right:auto}.fx-unit--slider-capsule .fx-slider-cell .o-fader-thumb{border-radius:3px;height:6px}.fx-unit--slider-hairline .o-fader{border-width:.5px}.fx-unit--slider-hairline .fx-slider-cell .o-fader-thumb{border-width:.75px;height:8px}.fx-unit--slider-dotted-big .o-fader{border-style:dotted;border-width:2px}.fx-unit--slider-dotted-big .fx-slider-cell .o-fader-thumb{height:14px}.fx-unit--slider-square .o-fader,.fx-unit--slider-square .fx-slider-cell .o-fader-thumb{border-radius:0}.fx-unit--slider-ring .fx-slider-cell .o-fader-thumb{background:0 0;border-radius:50%;width:10px;height:10px;margin-left:-5px;left:50%;right:auto}.fx-unit--slider-triangle .fx-slider-cell .o-fader-thumb{background:0 0;border:5px solid #0000;border-left:8px solid;border-right:0;width:0;height:0;margin-left:-4px;left:50%;right:auto}.fx-unit--slider-wide .fx-slider-cell .o-fader-thumb{height:14px;left:1px;right:1px}.fx-unit--slider-groove .o-fader{border-style:groove;border-width:2px}.fx-unit--slider-ridge .o-fader{border-style:ridge;border-width:2px}.fx-unit--slider-inset .o-fader{box-shadow:inset 0 0 0 1px var(--page-bg), inset 0 0 0 2px currentColor;border-color:#0000}.fx-unit--slider-offset .fx-slider-cell .o-fader-thumb{left:6px;right:1px}.fx-unit{border-color:var(--mc-outline,var(--page-fg));background:var(--mc-shell-bg,transparent)}.fx-unit .fx-screws span{border-color:var(--mc-outline,var(--page-fg));background:var(--mc-screw-fill,transparent)}.fx-unit .fx-title{color:var(--mc-outline,var(--page-fg))}.fx-unit .fx-header{border-bottom-color:var(--mc-outline,var(--page-fg))}.fx-unit .fx-readout{color:var(--mc-outline,var(--page-fg))}.fx-unit .fx-mode-btn{border-color:var(--mc-outline,var(--page-fg));background:var(--mc-mode-bg,transparent);color:var(--mc-outline,var(--page-fg))}.fx-unit .fx-mode-btn.is-active{background:var(--mc-mode-active-bg,var(--page-fg));color:var(--mc-mode-active-fg,var(--page-bg))}.fx-unit .o-knob{border-color:var(--mc-outline,var(--page-fg));background:var(--mc-knob-fill,transparent)}.fx-unit .o-knob-tick{background:var(--mc-tick-fill,var(--mc-outline,var(--page-fg)))}.fx-unit .fx-knob-label{color:var(--mc-outline,var(--page-fg))}.fx-unit .o-fader{border-color:var(--mc-outline,var(--page-fg));background:var(--mc-slider-bg,transparent)}.fx-unit .o-fader-track{background:var(--mc-outline,var(--page-fg))}.fx-unit .fx-slider-cell .o-fader-thumb{background:var(--mc-slider-thumb,var(--page-fg))!important;border-color:var(--mc-slider-thumb,var(--page-fg))!important}.fx-unit .fx-slider-label{color:var(--mc-outline,var(--page-fg))}.fx-unit .fx-view-switch{border-top-color:var(--mc-outline,var(--page-fg))}.fx-unit .fx-view-btn{border-color:var(--mc-outline,var(--page-fg));background:var(--mc-view-bg,transparent);color:var(--mc-outline,var(--page-fg))}.fx-unit .fx-view-btn.is-active{background:var(--mc-view-active-bg,var(--page-fg));color:var(--mc-view-active-fg,var(--page-bg))}.fx-unit .fx-cassette-window{border-color:var(--mc-outline,var(--page-fg));background:var(--mc-cassette-bg,transparent)}.fx-unit .fx-cassette-label{border-color:var(--mc-outline,var(--page-fg));background:var(--mc-cassette-label-bg,transparent);color:var(--mc-outline,var(--page-fg))}.fx-unit .fx-cassette-tag{border-color:var(--mc-outline,var(--page-fg));background:var(--mc-cassette-tag-bg,transparent);color:var(--mc-outline,var(--page-fg))}.fx-unit .fx-cassette-brand{color:var(--mc-outline,var(--page-fg))}.fx-unit .fx-tape-line,.fx-unit .fx-tape-playhead-line{background:var(--mc-outline,var(--page-fg))}.fx-unit .fx-reel-wrap{color:var(--mc-reel,var(--page-fg))}.fx-unit .fx-scope-frame{border-color:var(--mc-outline,var(--page-fg));background:var(--mc-scope-bg,transparent)}.fx-unit .fx-scope-canvas{color:var(--mc-scope-trace,var(--page-fg))}.fx-unit .fx-xy-pad{border-color:var(--mc-outline,var(--page-fg));background:var(--mc-xy-bg,transparent)}.fx-unit .fx-xy-grid{color:var(--mc-outline,var(--page-fg))}.fx-unit .fx-xy-dot{background:var(--mc-xy-dot,var(--page-fg))}.fx-unit .fx-xy-corner{color:var(--mc-outline,var(--page-fg))}@property --jn-pop-y{syntax:"<length>";inherits:false;initial-value:0}@property --jn-pop-opacity{syntax:"<number>";inherits:false;initial-value:1}@keyframes jn-nowplaying-pop{0%{--jn-pop-y:20px;--jn-pop-opacity:0}to{--jn-pop-y:0px;--jn-pop-opacity:1}}.jn-nowplaying{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;z-index:99;width:240px;transform:translate(var(--jn-popup-dx,0px), calc(var(--jn-pop-y,0px) + var(--jn-popup-dy,0px))) scale(var(--jn-popup-scale,1));transform-origin:0 100%;opacity:var(--jn-pop-opacity,1);background:#0a0a0a;border:1.5px solid #2a2a2a;border-radius:4px 4px 0 0;flex-direction:column;align-items:center;gap:4px;padding:16px 16px 14px;animation:.42s cubic-bezier(.34,1.56,.64,1) forwards jn-nowplaying-pop;display:flex;position:fixed;bottom:0;left:0;box-shadow:0 6px 32px #00000080}.jn-nowplaying-eyebrow{letter-spacing:2.4px;text-transform:uppercase;color:#666;align-self:flex-start;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700}.jn-nowplaying-art{justify-content:center;align-items:center;width:100%;padding:6px 0;display:flex}.jn-nowplaying-radio-stack{width:200px;height:183px;position:relative}.jn-nowplaying-radio-stack .jn-player-art{display:block}.jn-nowplaying-knob-hit{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:50%;width:30%;height:33%;position:absolute;top:48%;left:18.5%}.jn-nowplaying-knob-hit:active{cursor:grabbing}.jn-nowplaying-sample-btn{border:1px solid var(--page-fg);width:80%;height:28px;color:var(--page-fg);letter-spacing:.18em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:3px;justify-content:center;align-items:center;gap:8px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700;text-decoration:none;transition:background .12s,color .12s;display:flex}.jn-nowplaying-sample-btn:hover{background:var(--page-fg);color:var(--page-bg)}.jn-nowplaying-sample-btn--locked{filter:grayscale(.92);opacity:.42;transition:filter .16s,opacity .16s;position:relative}.jn-nowplaying-sample-btn--locked:hover{filter:grayscale(0);opacity:1;color:var(--page-fg);background:0 0}.jn-nowplaying-sample-btn--locked:after{content:"UPGRADE";color:#050608;letter-spacing:1.2px;text-transform:uppercase;opacity:0;pointer-events:none;z-index:2;background:#ff7a59;border-radius:2px;padding:1px 5px;font-family:JetBrains Mono,monospace;font-size:8px;font-weight:700;transition:opacity .16s;position:absolute;top:-6px;right:-6px}.jn-nowplaying-sample-btn--locked:hover:after{opacity:1}.jn-nowplaying-stage{width:100%;height:calc(290px + var(--jn-stage-extra,0px));flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:0;display:flex;overflow:hidden}.jn-nowplaying-art svg{color:#e8e8e8;width:100%;height:auto;max-height:200px}.jn-nowplaying-view-toggle{background:#ffffff0a;border:1px solid #1a1a1a;border-radius:4px;grid-template-columns:1fr 1fr;align-self:stretch;gap:4px;padding:2px;display:grid}.jn-nowplaying-view-toggle button{letter-spacing:1.6px;text-transform:uppercase;color:#888;cursor:pointer;background:0 0;border:none;border-radius:3px;padding:6px 0;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700;transition:background .12s,color .12s}.jn-nowplaying-view-toggle button:hover{color:#ffd86b}.jn-nowplaying-view-toggle button.is-active{color:#0a0a0a;background:#f4f1ea}.jn-nowplaying-release-live{justify-content:center;align-items:center;width:200px;height:200px;display:flex;position:relative}.jn-nowplaying-release-live .ua-tape-real{width:100%}.jn-nowplaying-release-live .ua-grid{width:92%}.jn-nowplaying-foot{border-top:1px solid #1a1a1a;flex-direction:column;gap:4px;width:100%;padding-top:8px;display:flex}.jn-nowplaying-label{letter-spacing:1.8px;color:#ffd86b;text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700}.jn-nowplaying-sub{color:#888;font-family:Inter,system-ui,sans-serif;font-size:10px;font-style:italic;line-height:1.4}.jn-nowplaying-close{color:#555;cursor:pointer;background:0 0;border:none;border-radius:2px;justify-content:center;align-items:center;width:22px;height:22px;font-size:18px;line-height:1;display:flex;position:absolute;top:6px;right:8px}.jn-nowplaying-close:hover{color:#ffd86b;background:#ffd86b14}.jn-nowplaying-tab{color:silver;letter-spacing:1.4px;cursor:pointer;z-index:99;text-transform:uppercase;background:#0a0a0a;border:1.5px solid #2a2a2a;border-left:none;border-radius:0 4px 4px 0;padding:8px 10px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700;position:fixed;bottom:84px;left:0}.jn-nowplaying-tab:hover{color:#ffd86b;border-color:#ffd86b}[data-theme=light] .shop-page .jn-nowplaying{background:#faf2dc;border-color:#c0a878;box-shadow:0 6px 32px #0000002e}[data-theme=light] .shop-page .jn-nowplaying-eyebrow{color:#b09870}[data-theme=light] .shop-page .jn-nowplaying-art svg{color:#4a3a20}[data-theme=light] .shop-page .jn-nowplaying-foot{border-top-color:#d8c8a0}[data-theme=light] .shop-page .jn-nowplaying-label{color:#8a5a1a}[data-theme=light] .shop-page .jn-nowplaying-sub{color:#8a7a50}[data-theme=light] .shop-page .jn-nowplaying-close{color:#b09870}[data-theme=light] .shop-page .jn-nowplaying-close:hover{color:#8a5a1a;background:#c890281a}[data-theme=light] .shop-page .jn-nowplaying-tab{color:#6a5a40;background:#faf2dc;border-color:#c0a878}[data-theme=light] .shop-page .jn-nowplaying-tab:hover{color:#8a5a1a;border-color:#8a5a1a}.jn-nowplaying.jn-radio{background:var(--page-bg);border-color:var(--line);box-shadow:0 6px 32px rgba(var(--ink-rgb), .18);bottom:0}.jn-nowplaying.jn-radio .jn-nowplaying-eyebrow{color:var(--muted-fg-strong)}.jn-nowplaying.jn-radio .jn-nowplaying-art svg{color:var(--page-fg)}.jn-nowplaying.jn-radio .jn-nowplaying-foot{border-top-color:var(--line)}.jn-nowplaying.jn-radio .jn-nowplaying-label{color:var(--page-fg)}.jn-nowplaying.jn-radio .jn-nowplaying-sub,.jn-nowplaying.jn-radio .jn-nowplaying-close{color:var(--muted-fg-strong)}.jn-nowplaying.jn-radio .jn-nowplaying-close:hover{color:var(--page-fg);background:var(--accent-fade)}.jn-nowplaying-tuner-wrap{border-top:1px solid var(--line);width:100%;padding:14px 0 4px}.jn-nowplaying-tuner-wrap .rl-slider{gap:0}.jn-nowplaying-tuner-wrap .rl-slider-label,.jn-nowplaying-tuner-wrap .rl-slider-station-label{display:none}.jn-nowplaying-actions{border-top:1px solid var(--line);gap:14px;width:100%;margin-top:6px;padding-top:10px;display:flex}.jn-nowplaying-action{color:var(--page-fg);letter-spacing:.18em;text-transform:uppercase;cursor:pointer;opacity:.5;text-align:center;background:0 0;border:none;flex:1;padding:6px 0;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700;text-decoration:none;transition:opacity .12s}.jn-nowplaying-action:hover{opacity:.85}.jn-nowplaying-action.is-active{opacity:1}.jn-nowplaying-action.is-active:after{content:"";background:var(--page-fg);width:24px;height:1.5px;margin:4px auto 0;display:block}.jn-nowplaying-tabs{box-sizing:border-box;flex-direction:row;justify-content:center;align-items:center;gap:14px;width:100%;margin-top:0;padding-top:8px;display:flex;position:relative}.jn-nowplaying-dev-move--tabs{top:-10px;left:-10px}.jn-nowplaying-tabbtn{min-width:0;color:var(--page-fg);letter-spacing:.18em;text-transform:uppercase;cursor:pointer;opacity:.5;text-align:center;background:0 0;border:none;flex:1 1 0;padding:6px 0;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700;transition:opacity .12s}.jn-nowplaying-tabbtn:after{content:"";background:var(--page-fg);visibility:hidden;width:24px;height:1.5px;margin:4px auto 0;display:block}.jn-nowplaying-tabbtn:hover{opacity:.85}.jn-nowplaying-tabbtn.is-active{opacity:1}.jn-nowplaying-tabbtn.is-active:after{visibility:visible}.jn-nowplaying-foot-row{flex-direction:row;justify-content:space-between;align-items:center;gap:8px;width:100%;margin-top:10px;display:flex}.jn-nowplaying-radio-icon,.jn-nowplaying-radio-icon:hover,.jn-nowplaying-radio-icon:focus,.jn-nowplaying-radio-icon:active,.jn-nowplaying-radio-icon:focus-visible{width:56px!important;height:42px!important;color:var(--page-fg)!important;cursor:pointer!important;box-shadow:none!important;-webkit-tap-highlight-color:transparent!important;-webkit-user-select:none!important;user-select:none!important;background:0 0!important;border:none!important;outline:none!important;flex:none!important;justify-content:center!important;align-items:center!important;margin:0!important;padding:0!important;transition:none!important;display:inline-flex!important;transform:none!important}.jn-nowplaying-radio-icon svg,.jn-nowplaying-radio-icon:hover svg,.jn-nowplaying-radio-icon:active svg,.jn-nowplaying-radio-icon:focus svg{width:56px!important;height:42px!important;transform:none!important}.jn-nowplaying-radio-icon.is-open .rf-chassis{fill:#d0d0d0}.jn-popup-center-guide{pointer-events:none;z-index:2;border-left:1px dashed #ff6b358c;width:0;position:absolute;top:0;bottom:0;left:50%}.jn-popup-resize-top{cursor:ns-resize;z-index:5;touch-action:none;background:0 0;border-top:2px solid #0000;height:8px;transition:border-color .12s,background .12s;position:absolute;top:0;left:0;right:0}.jn-popup-resize-top:hover{background:#ff6b3514;border-top-color:#ff6b35a6}.jn-nowplaying-close-x{width:22px;height:22px;color:var(--page-fg);cursor:pointer;opacity:.55;z-index:4;background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:0;font-size:18px;font-weight:400;line-height:1;transition:opacity .12s;display:flex;position:absolute;top:6px;right:8px}.jn-nowplaying-close-x:hover{opacity:1}.jn-nowplaying-close-x[style*=translate]{cursor:grabbing}.jn-popup-dev-move{color:#ff6b35;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;z-index:4;background:#ff6b3524;border:1px solid #ff6b35;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:11px;display:flex;position:absolute;top:6px;right:36px}.jn-popup-dev-move:hover{background:#ff6b3552}.jn-nowplaying-playhead-wrap{align-items:center;width:100%;display:flex;position:relative}.jn-nowplaying-scrub-track--mini{width:100%;height:2px;margin-top:0}.jn-nowplaying-transport{flex-direction:row;justify-content:center;align-items:center;gap:14px;width:max-content;margin:0 auto;display:flex;position:relative}.jn-nowplaying-tbtn{color:var(--page-fg);cursor:pointer;width:var(--jn-tbtn-size,18px);height:var(--jn-tbtn-size,18px);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;transition:color .12s;display:flex}.jn-nowplaying-tbtn:hover{color:#ffd86b}.jn-nowplaying-tbtn--play{width:calc(var(--jn-tbtn-size,18px) * 1.22);height:calc(var(--jn-tbtn-size,18px) * 1.22)}.jn-nowplaying-dev-move{color:#ff6b35;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;z-index:3;background:#ff6b3524;border:1px solid #ff6b35;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:10px;display:flex;position:absolute;top:-10px;left:-10px}.jn-nowplaying-dev-move:hover{background:#ff6b3552}.jn-nowplaying-dev-grip{color:#ff6b35;cursor:ew-resize;-webkit-user-select:none;user-select:none;touch-action:none;z-index:3;background:#ff6b3524;border:1px solid #ff6b35;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:9px;display:flex;position:absolute;bottom:-10px;right:-12px}.jn-nowplaying-dev-grip:hover{background:#ff6b3552}.jn-nowplaying-time{letter-spacing:.06em;color:var(--page-fg);opacity:.6;white-space:nowrap;font-family:JetBrains Mono,monospace;font-size:9px;font-weight:700}.jn-nowplaying-scrub-track{background:color-mix(in srgb, var(--page-fg) 18%, transparent);cursor:pointer;border-radius:2px;width:100%;height:3px;margin-top:6px;position:relative}.jn-nowplaying-scrub-fill{background:var(--page-fg);border-radius:2px;height:100%;transition:width .12s linear}.jn-miniplayer.jn-radio{background:var(--page-bg);border-top-color:var(--line);box-shadow:0 -4px 24px rgba(var(--ink-rgb), .18)}.jn-miniplayer.jn-radio .jn-miniplayer-art{border-color:var(--line)}.jn-miniplayer.jn-radio .jn-miniplayer-glyph{color:var(--on-fill)}.jn-miniplayer.jn-radio .jn-miniplayer-title{color:var(--page-fg)}.jn-miniplayer.jn-radio .jn-miniplayer-sub{color:var(--muted-fg-strong)}.jn-miniplayer.jn-radio .jn-miniplayer-btn{border-color:var(--line);color:var(--page-fg)}.jn-miniplayer.jn-radio .jn-miniplayer-btn:hover{border-color:var(--page-fg);color:var(--page-fg)}.jn-miniplayer.jn-radio .jn-miniplayer-time{color:var(--muted-fg-strong)}.jn-miniplayer.jn-radio .jn-miniplayer-track{background:var(--accent-fade)}.jn-miniplayer.jn-radio .jn-miniplayer-fill{background:var(--page-fg)}.jn-miniplayer.jn-radio-bar{grid-template-columns:240px 1fr;gap:18px;padding-left:0}.jn-miniplayer.jn-radio-bar .jn-miniplayer-transport{justify-content:center}.jn-nowplaying-resize{background:var(--orange,#7c3aed);cursor:nwse-resize;z-index:10;width:18px;height:18px;box-shadow:0 0 0 2px var(--page-bg);opacity:.8;border-radius:50%;transition:opacity .12s,transform .12s;position:absolute;top:-8px;right:-8px}.jn-nowplaying-resize:hover{opacity:1;transform:scale(1.15)}.jn-miniplayer{z-index:100;background:#0a0a0a;border-top:1.5px solid #2a2a2a;grid-template-columns:auto 1fr auto auto auto;align-items:center;gap:18px;height:64px;padding:0 22px;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 24px #0009}.jn-miniplayer-art{border:1px solid #00000080;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:relative;overflow:hidden}.jn-miniplayer-art:before{content:"";pointer-events:none;background:repeating-linear-gradient(45deg,#ffffff0f 0 2px,#0000 2px 6px);position:absolute;inset:0}.jn-miniplayer-glyph{color:#0000008c;font-family:Inter,sans-serif;font-size:26px;line-height:1}.jn-miniplayer-meta{flex-direction:column;gap:2px;min-width:0;display:flex}.jn-miniplayer-title{letter-spacing:1px;color:#f4f4f4;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700;overflow:hidden}.jn-miniplayer-sub{letter-spacing:1.4px;color:#888;font-family:JetBrains Mono,monospace;font-size:9px}.jn-miniplayer-transport{align-items:center;gap:6px;display:flex}.jn-miniplayer-btn{color:silver;cursor:pointer;background:0 0;border:1px solid #2a2a2a;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;transition:border-color .15s,color .15s;display:flex}.jn-miniplayer-btn:hover{color:#ffd86b;border-color:#ffd86b}.jn-miniplayer-btn.is-play{color:#ffd86b;border-color:#ffd86b;width:38px;height:38px;font-size:14px}.jn-miniplayer-btn.is-play:hover{background:#ffd86b1a}.jn-miniplayer-scrub{align-items:center;gap:10px;min-width:280px;display:flex}.jn-miniplayer-time{letter-spacing:1px;color:#888;text-align:center;min-width:36px;font-family:JetBrains Mono,monospace;font-size:10px}.jn-miniplayer-track{cursor:pointer;background:#2a2a2a;border-radius:2px;flex:1;height:4px;position:relative}.jn-miniplayer-fill{background:#ffd86b;border-radius:2px;height:100%;transition:width .1s linear}.jn-playbtn{color:#ffd86b;cursor:pointer;background:#000000d9;border:1.5px solid #0000008c;border-radius:50%;justify-content:center;align-items:center;padding:0 0 0 2px;font-size:12px;transition:transform .15s,background .15s;display:flex}.jn-playbtn:hover{color:#0a0a0a;background:#ffd86bf2;transform:scale(1.08)}.jn-playbtn.is-playing{color:#0a0a0a;background:#ffd86b;padding-left:0}.jn-playbtn.is-disabled{opacity:.35;cursor:not-allowed}.jn-playbtn.is-disabled:hover{color:#ffd86b;background:#000000d9;transform:none}[data-theme=light] .shop-page .jn-miniplayer{background:#faf2dc;border-top-color:#c0a878;box-shadow:0 -4px 24px #00000026}[data-theme=light] .shop-page .jn-miniplayer-title{color:#2a1f10}[data-theme=light] .shop-page .jn-miniplayer-sub,[data-theme=light] .shop-page .jn-miniplayer-time{color:#8a7a50}[data-theme=light] .shop-page .jn-miniplayer-btn{color:#6a5a40;border-color:#c0a878}[data-theme=light] .shop-page .jn-miniplayer-btn:hover{color:#8a5a1a;border-color:#8a5a1a}[data-theme=light] .shop-page .jn-miniplayer-btn.is-play{color:#c89028;border-color:#c89028}[data-theme=light] .shop-page .jn-miniplayer-track{background:#d8c8a0}[data-theme=light] .shop-page .jn-miniplayer-fill{background:#c89028}[data-theme=light] .shop-page .jn-playbtn{color:#8a5a1a;background:#ffffffeb;border-color:#0006}[data-theme=light] .shop-page .jn-playbtn.is-playing{color:#fff8e0;background:#c89028}.jn-listenpicker{align-items:center;display:flex;position:relative}.jn-listenpicker-trigger{color:silver;cursor:pointer;background:0 0;border:1.2px solid #2a2a2a;border-radius:3px;align-items:center;gap:10px;padding:6px 12px 6px 6px;font-family:JetBrains Mono,monospace;transition:border-color .15s,background .15s,color .15s;display:flex}.jn-listenpicker-trigger:hover{color:#ffd86b;background:#ffd86b0f;border-color:#ffd86b}.jn-listenpicker.is-open .jn-listenpicker-trigger{color:#ffd86b;background:#ffd86b14;border-color:#ffd86b}.jn-listenpicker-thumb{background:0 0;border:1px solid #2a2a2a;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.jn-listenpicker-trigger:hover .jn-listenpicker-thumb,.jn-listenpicker.is-open .jn-listenpicker-thumb{border-color:#ffd86b80}.jn-listenpicker-thumb svg{color:silver;width:38px;height:38px}.jn-listenpicker-trigger:hover .jn-listenpicker-thumb svg,.jn-listenpicker.is-open .jn-listenpicker-thumb svg{color:#ffd86b}.jn-listenpicker-stack{text-align:left;flex-direction:column;align-items:flex-start;gap:2px;display:flex}.jn-listenpicker-eyebrow{letter-spacing:1.4px;text-transform:uppercase;color:#666;font-size:8px;font-weight:600}.jn-listenpicker.is-open .jn-listenpicker-eyebrow,.jn-listenpicker-trigger:hover .jn-listenpicker-eyebrow{color:#b89a4a}.jn-listenpicker-label{letter-spacing:1.4px;font-size:11px;font-weight:700}.jn-listenpicker-caret{opacity:.7;font-size:10px}.jn-listenpicker-menu{z-index:200;background:#0a0a0a;border:1.5px solid #2a2a2a;border-radius:4px;flex-direction:column;gap:12px;width:720px;max-width:calc(100vw - 32px);padding:16px;display:flex;position:absolute;bottom:calc(100% + 8px);right:0;box-shadow:0 8px 48px #000000bf}.jn-listenpicker-menu-head{letter-spacing:1.4px;text-transform:uppercase;color:#888;border-bottom:1px solid #1a1a1a;padding-bottom:8px;font-family:JetBrains Mono,monospace;font-size:10px}.jn-listenpicker-menu-foot{letter-spacing:1.2px;color:#666;border-top:1px solid #1a1a1a;padding-top:8px;font-family:JetBrains Mono,monospace;font-size:9px;font-style:italic}.jn-listenpicker-grid{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}@media (width<=720px){.jn-listenpicker-grid{grid-template-columns:repeat(2,1fr)}}.jn-listenpicker-card{cursor:pointer;color:silver;text-align:left;background:0 0;border:1.5px solid #2a2a2a;border-radius:3px;flex-direction:column;align-items:center;gap:8px;padding:14px 10px 10px;transition:border-color .15s,color .15s,background .15s;display:flex;position:relative}.jn-listenpicker-card:hover{color:#ffd86b;background:#ffd86b0a;border-color:#ffd86b}.jn-listenpicker-card.is-active{color:#ffd86b;background:#ffd86b14;border-color:#ffd86b}.jn-listenpicker-card-art{aspect-ratio:1;background:0 0;border:1px solid #1a1a1a;justify-content:center;align-items:center;width:100%;display:flex}.jn-listenpicker-card:hover .jn-listenpicker-card-art,.jn-listenpicker-card.is-active .jn-listenpicker-card-art{border-color:#ffd86b4d}.jn-listenpicker-card-art svg{width:80%;height:80%;color:inherit}.jn-listenpicker-card-meta{flex-direction:column;gap:3px;width:100%;display:flex}.jn-listenpicker-card-label{letter-spacing:1.6px;text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700}.jn-listenpicker-card-sub{color:#888;font-family:Inter,system-ui,sans-serif;font-size:10px;font-style:italic;line-height:1.4}.jn-listenpicker-card.is-active .jn-listenpicker-card-sub{color:#b89a4a}.jn-listenpicker-card-check{letter-spacing:1.4px;color:#ffd86b;font-family:JetBrains Mono,monospace;font-size:8px;font-weight:700;position:absolute;top:6px;right:8px}[data-theme=light] .shop-page .jn-listenpicker-trigger{color:#6a5a40;border-color:#c0a878}[data-theme=light] .shop-page .jn-listenpicker-trigger:hover{color:#8a5a1a;background:#c8902814;border-color:#8a5a1a}[data-theme=light] .shop-page .jn-listenpicker.is-open .jn-listenpicker-trigger{color:#8a5a1a;background:#c890281f;border-color:#8a5a1a}[data-theme=light] .shop-page .jn-listenpicker-eyebrow{color:#b09870}[data-theme=light] .shop-page .jn-listenpicker-thumb{border-color:#c0a878}[data-theme=light] .shop-page .jn-listenpicker-thumb svg{color:#4a3a20}[data-theme=light] .shop-page .jn-listenpicker-trigger:hover .jn-listenpicker-thumb svg,[data-theme=light] .shop-page .jn-listenpicker.is-open .jn-listenpicker-thumb svg{color:#8a5a1a}[data-theme=light] .shop-page .jn-listenpicker-menu{background:#faf2dc;border-color:#c0a878;box-shadow:0 8px 48px #0000002e}[data-theme=light] .shop-page .jn-listenpicker-menu-head{color:#8a7a50;border-bottom-color:#d8c8a0}[data-theme=light] .shop-page .jn-listenpicker-menu-foot{color:#b09870;border-top-color:#d8c8a0}[data-theme=light] .shop-page .jn-listenpicker-card{color:#4a3a20;border-color:#c0a878}[data-theme=light] .shop-page .jn-listenpicker-card:hover{color:#8a5a1a;background:#c890280f;border-color:#8a5a1a}[data-theme=light] .shop-page .jn-listenpicker-card.is-active{color:#8a5a1a;background:#c890281f;border-color:#8a5a1a}[data-theme=light] .shop-page .jn-listenpicker-card-art{border-color:#d8c8a0}[data-theme=light] .shop-page .jn-listenpicker-card-sub{color:#8a7a50}[data-theme=light] .shop-page .jn-listenpicker-card-check{color:#c89028}.tier-preview{z-index:9000;color:#f4f1ea;-webkit-backdrop-filter:blur(8px);letter-spacing:.04em;-webkit-user-select:none;user-select:none;pointer-events:auto;opacity:.7;cursor:grab;background:#141416eb;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:4px;padding:6px 8px;font-size:11px;font-weight:600;transition:opacity .12s,padding .22s;display:flex;position:fixed;bottom:14px;right:14px}.tier-preview:hover{opacity:1}.tier-preview:active{cursor:grabbing}body[data-theme=dark] .tier-preview{color:#050608;background:#f4f1eaf2;border-color:#0000002e}.tier-preview-row{opacity:1;flex-direction:row-reverse;align-items:center;gap:4px;max-width:600px;transition:max-width .28s cubic-bezier(.4,0,.2,1),opacity .18s,margin .28s cubic-bezier(.4,0,.2,1),padding .28s cubic-bezier(.4,0,.2,1);display:inline-flex;overflow:hidden}.tier-preview.is-minimized .tier-preview-row{opacity:0;pointer-events:none;max-width:0;margin:0;padding:0}.tier-preview.is-minimized{padding:5px 8px}.tier-preview-toggle{width:22px;height:22px;color:inherit;cursor:pointer;opacity:.7;background:0 0;border:1px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;line-height:1;transition:background .12s,opacity .12s;display:inline-flex}.tier-preview-toggle:hover{opacity:1;background:#7f7f7f2e}.tier-preview-toggle svg{display:block}.tier-preview button{cursor:pointer}.tier-preview-grip{opacity:.45;cursor:grab;padding:0 4px 0 2px;font-size:14px;line-height:1;display:inline-block}.tier-preview-grip:hover{opacity:.85}.tier-preview-label{text-transform:uppercase;opacity:.55;padding:0 6px}.tier-preview-btn{color:inherit;cursor:pointer;font:inherit;letter-spacing:.02em;background:0 0;border:1px solid #0000;border-radius:999px;padding:5px 10px;transition:background .1s,color .1s,border-color .1s}.tier-preview-btn:hover{background:#ffffff0f}.tier-preview-btn.is-active{color:var(--on-fill,#111);background:var(--accent,#7fd87a);border-color:var(--accent,#7fd87a)}.tier-preview-btn.tier-free.is-active{color:#111;background:#999;border-color:#999}.tier-preview-btn.tier-jammer.is-active{color:#002a3a;background:#7ce0ff;border-color:#7ce0ff}.tier-preview-btn.tier-pro.is-active{color:#2a1f00;background:#ffd86b;border-color:#ffd86b}.tier-preview-btn.tier-dev.is-active{color:#2a0a00;background:#ff7a59;border-color:#ff7a59}.tier-preview-btn.tier-maybe.is-active{color:#2a103f;background:#c9a8ff;border-color:#c9a8ff}.tier-preview-clear{width:22px;height:22px;color:inherit;border:1px solid var(--border,#7f7f7f59);cursor:pointer;opacity:.7;background:0 0;border-radius:50%;margin-left:2px;padding:0;font-size:14px;line-height:18px;transition:opacity .1s,background .1s}.tier-preview-clear:hover{opacity:1;background:#ffffff14}.tier-preview-overlay-dot{color:#ff6b6b;cursor:pointer;font:inherit;letter-spacing:.04em;background:#ff44442e;border:1px solid #ff444473;border-radius:999px;align-items:center;gap:5px;margin-left:4px;padding:4px 8px 4px 6px;font-size:10px;font-weight:700;transition:background .1s,color .1s;display:inline-flex}.tier-preview-overlay-dot:hover{color:#ffb3b3;background:#ff444452}.tier-preview-overlay-dot .dot{background:#f44;border-radius:50%;width:7px;height:7px;animation:1.6s ease-out infinite tier-preview-overlay-pulse;display:inline-block;box-shadow:0 0 #ff44448c}.tier-preview-overlay-dot .count{font-variant-numeric:tabular-nums}@keyframes tier-preview-overlay-pulse{0%{box-shadow:0 0 #ff44448c}70%{box-shadow:0 0 0 6px #f440}to{box-shadow:0 0 #f440}}@media (prefers-reduced-motion:reduce){.tier-preview-overlay-dot .dot{animation:none}}@media (width<=600px){.tier-preview{border-radius:14px;flex-wrap:wrap;max-width:calc(100vw - 28px)}}.welcome{background:var(--page-bg);min-height:100vh;color:var(--page-fg);flex-direction:column;align-items:center;padding:80px 32px 48px;font-family:Inter,system-ui,sans-serif;display:flex;position:relative}.welcome .wel-topbar{justify-content:space-between;align-items:center;padding:18px 28px 14px;display:flex;position:absolute;top:0;left:0;right:0}.welcome .wel-brand{letter-spacing:-1px;color:var(--page-fg);font-family:Inter,system-ui,sans-serif;font-size:28px;font-weight:200;line-height:1;text-decoration:none}.welcome .wel-brand .dot{color:var(--orange)}.welcome .wel-topbar .jn-theme-toggle{border:none!important;padding:0 8px!important}.welcome .wel-topbar .jn-theme-toggle:hover{background:0 0!important}.wel-progress{gap:8px;display:flex;position:absolute;top:28px}.wel-progress .dot{background:var(--line);border-radius:50%;width:8px;height:8px;transition:background .18s,transform .18s}.wel-progress .dot.is-current{background:var(--orange);transform:scale(1.3)}.wel-progress .dot.is-done{background:var(--page-fg)}.wel-step{flex-direction:column;align-items:center;width:100%;max-width:920px;display:flex}.wel-head{text-align:center;margin-bottom:48px}.wel-head h1{letter-spacing:-1.5px;color:var(--page-fg);margin-bottom:12px;font-size:clamp(40px,6vw,64px);font-weight:200}.wel-sub{color:var(--topbar-fg);max-width:560px;margin:0 auto;font-size:16px;line-height:1.5}.wel-skip{letter-spacing:1.8px;color:var(--topbar-fg);cursor:pointer;background:0 0;border:none;margin-top:40px;padding:10px 16px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;transition:color .12s}.wel-skip:hover{color:var(--page-fg)}.wel-theme-cards{grid-template-columns:1fr 1fr;gap:18px;width:100%;max-width:720px;display:grid}.wel-theme-card.dark{background:#2a2d33}.wel-theme-card.light{background:#fffdf6}.wel-theme-card{border:1px solid var(--line);cursor:pointer;border-radius:12px;flex-direction:column;gap:18px;padding:24px;transition:border-color .12s,transform .12s;display:flex}.wel-theme-card.dark .wel-theme-label{color:#eaeef2}.wel-theme-card.light .wel-theme-label{color:#5a5a5a}.wel-theme-card:hover{border-color:var(--orange);transform:translateY(-2px)}.wel-theme-card.is-current{border-color:var(--orange)}.wel-theme-preview{border:1px solid;border-radius:6px;flex-direction:column;gap:12px;width:100%;height:200px;padding:14px;display:flex}.wel-theme-preview.is-dark{background:#050608;border-color:#ffffff14}.wel-theme-preview.is-light{background:#f4f1ea;border-color:#00000014}.wel-preview-bar{align-items:center;gap:6px;display:flex}.wel-preview-bar span{border-radius:2px;width:36px;height:12px;display:inline-block}.wel-theme-preview.is-dark .wel-preview-bar span{background:#ffffff1f}.wel-theme-preview.is-dark .wel-preview-bar span:first-child{background:var(--orange)}.wel-theme-preview.is-light .wel-preview-bar span{background:#0000001a}.wel-theme-preview.is-light .wel-preview-bar span:first-child{background:var(--orange)}.wel-preview-grid{flex:1;grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.wel-preview-grid>div{border:1px solid;border-radius:2px}.wel-theme-preview.is-dark .wel-preview-grid>div{background:#ffffff0a;border-color:#ffffff14}.wel-theme-preview.is-light .wel-preview-grid>div{background:#00000005;border-color:#0000001a}.wel-theme-label{color:var(--page-fg);justify-content:space-between;align-items:baseline;font-family:Inter,system-ui,sans-serif;font-size:22px;font-weight:600;display:flex}.wel-theme-glyph{opacity:.7;font-size:22px}.wel-avatar-grid{grid-template-columns:repeat(6,1fr);gap:10px;width:100%;max-width:880px;display:grid}@media (width<=720px){.wel-avatar-grid{grid-template-columns:repeat(4,1fr)}}.wel-doodie-pick{grid-template-columns:1fr 1fr;gap:18px;width:100%;max-width:640px;margin-bottom:18px;display:grid}@media (width<=560px){.wel-doodie-pick{grid-template-columns:1fr}}.wel-doodie-card{background:var(--card-bg);border:1px solid var(--line);cursor:pointer;color:inherit;border-radius:8px;flex-direction:column;align-items:center;gap:12px;padding:24px 20px 18px;font-family:inherit;transition:border-color .12s,transform .12s,background .12s;display:flex}.wel-doodie-card:hover{border-color:var(--orange);transform:translateY(-2px)}.wel-doodie-frame{aspect-ratio:1;background:rgba(var(--ink-rgb), .04);border-radius:6px;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.wel-doodie-frame--plus{color:rgba(var(--ink-rgb), .45);font-family:Inter,system-ui,sans-serif;font-size:64px;font-weight:200;line-height:1}.wel-doodie-card--create:hover .wel-doodie-frame--plus{color:var(--orange)}.wel-doodie-label{letter-spacing:1.8px;text-transform:uppercase;color:var(--page-fg);font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700}.wel-doodie-sub{letter-spacing:1.2px;color:var(--topbar-fg);font-family:JetBrains Mono,monospace;font-size:10px}.wel-next{background:var(--accent);color:var(--on-fill);border:1px solid var(--accent);letter-spacing:2px;cursor:pointer;border-radius:2px;margin-top:36px;padding:14px 32px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700;transition:opacity .12s,transform .12s}.wel-next:hover{opacity:.92;transform:translateY(-1px)}.wel-jammer-only{justify-content:center;width:100%;max-width:360px;display:flex}.wel-jammer-only .wel-doodie-card{cursor:default;width:100%}.wel-jammer-only .wel-doodie-card:hover{border-color:var(--line);transform:none}.wel-jammer-colors{grid-template-columns:repeat(7,1fr);gap:5px;width:100%;max-width:240px;margin-top:8px;display:grid}.wel-jammer-swatch{aspect-ratio:1;outline:1px solid var(--line);cursor:pointer;background-clip:padding-box;border:2px solid #0000;border-radius:3px;width:100%;min-height:26px;padding:0;transition:outline-color .12s,transform 80ms}.wel-jammer-swatch:hover{outline-color:var(--page-fg);transform:scale(1.06)}.wel-jammer-swatch:active{transform:scale(.96)}.wel-jammer-swatch.is-default{background:var(--page-fg)}.wel-avatar-card{background:var(--card-bg);border:1px solid var(--line);cursor:pointer;color:inherit;border-radius:6px;justify-content:center;align-items:center;padding:6px;font-family:inherit;transition:border-color .12s,transform .12s;display:flex}.wel-avatar-card:hover{border-color:var(--orange);transform:translateY(-2px)}.wel-avatar-frame{aspect-ratio:1;border:1px solid var(--line);background:repeating-linear-gradient(45deg,#7f7f7f0a 0 6px,#0000 6px 12px);border-radius:4px;justify-content:center;align-items:center;width:100%;display:flex}.wel-avatar-frame.is-build{color:var(--orange);font-size:40px;font-weight:200}.wel-avatar-card.is-build{border-style:dashed;border-color:var(--orange)}.wel-avatar-card.is-locked{filter:grayscale(.85);opacity:.45;transition:filter .16s,opacity .16s,transform .16s,border-color .16s;position:relative}.wel-avatar-card.is-locked:hover{filter:grayscale(0);opacity:1;border-color:var(--orange);transform:translateY(-2px)}.wel-avatar-card.is-locked:after{content:"Pro";background:var(--orange);color:var(--on-fill);letter-spacing:1.4px;text-transform:uppercase;opacity:0;pointer-events:none;border-radius:2px;padding:2px 6px;font-family:JetBrains Mono,monospace;font-size:9px;font-weight:700;transition:opacity .16s;position:absolute;top:8px;right:8px}.wel-avatar-card.is-locked:hover:after{opacity:1}.wel-avatar-empty{text-align:center;letter-spacing:1.6px;color:var(--topbar-fg);grid-column:1/-1;padding:32px;font-family:JetBrains Mono,monospace;font-size:11px}.wel-celebrate{align-items:center}.wel-celebrate-pill{border:1px solid var(--orange);color:var(--orange);letter-spacing:2px;border-radius:999px;align-items:center;gap:8px;margin-bottom:24px;padding:7px 14px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;display:inline-flex}.wel-celebrate-pill .dot{background:var(--orange);border-radius:50%;width:7px;height:7px;animation:1.6s ease-in-out infinite wel-pulse}@keyframes wel-pulse{0%,to{opacity:1}50%{opacity:.3}}.wel-celebrate-avatar{justify-content:center;align-items:center;margin-bottom:18px;display:flex}.wel-celebrate-title{letter-spacing:-1.5px;color:var(--page-fg);text-align:center;margin-bottom:16px;font-family:Inter,system-ui,sans-serif;font-size:clamp(36px,5vw,56px);font-weight:200;line-height:1.05}.wel-celebrate-title .handle{color:var(--orange);font-weight:400}.wel-celebrate-jammer{letter-spacing:2.4px;color:var(--topbar-fg);text-transform:uppercase;margin-bottom:8px;font-family:JetBrains Mono,monospace;font-size:14px;font-weight:700}.wel-celebrate-jammer .jammer-num{color:var(--orange);letter-spacing:1.2px}.wel-celebrate-sub{color:var(--topbar-fg);text-align:center;max-width:540px;margin-bottom:6px;font-family:Inter,system-ui,sans-serif;font-size:16px;line-height:1.5}.wel-celebrate-sub-2{color:var(--topbar-fg);text-align:center;opacity:.75;max-width:540px;margin-bottom:28px;font-family:Inter,system-ui,sans-serif;font-size:14px;line-height:1.5}.wel-celebrate-row{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.wel-celebrate-cta{color:var(--page-fg);border:1px solid var(--line);letter-spacing:1.6px;cursor:pointer;background:0 0;border-radius:2px;padding:14px 28px;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700;text-decoration:none;transition:border-color .12s,background .12s}.wel-celebrate-cta:hover{border-color:var(--page-fg);background:var(--page-fg);color:var(--page-bg)}.wel-celebrate-cta.primary{background:var(--orange);color:var(--on-fill);border-color:var(--orange)}.wel-celebrate-cta.primary:hover{background:var(--orange);opacity:.92}.wel-enter-btn{letter-spacing:2.4px;min-width:220px;padding:18px 56px;font-size:15px}.wel-entry-cards{grid-template-columns:1fr 1fr;gap:18px;width:100%;max-width:720px;display:grid}@media (width<=720px){.wel-entry-cards{grid-template-columns:1fr}}.wel-entry-card{background:var(--card-bg);border:1px solid var(--line);cursor:pointer;color:inherit;text-align:left;border-radius:12px;flex-direction:column;gap:14px;padding:32px;font-family:inherit;transition:border-color .12s,transform .12s,background .12s;display:flex}.wel-entry-card:hover{border-color:var(--orange);background:var(--accent-fade);transform:translateY(-2px)}.wel-entry-icon{color:var(--orange);font-family:Inter,system-ui,sans-serif;font-size:48px;font-weight:200;line-height:1}.wel-entry-name{color:var(--page-fg);font-size:22px;font-weight:600}.wel-entry-desc{color:var(--topbar-fg);font-size:14px;line-height:1.5}@keyframes wel-step-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.wel-step-anim{animation:.24s cubic-bezier(.4,0,.2,1) wel-step-fade}.legal-page{background:var(--page-bg);min-height:100vh;color:var(--page-fg);font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.legal-main{max-width:760px;margin:0 auto;padding:48px 24px 96px}.legal-doc{flex-direction:column;gap:4px;display:flex}.legal-title{letter-spacing:-.4px;color:var(--page-fg);margin:0 0 24px;font-family:Inter,sans-serif;font-size:36px;font-weight:300}.legal-body{color:var(--page-fg);font-size:15px;line-height:1.65}.legal-body h1{letter-spacing:-.2px;color:var(--page-fg);margin:32px 0 12px;font-family:Inter,sans-serif;font-size:22px;font-weight:600}.legal-body h2{letter-spacing:-.1px;color:var(--page-fg);margin:32px 0 10px;font-family:Inter,sans-serif;font-size:19px;font-weight:600}.legal-body h3{color:var(--page-fg);margin:24px 0 8px;font-family:Inter,sans-serif;font-size:16px;font-weight:600}.legal-body p{margin:0 0 14px}.legal-body ul{margin:0 0 16px;padding-left:22px}.legal-body li{margin-bottom:6px}.legal-body strong{color:var(--page-fg);font-weight:700}.legal-body em{font-style:italic}.legal-body code{background:color-mix(in srgb, var(--page-fg) 8%, transparent);border-radius:3px;padding:1px 6px;font-family:JetBrains Mono,monospace;font-size:13px}.legal-body a{color:var(--page-fg);text-underline-offset:2px;text-decoration:underline}.legal-body a:hover{color:var(--accent,#ff7a59)}.legal-body blockquote{border-left:3px solid var(--accent,#ff7a59);background:color-mix(in srgb, var(--accent,#ff7a59) 8%, transparent);border-radius:0 4px 4px 0;margin:16px 0;padding:14px 18px;font-size:14px;line-height:1.55}.legal-body blockquote p{margin:0 0 8px}.legal-body blockquote p:last-child{margin-bottom:0}.legal-body hr{border:0;border-top:1px solid var(--line,#7f7f7f2e);margin:32px 0}.legal-err{border:1px solid var(--accent,#ff7a59);color:var(--page-fg);border-radius:4px;margin:24px 0;padding:14px 18px;font-size:14px}.legal-footer{border-top:1px solid var(--line,#7f7f7f2e);letter-spacing:1.4px;text-transform:uppercase;color:var(--topbar-fg);align-items:center;gap:12px;margin-top:64px;padding-top:24px;font-family:JetBrains Mono,monospace;font-size:11px;display:flex}.legal-footer a{color:var(--topbar-fg);text-decoration:none;transition:color .12s}.legal-footer a:hover{color:var(--page-fg)}.legal-footer span{opacity:.5}.world-pop{background:var(--page-bg);border-right:1px solid var(--line);z-index:60;flex-direction:column;font-family:JetBrains Mono,monospace;display:flex;position:fixed;top:56px;bottom:0;left:0;box-shadow:4px 0 18px #0000000f}.world-pop-grip{cursor:ew-resize;z-index:2;background:0 0;width:6px;position:absolute;top:0;bottom:0;right:-3px}.world-pop-grip:before{content:"";pointer-events:none;background:#3c82dc73;width:1px;position:absolute;top:8px;bottom:8px;right:2px}.world-pop-grip:hover{background:#3c82dc40}.world-pop-grip:hover:before{background:#3c82dce6;width:2px}.world-pop-tabs{gap:22px;padding:22px 22px 10px;display:flex;position:relative}.world-pop-tab{letter-spacing:1.6px;text-transform:uppercase;color:var(--topbar-fg);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:4px 0;font-family:JetBrains Mono,monospace;font-size:12px}.world-pop-tab.is-active{color:var(--page-fg);border-bottom-color:var(--page-fg);font-weight:700}.world-pop-tab:hover{color:var(--page-fg)}.world-pop-close{color:var(--topbar-fg);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:28px;height:28px;font-size:22px;line-height:1;display:flex;position:absolute;top:16px;right:16px}.world-pop-close:hover{color:var(--page-fg)}.world-pop-search{padding:6px 22px 12px}.world-pop-search input{border:1px solid var(--line);background:var(--page-bg);width:100%;color:var(--page-fg);box-sizing:border-box;padding:8px 12px;font-family:JetBrains Mono,monospace;font-size:12px}.world-pop-search input::placeholder{color:var(--topbar-fg);font-style:italic}.world-pop-list{flex:1;margin:0;padding:4px 12px 22px 4px;list-style:none;overflow-y:auto}.world-pop-row{margin:0}.world-pop-rowlink{color:var(--page-fg);border-radius:4px;align-items:center;gap:10px;padding:8px 10px 8px 2px;text-decoration:none;display:flex}.world-pop-rowlink:hover{background:#0000000a}.world-pop-rowavatar{background:0 0;border:none;flex:0 0 51px;justify-content:center;align-items:center;width:51px;height:51px;display:flex;overflow:visible}.world-pop-rowavatar canvas.jn-avatar{transform-origin:50%;transform:scale(1.35)}.world-pop-rowhandle{color:var(--page-fg);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:15px;overflow:hidden}.world-pop-rowheart{color:var(--topbar-fg);font-size:16px}.world-pop-empty{color:var(--topbar-fg);text-align:center;letter-spacing:.08em;text-transform:uppercase;padding:18px 10px;font-size:11px}.urel-pop{background:var(--page-bg);border-right:1px solid var(--line);z-index:60;flex-direction:column;font-family:JetBrains Mono,monospace;display:flex;position:fixed;top:56px;bottom:0;left:0;box-shadow:4px 0 18px #0000000f}.urel-pop-grip{cursor:ew-resize;z-index:2;background:0 0;width:6px;position:absolute;top:0;bottom:0;right:-3px}.urel-pop-grip:hover{background:#3c82dc40}.urel-pop-head{align-items:center;padding:22px 22px 10px;display:flex;position:relative}.urel-pop-title{letter-spacing:1.8px;color:var(--page-fg);font-family:JetBrains Mono,monospace;font-size:14px;font-weight:700}.urel-pop-close{color:var(--topbar-fg);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:28px;height:28px;font-size:22px;line-height:1;display:flex;position:absolute;top:16px;right:16px}.urel-pop-close:hover{color:var(--page-fg)}.urel-pop-search{padding:6px 22px 12px}.urel-pop-search input{border:none;border-bottom:1px solid var(--line);letter-spacing:.4px;width:100%;color:var(--page-fg);background:0 0;outline:none;padding:6px 0;font-family:JetBrains Mono,monospace;font-size:12px}.urel-pop-search input::placeholder{color:var(--topbar-fg);opacity:.6}.urel-pop-list{flex:1;margin:0;padding:4px 12px 24px;list-style:none;overflow-y:auto}.urel-pop-row{margin:0}.urel-pop-rowlink{color:inherit;border-radius:4px;align-items:center;gap:12px;padding:8px 10px;text-decoration:none;transition:background .12s;display:flex}.urel-pop-rowlink:hover{background:color-mix(in srgb, var(--page-fg) 6%, transparent)}.urel-pop-rowart{background:color-mix(in srgb, var(--page-fg) 8%, transparent);border-radius:3px;flex:none;width:48px;height:48px;overflow:hidden}.urel-pop-rowart img{object-fit:cover;width:100%;height:100%;display:block}.urel-pop-rowart-empty{background:color-mix(in srgb, var(--page-fg) 14%, transparent);width:100%;height:100%}.urel-pop-rowmeta{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.urel-pop-rowtitle{letter-spacing:.6px;color:var(--page-fg);white-space:nowrap;text-overflow:ellipsis;font-family:JetBrains Mono,monospace;font-size:12px;overflow:hidden}.urel-pop-rowsub{letter-spacing:1.4px;color:var(--topbar-fg);opacity:.7;font-family:JetBrains Mono,monospace;font-size:10px}.urel-pop-empty{letter-spacing:.6px;color:var(--topbar-fg);text-align:center;opacity:.7;padding:12px;font-family:JetBrains Mono,monospace;font-size:11px}.sso-callback-page{background:var(--page-bg);min-height:100dvh;color:var(--page-fg);justify-content:center;align-items:center;padding:24px;font-family:JetBrains Mono,monospace;display:flex}.sso-spinner-wrap{flex-direction:column;align-items:center;gap:18px;display:flex}.sso-spinner{border:2px solid var(--line);border-top-color:var(--orange);border-radius:50%;width:36px;height:36px;animation:.72s linear infinite sso-spin}@keyframes sso-spin{to{transform:rotate(360deg)}}.sso-msg{letter-spacing:1.6px;color:var(--page-fg);opacity:.7;text-transform:uppercase;font-size:12px}.sso-form{flex-direction:column;align-items:center;gap:16px;width:100%;max-width:480px;display:flex}.sso-title{letter-spacing:-1px;color:var(--page-fg);text-align:center;font-family:Inter,system-ui,sans-serif;font-size:clamp(28px,4vw,44px);font-weight:200}.sso-sub{letter-spacing:1.6px;color:var(--orange);text-align:center;text-transform:uppercase;max-width:360px;font-size:11px;line-height:1.5}.sso-handle-input{background:var(--card-bg);border:1px solid var(--orange);border-radius:999px;align-items:center;width:100%;max-width:480px;padding:4px 4px 4px 22px;display:flex}.sso-handle-input .at{color:var(--topbar-fg);margin-right:4px;font-family:Inter,system-ui,sans-serif;font-size:22px;font-weight:300}.sso-handle-input input{color:var(--page-fg);background:0 0;border:0;outline:0;flex:1;min-width:0;padding:10px 8px;font-family:Inter,system-ui,sans-serif;font-size:18px;font-weight:400}.sso-handle-input button{background:var(--orange);color:var(--on-fill);letter-spacing:1.4px;cursor:pointer;border:none;border-radius:999px;flex-shrink:0;align-items:center;gap:4px;padding:8px 22px;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700;display:inline-flex}.sso-handle-input button:disabled{opacity:.35;cursor:not-allowed;background:var(--accent)}.sso-handle-input button .arrow{font-size:18px;font-weight:400;line-height:1}