*,*:before,*:after{box-sizing:border-box}[hidden]:not([hidden=until-found i]){display:none!important}html{-webkit-text-size-adjust:100%;scroll-padding-top:var(--nav-h)}:root{--nav-h: calc(56px + env(safe-area-inset-top, 0px)) ;--sh-bg: #02213D;--sh-line: #1E4157;--sh-gold: #C39B65;--sh-on-gold: #02213D;--sh-text: #FAF7F2;--sh-muted: #9FB3C2;color-scheme:dark}body[data-view=lab],body[data-view=welcome]{--sh-bg: #0E0C09;--sh-line: #2A241B;--sh-gold: #E0C27E;--sh-on-gold: #0E0C09;--sh-text: #F4EEE3;--sh-muted: #9A8E7A}html,body{margin:0;background:var(--sh-bg);color:var(--sh-text);transition:background-color .25s ease}body{font:15px/1.5 Karla,Helvetica Neue,Arial,sans-serif;min-height:100vh;min-height:100dvh}.shell-nav{position:sticky;top:0;z-index:40;height:var(--nav-h);padding:env(safe-area-inset-top,0px) max(16px,env(safe-area-inset-right,0px)) 0 max(16px,env(safe-area-inset-left,0px));display:flex;align-items:center;gap:12px 20px;background:var(--sh-bg);border-bottom:1px solid var(--sh-line);transition:background-color .25s ease,border-color .25s ease}.shell-brand{display:inline-flex;align-items:center;gap:10px;color:var(--sh-text);text-decoration:none;min-height:44px;flex-shrink:0}.shell-brand img{width:32px;height:32px;border-radius:8px;display:block}.shell-name{font:600 22px/1 Cormorant Garamond,Georgia,serif;letter-spacing:.01em;white-space:nowrap}.shell-tabs{display:inline-flex;gap:2px;padding:3px;border:1px solid var(--sh-line);border-radius:22px;margin-left:auto}.shell-tabs button{min-height:36px;padding:0 14px;border:0;border-radius:18px;background:transparent;color:var(--sh-muted);font:600 13px Karla,sans-serif;cursor:pointer;white-space:nowrap}.shell-tabs button:hover{color:var(--sh-text)}.shell-tabs .s{display:none}.shell-tabs button[aria-selected=true]{background:var(--sh-gold);color:var(--sh-on-gold)}.shell-install{min-height:40px;padding:0 14px;border-radius:20px;border:1px solid var(--sh-gold);background:transparent;color:var(--sh-gold);font:600 13px Karla,sans-serif;cursor:pointer;white-space:nowrap}.shell-nav button:focus-visible,.shell-brand:focus-visible{outline:2px solid var(--sh-gold);outline-offset:2px}@media(display-mode:standalone){.shell-install{display:none}}@media(max-width:560px){.shell-name{display:none}.shell-nav{gap:10px}}@media(max-width:480px){.shell-tabs .l{display:none}.shell-tabs .s{display:inline}}@media(max-width:360px){.shell-tabs button{padding:0 10px}}body[data-view=welcome] .shell-nav{display:none}.studio-view,.lab-view{padding-bottom:env(safe-area-inset-bottom,0px)}.studio-view .wrap{min-height:calc(100vh - var(--nav-h))}@media(min-width:901px){.studio-view .stage{top:calc(var(--nav-h) + 16px);height:calc(100vh - var(--nav-h) - 32px)}}.toast{position:fixed;left:50%;bottom:max(16px,env(safe-area-inset-bottom,0px));transform:translate(-50%);background:var(--sh-bg);border:1px solid var(--sh-line);color:var(--sh-text);border-radius:12px;padding:10px 14px;font:13px Karla,sans-serif;display:flex;gap:12px;align-items:center;z-index:60;max-width:calc(100vw - 32px);box-shadow:0 8px 30px #00000080}.toast button{min-height:36px;padding:0 14px;border-radius:18px;border:1px solid var(--sh-gold);background:transparent;color:var(--sh-gold);font:600 13px Karla,sans-serif;cursor:pointer}@media(prefers-reduced-motion:reduce){html,body,.shell-nav{transition:none}}.studio-view{--midnight: #02213D;--navy: #0B2B47;--line: #1E4157;--line-2: #3F616F;--pearl: #FAF7F2;--mist: #C9D3DA;--muted: #9FB3C2;--gold: #C39B65;--gold-2: #D1B285;--good: #9FD3B6;--warn: #D1B285;--bad: #E8A08A;--display: "Cormorant Garamond", Georgia, "Times New Roman", serif;--body: "Karla", "Helvetica Neue", Arial, sans-serif;--mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;color-scheme:dark}.studio-view{background:var(--midnight);color:var(--pearl)}.studio-view{font-family:var(--body);font-size:15px;line-height:1.5}.studio-view .wrap{display:grid;grid-template-columns:minmax(0,1fr) 460px;gap:0;min-height:100vh}.studio-view .stage-col{padding-block:16px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:16px}.studio-view .stage{position:sticky;top:calc(env(safe-area-inset-top,0px) + 16px);height:calc(100vh - 32px);min-height:520px;border-radius:6px;overflow:hidden;background:var(--ground, var(--pearl));transition:background-color .25s ease}.studio-view .stage img{position:absolute;display:block;pointer-events:none;user-select:none}.studio-view .stage-badge{position:absolute;left:12px;bottom:12px;font-family:var(--mono);font-size:11px;color:var(--pearl);background:#02213dc7;border:1px solid var(--line-2);border-radius:14px;padding:4px 10px}.studio-view .rail{padding-block:24px 40px;padding-right:max(16px,env(safe-area-inset-right,0px));padding-left:24px;display:flex;flex-direction:column;gap:26px;min-width:0}.studio-view .eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}.studio-view h1{font-family:var(--display);font-weight:600;font-size:44px;line-height:1;margin:6px 0 8px;text-wrap:balance}.studio-view .lede{margin:0;color:var(--mist);max-width:60ch}.studio-view .label{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.studio-view .group{display:flex;flex-direction:column;gap:10px}.studio-view .chips{display:flex;flex-wrap:wrap;gap:8px}.studio-view .chip{min-height:40px;padding:0 14px;border-radius:20px;border:1px solid var(--line-2);background:transparent;color:var(--pearl);font:500 13px var(--body);cursor:pointer;display:inline-flex;align-items:center;gap:8px}.studio-view .chip:hover{border-color:var(--gold-2)}.studio-view .chip[aria-pressed=true]{background:var(--gold);border-color:var(--gold);color:var(--midnight)}.studio-view .chip:focus-visible,.studio-view button:focus-visible,.studio-view textarea:focus-visible,.studio-view input:focus-visible{outline:2px solid var(--gold-2);outline-offset:2px}.studio-view .dot{width:14px;height:14px;border-radius:7px;border:1px solid var(--muted);flex-shrink:0}.studio-view .row2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.studio-view .custom{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.studio-view .custom input[type=color]{width:48px;height:40px;border:1px solid var(--line-2);border-radius:8px;background:transparent;padding:2px;cursor:pointer}.studio-view .custom input[type=text]{width:100px;height:40px;box-sizing:border-box;border:1px solid var(--line-2);border-radius:8px;background:var(--navy);color:var(--pearl);padding:0 10px;font:13px var(--mono)}.studio-view .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.studio-view .steppers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px}.studio-view .stepper{display:flex;align-items:center;justify-content:space-between;gap:8px}.studio-view .stepper .ctl{display:flex;align-items:center;gap:6px}.studio-view .round{width:40px;height:40px;border-radius:20px;border:1px solid var(--line-2);background:transparent;color:var(--pearl);font-size:18px;cursor:pointer}.studio-view .val{font:13px var(--mono);width:40px;text-align:center;font-variant-numeric:tabular-nums}.studio-view .inks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.studio-view .ink{border:1px solid var(--line);border-radius:8px;padding:10px;display:flex;flex-direction:column;gap:4px}.studio-view .ink .nm{display:flex;gap:8px;align-items:center;font:11px var(--mono);color:var(--mist)}.studio-view .ink .ratio{font:500 18px var(--mono);font-variant-numeric:tabular-nums}.studio-view .ink .verdict{font:11px var(--mono)}.studio-view .read{color:var(--mist);font-size:14px;margin:0}.studio-view .partner{border:1px solid var(--line-2);border-radius:10px;padding:18px;display:flex;flex-direction:column;gap:14px;background:var(--navy)}.studio-view .partner h2{font-family:var(--display);font-weight:600;font-size:28px;margin:0;line-height:1.1}.studio-view .partner textarea{width:100%;box-sizing:border-box;min-height:76px;resize:vertical;border:1px solid var(--line-2);border-radius:8px;background:var(--midnight);color:var(--pearl);padding:10px 12px;font:14px/1.45 var(--body)}.studio-view .partner textarea::placeholder{color:var(--muted)}.studio-view .actions{display:flex;flex-wrap:wrap;gap:8px}.studio-view .btn{min-height:44px;padding:0 18px;border-radius:22px;border:1px solid var(--gold);background:var(--gold);color:var(--midnight);font:600 14px var(--body);cursor:pointer}.studio-view .btn.ghost{background:transparent;color:var(--gold)}.studio-view .btn[disabled]{opacity:.55;cursor:default}.studio-view .status{font:12px var(--mono);color:var(--muted);min-height:18px}.studio-view .summary{margin:0;color:var(--pearl);font-size:14px}.studio-view .cards{display:flex;flex-direction:column;gap:10px}.studio-view .card{border:1px solid var(--line);border-radius:10px;padding:14px;display:grid;grid-template-columns:64px minmax(0,1fr);gap:14px;background:var(--midnight)}.studio-view .card .sw{width:64px;height:64px;border-radius:8px;border:1px solid var(--line-2);display:flex;align-items:center;justify-content:center}.studio-view .card .sw img{width:48px;height:48px;object-fit:contain}.studio-view .card .top{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.studio-view .card .nm{font-family:var(--display);font-weight:600;font-size:22px;line-height:1.1}.studio-view .card .tag{font:10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--gold);white-space:nowrap}.studio-view .card p{margin:6px 0 0;font-size:13.5px;color:var(--mist)}.studio-view .card .meta{font:11px var(--mono);color:var(--muted);margin-top:8px}.studio-view .card .foot{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;flex-wrap:wrap}.studio-view .critique{white-space:pre-wrap;font-size:14px;color:var(--pearl);margin:0}.studio-view .tip{margin:0;color:var(--mist);font-size:14px}.studio-view .foot-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center;border-top:1px solid var(--line);padding-top:16px}.studio-view .readout{font:11px/1.7 var(--mono);color:var(--muted)}.studio-view .off{opacity:.42}.studio-view .off .chip,.studio-view .off .round{cursor:not-allowed}.studio-view .why{font:10px var(--mono);color:var(--muted);text-transform:none;letter-spacing:0;margin-left:8px}.studio-view .stage-badge.changed{background:var(--gold);color:var(--midnight);border-color:var(--gold)}@media(prefers-reduced-motion:reduce){.studio-view .stage.flash{animation:none}}.studio-view .fib{border:1px solid var(--line);border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:14px}.studio-view .fib-head{display:grid;grid-template-columns:minmax(0,1fr) 89px;gap:14px;align-items:start}.studio-view .rule{margin:6px 0 0;font-size:13.5px;color:var(--mist)}.studio-view .phi{width:89px;height:55px;color:var(--gold)}.studio-view .scale-cap{font:10px var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.studio-view .stage svg.lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.studio-view .stage .texture{position:absolute;inset:0;opacity:.38;pointer-events:none}.studio-view .origins{display:flex;flex-direction:column;gap:12px;border:1px solid var(--line);border-radius:10px;padding:16px}.studio-view .origin-card{display:grid;grid-template-columns:96px minmax(0,1fr);gap:14px;align-items:start}.studio-view .origin-card img{width:96px;height:96px;object-fit:contain;background:var(--navy);border-radius:8px;padding:6px;box-sizing:border-box}.studio-view .origin-card h3{font-family:var(--display);font-weight:600;font-size:24px;margin:0;line-height:1.1}.studio-view .origin-card .from{font:11px var(--mono);color:var(--gold);text-transform:uppercase;letter-spacing:.08em;margin-top:4px}.studio-view .origin-card dl{margin:8px 0 0;display:grid;gap:6px}.studio-view .origin-card dt{font:10px var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.studio-view .origin-card dd{margin:0;font-size:13.5px;color:var(--mist)}.studio-view .origin-card a{color:var(--gold-2)}.studio-view .credit{margin:0;padding:10px 14px;border-left:2px solid var(--gold);color:var(--pearl);font:italic 15px/1.5 var(--display)}.studio-view .kata{border:1px solid var(--line);border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:14px}.studio-view .kata-h{font-family:var(--display);font-weight:600;font-size:28px;margin:2px 0 6px;line-height:1.1}.studio-view .kata canvas{display:block;width:100%;height:auto;border-radius:8px;background:#f4eee3}.studio-view .legend{display:flex;flex-wrap:wrap;gap:6px 14px;font:11px var(--mono);color:var(--mist)}.studio-view .legend i{display:inline-block;width:12px;height:12px;border-radius:3px;vertical-align:-2px;margin-right:6px;border:1px solid var(--line-2)}.studio-view .kata-list{margin:0;padding-left:18px;color:var(--mist);font-size:14px;display:flex;flex-direction:column;gap:4px}.studio-view .kata-note{margin:0;font-size:12.5px;color:var(--muted)}.studio-view .kata-note a{color:var(--gold-2)}.studio-view .alb{border:1px solid var(--line);border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:14px}.studio-view .alb-pair{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-radius:8px;overflow:hidden;aspect-ratio:2 / 1.15;border:1px solid var(--line-2)}.studio-view .alb-sw{position:relative;display:flex;align-items:center;justify-content:center;transition:background-color .25s ease}.studio-view .alb-mark{width:46%;aspect-ratio:1;margin-bottom:12%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.studio-view .alb-mark.square{width:30%}.studio-view .alb-bridge{position:absolute;left:25%;right:25%;bottom:11%;height:7%}.studio-view .alb-reads{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.studio-view .alb-reads .shift{font-size:13px;color:var(--mist)}@media(prefers-reduced-motion:reduce){.studio-view .alb-sw{transition:none}}@media(max-width:460px){.studio-view .origin-card{grid-template-columns:minmax(0,1fr)}}@media(max-width:460px){.studio-view .fib-head{grid-template-columns:minmax(0,1fr)}.studio-view .scale-cap{display:none}}@media(max-width:900px){.studio-view .wrap{grid-template-columns:minmax(0,1fr)}.studio-view .stage-col{padding-right:max(16px,env(safe-area-inset-right,0px))}.studio-view .stage{position:relative;top:0;height:62vh;min-height:380px}.studio-view .rail{padding-left:max(16px,env(safe-area-inset-left,0px));padding-block:8px 32px}}@media(max-width:460px){.studio-view .row2,.studio-view .steppers,.studio-view .inks{grid-template-columns:minmax(0,1fr)}.studio-view h1{font-size:36px}}@media(prefers-reduced-motion:reduce){.studio-view .stage{transition:none}}.studio-view fieldset.bare{border:0;padding:0;margin:0;min-width:0;display:contents}.studio-view .chip[disabled],.studio-view .round[disabled]{cursor:not-allowed}.studio-view .kata canvas{aspect-ratio:auto}.lab-view img{max-width:100%}.lab-view{--ink: #0E0C09;--ink-2: #17140F;--line: #2A241B;--line-2: #4A4032;--gold: #E0C27E;--gold-2: #C39B65;--paper: #F4EEE3;--mist: #CFC3A8;--muted: #9A8E7A;--flag: #D9654B;--pass: #9FD3B6;--teal: #4FA8BD;--display: "Cormorant Garamond", Georgia, "Times New Roman", serif;--body: "Karla", "Helvetica Neue", Arial, sans-serif;--mono: "IBM Plex Mono", ui-monospace, Menlo, monospace;color-scheme:dark}.lab-view{background:var(--ink);color:var(--paper)}.lab-view{font-family:var(--body);font-size:15px;line-height:1.5}.lab-view .wrap{padding-block:20px 40px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));max-width:1440px;margin:0 auto;display:flex;flex-direction:column;gap:18px}.lab-view header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px 24px}.lab-view .eyebrow,.lab-view .label{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-2)}.lab-view .label{color:var(--muted)}.lab-view h1{font-family:var(--display);font-weight:600;font-size:46px;line-height:1;margin:6px 0 0;text-wrap:balance}.lab-view .reels{display:flex;flex-wrap:wrap;gap:8px}.lab-view .chip{min-height:40px;padding:0 14px;border-radius:20px;border:1px solid var(--line-2);background:transparent;color:var(--paper);font:500 13px var(--body);cursor:pointer;display:inline-flex;align-items:center;gap:8px}.lab-view .chip:hover:not([disabled]){border-color:var(--gold)}.lab-view .chip[aria-pressed=true]{background:var(--gold);border-color:var(--gold);color:var(--ink)}.lab-view .chip[disabled]{opacity:.45;cursor:default}.lab-view .chip small{font:10px var(--mono);letter-spacing:.08em;text-transform:uppercase}.lab-view button:focus-visible,.lab-view input:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.lab-view .main{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:20px;align-items:start}.lab-view .film{display:flex;flex-direction:column;gap:10px;min-width:0}.lab-view .screen{position:relative;border-radius:6px;overflow:hidden;background:var(--ink);border:1px solid var(--line);aspect-ratio:16 / 9;max-width:100%}.lab-view .screen canvas{display:block;width:100%;height:100%}.lab-view .rec-dot{position:absolute;top:12px;right:12px;font:11px var(--mono);color:var(--paper);background:#d9654be6;border-radius:12px;padding:3px 10px}.lab-view .transport{display:flex;align-items:center;gap:12px}.lab-view .round{width:44px;height:44px;border-radius:22px;border:1px solid var(--gold);background:var(--gold);color:var(--ink);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.lab-view .round.ghost{background:transparent;color:var(--gold);border-color:var(--line-2)}.lab-view .round svg{width:18px;height:18px;fill:currentColor}.lab-view .scrub{position:relative;flex:1;min-width:0;height:44px;display:flex;align-items:center}.lab-view .scrub input{width:100%;accent-color:var(--gold);margin:0}.lab-view .ticks{position:absolute;left:0;right:0;top:6px;height:6px;pointer-events:none}.lab-view .ticks i{position:absolute;top:0;width:1px;height:6px;background:var(--line-2)}.lab-view .time{font:12px var(--mono);color:var(--mist);font-variant-numeric:tabular-nums;white-space:nowrap}.lab-view .row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}.lab-view .btn{min-height:40px;padding:0 16px;border-radius:20px;border:1px solid var(--gold);background:transparent;color:var(--gold);font:600 13px var(--body);cursor:pointer}.lab-view .btn.solid{background:var(--gold);color:var(--ink)}.lab-view .btn[disabled]{opacity:.5;cursor:default}.lab-view .status{font:12px var(--mono);color:var(--muted)}.lab-view .score{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--line);padding-top:12px}.lab-view .side{display:flex;flex-direction:column;gap:16px;min-width:0}.lab-view .panel{border:1px solid var(--line);border-radius:10px;background:var(--ink-2);padding:16px;display:flex;flex-direction:column;gap:12px}.lab-view .panel h2{font-family:var(--display);font-weight:600;font-size:26px;margin:0;line-height:1.1}.lab-view .steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.lab-view .steps button{width:100%;display:grid;grid-template-columns:22px 28px minmax(0,1fr);gap:8px;align-items:center;text-align:left;background:transparent;border:0;border-top:1px solid var(--line);color:var(--mist);padding:9px 2px;cursor:pointer;font:14px var(--body)}.lab-view .steps li:first-child button{border-top:0}.lab-view .steps button:hover{color:var(--paper)}.lab-view .steps .n{font:11px var(--mono);color:var(--muted);font-variant-numeric:tabular-nums}.lab-view .steps .mk{width:16px;height:16px;border-radius:8px;border:1px solid var(--line-2);display:inline-flex;align-items:center;justify-content:center}.lab-view .steps .done .mk{background:var(--gold-2);border-color:var(--gold-2)}.lab-view .steps .done .mk:after{content:"";width:7px;height:4px;border-left:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:rotate(-45deg) translate(1px,-1px)}.lab-view .steps .now button{color:var(--paper)}.lab-view .steps .now .mk{border-color:var(--gold);box-shadow:0 0 0 3px #e0c27e40}.lab-view .steps .ph{font:10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--gold-2);display:block}.lab-view .teach{margin:0;color:var(--mist);font-size:14px}.lab-view .bench[hidden]{display:none!important}.lab-view .ctl{display:flex;flex-direction:column;gap:8px}.lab-view .ctl input[type=range]{width:100%;accent-color:var(--gold)}.lab-view .readout{font:12px var(--mono);color:var(--mist)}.lab-view .credit{margin:0;padding:10px 14px;border-left:2px solid var(--gold-2);color:var(--paper);font:italic 16px/1.5 var(--display)}.lab-view .note{margin:0;font-size:12.5px;color:var(--muted)}.lab-view .note a{color:var(--gold)}@media(max-width:1020px){.lab-view .main{grid-template-columns:minmax(0,1fr)}}@media(max-width:460px){.lab-view h1{font-size:36px}.lab-view .transport{gap:8px}}.lab-view .brand{display:flex;align-items:center;gap:14px}.lab-view .brand img{width:48px;height:48px;border-radius:12px;flex-shrink:0}.lab-view .appbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.lab-view .screen .fs{position:absolute;top:10px;left:10px;width:40px;height:40px;border-radius:20px;border:1px solid var(--line-2);background:#0e0c09b3;color:var(--gold);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;opacity:.75}.lab-view .screen .fs:hover,.lab-view .screen .fs:focus-visible{opacity:1}.lab-view .screen .fs svg{width:18px;height:18px;fill:currentColor}.lab-view .screen:fullscreen{border:0;border-radius:0;display:flex;align-items:center;justify-content:center;background:#000;aspect-ratio:auto;width:100vw;height:100vh}.lab-view .screen:fullscreen canvas{width:auto;height:auto;max-width:100vw;max-height:100vh;aspect-ratio:16 / 9}.lab-view .screen.pseudo-fs{position:fixed;inset:0;z-index:50;border:0;border-radius:0;background:#000;aspect-ratio:auto;display:flex;align-items:center;justify-content:center}.lab-view .screen.pseudo-fs canvas{width:auto;height:auto;max-width:100vw;max-height:100vh;aspect-ratio:16 / 9}.lab-view .keys{font:11px var(--mono);color:var(--muted)}.lab-view .keys kbd{font:inherit;border:1px solid var(--line-2);border-radius:4px;padding:0 5px;color:var(--mist)}@media(hover:none){.lab-view .keys{display:none}}.welcome{--ink: #0E0C09;--ink-2: #17140F;--line: #2A241B;--line-2: #4A4032;--gold: #E0C27E;--gold-2: #C39B65;--paper: #F4EEE3;--mist: #CFC3A8;--muted: #9A8E7A;--display: "Cormorant Garamond", Georgia, "Times New Roman", serif;--body: "Karla", "Helvetica Neue", Arial, sans-serif;--mono: "IBM Plex Mono", ui-monospace, Menlo, monospace;background:var(--ink);color:var(--paper);font:15px/1.5 var(--body)}.welcome .w-eyebrow{font:500 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-2)}.welcome .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.welcome button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.w-stage{position:relative;width:100%;height:100vh;height:100dvh;overflow:hidden;background:var(--ground);transition:background-color 1.2s ease;isolation:isolate;touch-action:pan-y;user-select:none;-webkit-user-select:none;outline:none;cursor:default}.w-stage:fullscreen,.w-stage:-webkit-full-screen{width:100vw;height:100vh}.w-stage.pseudo-fs{position:fixed;inset:0;z-index:70;height:100vh;height:100dvh}.w-3d{position:absolute;inset:0;perspective:1100px;perspective-origin:50% 45%}.w-scene{position:absolute;inset:0;transform-style:preserve-3d;will-change:transform}.w-drift{position:absolute;inset:0;transform-style:preserve-3d;animation:w-drift 34s ease-in-out infinite alternate}@keyframes w-drift{0%{transform:scale(1.12) translate3d(-1.4%,-.8%,0) rotate(-.6deg)}to{transform:scale(1.12) translate3d(1.4%,.8%,0) rotate(.6deg)}}.w-ground{position:absolute;inset:-20%;background:var(--ground);transform:translateZ(-160px) scale(1.2);transition:background-color 1.2s ease}.w-texture{position:absolute;inset:-14%;opacity:.4;transform:translateZ(-110px) scale(1.12);animation:w-isen 60s linear infinite}@keyframes w-isen{to{background-position:240px 120px}}.w-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;transform:translateZ(-30px)}.w-lines path{stroke-dasharray:1;stroke-dashoffset:1;animation:w-draw 2.6s cubic-bezier(.4,0,.2,1) forwards}.w-lines path:nth-child(3n+2){animation-delay:.25s}.w-lines path:nth-child(3n){animation-delay:.5s}@keyframes w-draw{to{stroke-dashoffset:0}}.w-ribbons{animation:w-fade 1.2s ease both}.w-m{position:absolute;cursor:pointer;transition:left 1.25s cubic-bezier(.6,0,.2,1),top 1.25s cubic-bezier(.6,0,.2,1),width 1.25s cubic-bezier(.6,0,.2,1),height 1.25s cubic-bezier(.6,0,.2,1),transform 1.25s cubic-bezier(.6,0,.2,1);animation:w-in .9s cubic-bezier(.2,.8,.2,1.2) both}.w-m img{display:block;width:100%;height:100%;pointer-events:none;user-select:none;-webkit-user-drag:none;transition:opacity .35s ease,transform .5s cubic-bezier(.2,.9,.3,1.35)}.w-m.hide{pointer-events:none}.w-m.hide img{opacity:0;transform:scale(.3) rotate(-25deg) translateZ(0)}.w-m.gone{animation:w-out .85s ease forwards;pointer-events:none}.w-m.ping img{animation:w-ping .9s cubic-bezier(.2,.9,.3,1.4)}@keyframes w-ping{30%{transform:scale(1.22);filter:drop-shadow(0 0 18px rgba(224,194,126,.9)) drop-shadow(0 16px 20px rgba(0,0,0,.3))}}@keyframes w-in{0%{opacity:0}}@keyframes w-out{to{opacity:0}}@keyframes w-fade{0%{opacity:0}}.w-veil{position:absolute;inset:0;background:#0e0c09;pointer-events:none;transition:opacity 1s ease}.w-clip-wrap{pointer-events:none;opacity:0;transition:opacity .8s ease}.w-stage.clip .w-clip-wrap{opacity:1}.w-clip-plane{position:absolute;inset:0;transform-style:preserve-3d}.w-clip{position:absolute;inset:0;width:100%;height:100%}.w-title,.w-end{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:16px 16px 120px;pointer-events:none}.w-end{pointer-events:auto;animation:w-fade 1s ease both}.w-end>*{pointer-events:auto}.w-title img{width:clamp(80px,12vmin,170px);height:auto;animation:w-rise 2.2s cubic-bezier(.2,.8,.2,1) both;filter:drop-shadow(0 20px 30px rgba(0,0,0,.5))}.w-title .w-eyebrow{margin-top:14px;animation:w-rise 1.6s .9s ease both}.w-title h1{font:600 clamp(48px,9vw,132px)/1 var(--display);margin:0;color:var(--paper);letter-spacing:.01em;animation:w-rise 1.8s .5s cubic-bezier(.2,.8,.2,1) both;text-shadow:0 12px 40px rgba(0,0,0,.6)}@keyframes w-rise{0%{opacity:0;transform:translateY(18px) scale(.94)}}.w-end h2{font:600 clamp(32px,5vw,72px)/1.05 var(--display);margin:0;max-width:22ch;text-wrap:balance;text-shadow:0 10px 30px rgba(0,0,0,.6)}.w-end-go{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:6px}.w-alb{position:absolute;right:max(18px,env(safe-area-inset-right,0px));top:max(18px,env(safe-area-inset-top,0px));width:min(260px,32vw);display:flex;flex-direction:column;gap:6px;animation:w-alb .9s cubic-bezier(.2,.8,.2,1) both;transform:perspective(700px) rotateY(-14deg);transform-origin:right center;pointer-events:none}@keyframes w-alb{0%{opacity:0;transform:perspective(700px) rotateY(-60deg)}}.w-alb-pair{position:relative;display:grid;grid-template-columns:1fr 1fr;aspect-ratio:2 / 1.15;border-radius:8px;overflow:hidden;border:1px solid rgba(244,238,227,.25);box-shadow:0 18px 40px #0006}.w-alb-sw{display:flex;align-items:center;justify-content:center;animation:w-fade 1s ease both}.w-alb-mark{width:50%;aspect-ratio:1;margin-bottom:12%;background:#c39b65;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.w-alb-bridge{position:absolute;left:25%;right:25%;bottom:11%;height:7%;background:#c39b65;transform-origin:left;animation:w-bridge 1.4s 1.2s cubic-bezier(.6,0,.2,1) both}@keyframes w-bridge{0%{transform:scaleX(0)}}.w-alb-names{display:flex;justify-content:space-between;gap:6px}.w-alb-names span{font:10px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--paper);background:#0e0c09d1;border-radius:10px;padding:2px 8px}.w-ticker{position:absolute;left:0;right:0;bottom:calc(96px + env(safe-area-inset-bottom,0px));height:64px;overflow:hidden;pointer-events:none;transition:bottom .35s ease;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}.w-stage.undocked .w-ticker{bottom:calc(36px + env(safe-area-inset-bottom,0px))}.w-tick{position:absolute;left:0;top:0;height:64px;display:flex;align-items:baseline;gap:18px;white-space:nowrap;transform:translate3d(110vw,0,0);will-change:transform;padding-top:10px;color:var(--paper);text-shadow:0 0 2px rgba(14,12,9,.95),0 0 10px rgba(14,12,9,.85),0 3px 22px rgba(14,12,9,.75)}.w-tick{transition:opacity .6s ease}.w-tick.out{opacity:0}.w-tick .e{font:500 12px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}.w-tick .h{font:600 40px/1 var(--display)}.w-tick .b{font:400 19px var(--body);color:#fff8ea}.w-tick .sep{font-size:18px;color:var(--gold);margin-left:12px}.w-tapped{position:absolute;transform:translate(-50%,-140%);font:600 22px var(--display);color:var(--paper);pointer-events:none;white-space:nowrap;text-shadow:0 0 2px rgba(14,12,9,.95),0 0 12px rgba(14,12,9,.85);animation:w-tap 1.4s ease forwards}@keyframes w-tap{0%{opacity:0;transform:translate(-50%,-100%)}20%{opacity:1}to{opacity:0;transform:translate(-50%,-220%)}}.w-sound-cta{position:absolute;left:50%;top:max(18px,env(safe-area-inset-top,0px));transform:translate(-50%);display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 18px;border-radius:21px;border:1px solid var(--gold);background:#0e0c0999;color:var(--gold);font:600 13px var(--body);cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:3}.w-sound-cta svg{width:18px;height:18px;fill:currentColor}.w-dock{position:absolute;left:50%;bottom:max(18px,env(safe-area-inset-bottom,0px));transform:translate(-50%);z-index:4;display:flex;align-items:center;gap:8px;padding:8px;max-width:calc(100% - 24px);border-radius:30px;background:#0e0c099e;border:1px solid rgba(244,238,227,.16);box-shadow:0 14px 40px #00000073;backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);animation:w-dock .35s cubic-bezier(.2,.8,.2,1) both}@keyframes w-dock{0%{opacity:0;transform:translate(-50%,16px)}}.w-ic{width:42px;height:42px;flex-shrink:0;border-radius:21px;border:1px solid rgba(244,238,227,.22);background:transparent;color:var(--paper);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.w-ic svg{width:18px;height:18px;fill:currentColor}.w-ic.solid{background:var(--gold);border-color:var(--gold);color:var(--ink)}.w-ic.on{color:var(--gold);border-color:var(--gold)}.w-ic.ghost{border-color:transparent;color:var(--mist)}.w-ic:hover{border-color:var(--gold)}.w-acts{position:relative;display:flex;gap:2px;padding:0 4px 6px;min-width:0}.w-act{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 8px;border:0;border-radius:18px;background:transparent;color:var(--muted);font:500 11px var(--mono);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;white-space:nowrap}.w-act i{width:6px;height:6px;border-radius:3px;background:currentColor;flex-shrink:0}.w-act:hover{color:var(--paper)}.w-act.done{color:var(--mist)}.w-act.now{color:var(--gold)}.w-bar{position:absolute;left:10px;right:10px;bottom:0;height:2px;border-radius:1px;background:#f4eee324;overflow:hidden;pointer-events:none}.w-bar i{display:block;height:100%;width:0;background:var(--gold)}.w-time{font:11px var(--mono);color:var(--mist);font-variant-numeric:tabular-nums;white-space:nowrap;padding:0 2px}.w-div{width:1px;height:26px;background:#f4eee32e;flex-shrink:0}.w-room-btn{min-height:42px;padding:0 14px;border-radius:21px;border:1px solid rgba(224,194,126,.5);background:transparent;color:var(--gold);font:600 13px var(--body);cursor:pointer;white-space:nowrap}.w-room-btn:hover{border-color:var(--gold)}.w-handle{position:absolute;left:50%;bottom:max(12px,env(safe-area-inset-bottom,0px));transform:translate(-50%);z-index:4;width:46px;height:28px;border-radius:14px;border:1px solid rgba(244,238,227,.2);background:#0e0c0980;color:var(--paper);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;opacity:.7;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.w-handle:hover,.w-handle:focus-visible{opacity:1}.w-handle svg{width:18px;height:18px}.w-scroll-hint{display:none}.w-rooms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:1440px;margin:0 auto;padding:28px max(16px,env(safe-area-inset-right,0px)) 0 max(16px,env(safe-area-inset-left,0px))}.w-room{border:1px solid var(--line);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:10px;align-items:flex-start}.w-room.studio{background:linear-gradient(160deg,#02213d,#0b2b47);border-color:#1e4157}.w-room.lab{background:var(--ink-2)}.w-room h2{font:600 32px/1 var(--display);margin:0}.w-room p{margin:0;color:var(--mist)}.w-room ul{margin:0 0 6px;padding-left:18px;color:var(--mist);font-size:14px;display:flex;flex-direction:column;gap:4px}.w-room.studio ul,.w-room.studio p{color:#c9d3da}.w-room .w-btn{margin-top:auto}.w-btn{min-height:44px;padding:0 18px;border-radius:22px;border:1px solid var(--gold);background:#0e0c0999;color:var(--gold);font:600 14px var(--body);cursor:pointer}.w-btn.solid{background:var(--gold);color:var(--ink)}.w-credit{margin:0 auto;font-size:12.5px;color:var(--muted);max-width:1440px;padding:20px max(16px,env(safe-area-inset-right,0px)) calc(40px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}@media(max-width:1100px){.w-room-btn,.w-div{display:none}}@media(max-width:760px){.w-act span{display:none}.w-act.now span{display:inline}.w-act{padding:0 6px}.w-time{display:none}.w-dock{gap:6px;padding:6px}.w-ticker{height:50px;bottom:calc(80px + env(safe-area-inset-bottom,0px))}.w-tick{height:50px;gap:12px}.w-tick .h{font-size:30px}.w-tick .b{font-size:16px}.w-alb{width:44vw}.w-rooms{grid-template-columns:minmax(0,1fr)}}@media(max-width:400px){.w-act.now span{max-width:92px;overflow:hidden;text-overflow:ellipsis}.w-ic{width:38px;height:38px}}@media(prefers-reduced-motion:reduce){.w-drift,.w-texture,.w-lines path,.w-ribbons,.w-m,.w-m.gone,.w-m.ping img,.w-title *,.w-alb,.w-alb-bridge,.w-end,.w-dock,.w-tapped{animation:none!important}.w-lines path{stroke-dashoffset:0}.w-m,.w-m img,.w-stage,.w-veil,.w-clip-wrap,.w-ground{transition:none!important}}.w-rose-ui{position:absolute;left:max(18px,env(safe-area-inset-left,0px));top:max(18px,env(safe-area-inset-top,0px));z-index:3;width:min(320px,calc(100% - 36px));display:flex;flex-direction:column;gap:10px;align-items:flex-start;padding:14px;border-radius:16px;background:#0e0c098c;border:1px solid rgba(244,238,227,.14);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:w-cap .7s .4s ease both}@keyframes w-cap{0%{opacity:0;transform:translateY(8px)}}.w-rose-ui p{margin:0;font-size:13px;color:var(--mist)}.w-rose-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.w-rose-row .lbl{font:500 10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);width:100%}.w-pill{min-height:36px;padding:0 12px;border-radius:18px;border:1px solid rgba(244,238,227,.22);background:transparent;color:var(--paper);font:500 12.5px var(--body);cursor:pointer}.w-pill.on{background:var(--gold);border-color:var(--gold);color:var(--ink)}.w-pill.solid{border-color:var(--gold);color:var(--gold);font-weight:600}.w-stage.clip{cursor:grab}@media(max-width:760px){.w-rose-ui{top:auto;bottom:calc(140px + env(safe-area-inset-bottom,0px));left:12px;right:12px;width:auto;padding:10px 12px;gap:8px}.w-rose-ui p{display:none}.w-stage.undocked .w-rose-ui{bottom:calc(90px + env(safe-area-inset-bottom,0px))}}