body{--chrome-fade-duration: .6s}body:not([data-chrome-idle]){--chrome-fade-duration: .2s}.statusbar,#sources-panel,#state-panel,.prompt,.chip--sources,.chip--state,.bracket{transition:opacity var(--chrome-fade-duration) var(--ease-snap)}body[data-chrome-idle] .statusbar,body[data-chrome-idle] #sources-panel,body[data-chrome-idle] #state-panel,body[data-chrome-idle] .chip--sources,body[data-chrome-idle] .chip--state,body[data-chrome-idle] .bracket{opacity:0;pointer-events:none}body[data-chrome-idle] .prompt{opacity:0!important;pointer-events:none}.audio-pin{position:fixed;bottom:var(--space-5);right:var(--space-5);z-index:100;display:inline-flex;align-items:center;gap:var(--space-2);padding:10px 16px;border:1px solid var(--cyan-60);border-radius:999px;color:var(--cyan);background:var(--glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.06em;text-transform:lowercase;cursor:pointer;box-shadow:0 0 22px var(--cyan-12),0 6px 24px -10px #000000a6;transition:opacity .2s var(--ease-snap),transform .2s var(--ease-snap),box-shadow .2s var(--ease-snap);opacity:0;pointer-events:none}.audio-pin__icon{font-size:13px;filter:drop-shadow(0 0 6px var(--cyan-60))}.audio-pin:hover{transform:translateY(-1px);box-shadow:0 0 30px var(--cyan-60),0 10px 28px -10px #000000b3}body[data-chrome-idle]:not(.audio-live) .audio-pin{opacity:1;pointer-events:auto}.landing{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;-webkit-user-select:none;user-select:none}.landing :is(input,textarea){-webkit-user-select:text;user-select:text}.bg-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;display:block;z-index:0;transition:opacity .6s var(--ease-spring),filter var(--dur-base) var(--ease-spring)}#milkdrop{opacity:0;animation:field-in 1.4s var(--ease-spring) 60ms forwards}.bg-canvas--hidden{opacity:0!important;pointer-events:none}.bg-canvas--active{opacity:1!important}body[data-dim="1"] .bg-canvas{opacity:.55;filter:saturate(.5)}body[data-dim="2"] .bg-canvas{opacity:.28;filter:saturate(.3)}#field{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;display:block;z-index:1;pointer-events:none;opacity:0;mix-blend-mode:screen;animation:field-in 1.4s var(--ease-spring) .2s forwards}#slideshow{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;display:block;z-index:2;pointer-events:none;opacity:0;transition:opacity var(--dur-base) var(--ease-spring)}#slideshow.is-melting{mix-blend-mode:screen}.slideshow-card{position:fixed;z-index:3;border:1px solid transparent;border-radius:6px;transition:border-color var(--dur-quick) var(--ease-spring),box-shadow var(--dur-quick) var(--ease-spring);cursor:move;touch-action:none}.slideshow-card[data-hidden]{display:none}.slideshow-card:hover{border-color:#ffffff38;box-shadow:0 0 0 1px #ffffff0a}.slideshow-card:active{border-color:var(--cyan-60)}.slideshow-card[data-collapsed]{border-color:var(--cyan-60);box-shadow:0 0 14px var(--cyan-12),0 6px 20px -8px #00000080;cursor:pointer;transition:border-color var(--dur-base) var(--ease-spring),box-shadow var(--dur-base) var(--ease-spring)}.slideshow-card[data-collapsed]:hover{border-color:var(--cyan);box-shadow:0 0 22px var(--cyan-12),0 8px 26px -8px #0009}.slideshow-card__handle{position:absolute;width:12px;height:12px;background:var(--cyan);border:1px solid var(--bg);border-radius:2px;opacity:0;transition:opacity var(--dur-quick) var(--ease-spring);pointer-events:auto}.slideshow-card:hover:not([data-collapsed]) .slideshow-card__handle{opacity:.85}.slideshow-card[data-collapsed] .slideshow-card__handle{display:none}.slideshow-card__handle--tl{top:-6px;left:-6px;cursor:nwse-resize}.slideshow-card__handle--tr{top:-6px;right:-6px;cursor:nesw-resize}.slideshow-card__handle--bl{bottom:-6px;left:-6px;cursor:nesw-resize}.slideshow-card__handle--br{bottom:-6px;right:-6px;cursor:nwse-resize}.slideshow-card__collapse{position:absolute;top:8px;right:8px;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;background:#0000009e;border:1px solid rgba(255,255,255,.18);color:var(--fg);border-radius:4px;cursor:pointer;font-family:var(--font-mono);font-size:18px;line-height:1;padding:0 0 2px;opacity:0;transition:opacity var(--dur-quick) var(--ease-spring),background var(--dur-quick) var(--ease-spring)}.slideshow-card:hover:not([data-collapsed]) .slideshow-card__collapse{opacity:.9}.slideshow-card__collapse:hover{background:#000000d9}.slideshow-card[data-collapsed] .slideshow-card__collapse{display:none}.slideshow-progress{position:fixed;left:0;bottom:var(--status-bar-height);height:2px;width:0%;background:var(--cyan);box-shadow:0 0 8px var(--cyan-60),0 -1px 4px var(--cyan-12);z-index:9;pointer-events:none}@keyframes field-in{to{opacity:1}}.vignette{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2;background:radial-gradient(ellipse at center,transparent 45%,rgba(0,0,0,.62) 100%);mix-blend-mode:multiply}.scan{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3;opacity:.05;background-image:repeating-linear-gradient(135deg,rgba(255,255,255,.06) 0 1px,transparent 1px 6px);mix-blend-mode:overlay}[data-reveal]{opacity:0;transform:translateY(6px);animation:reveal var(--dur-page) var(--ease-spring) forwards}[data-reveal="1"]{animation-delay:.12s}[data-reveal="2"]{animation-delay:.24s}[data-reveal="3"]{animation-delay:.32s}[data-reveal="4"]{animation-delay:.48s}[data-reveal="5"]{animation-delay:.64s}@keyframes reveal{to{opacity:1;transform:translateY(0)}}@keyframes opacity-in{0%{opacity:0}to{opacity:1}}.statusbar{position:fixed;top:0;left:0;right:0;height:var(--status-bar-height);z-index:10;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-4);background:#0a0a0db8;backdrop-filter:var(--panel-blur);-webkit-backdrop-filter:var(--panel-blur);border-bottom:1px solid rgba(255,255,255,.06)}.statusbar--bottom{top:auto;bottom:0;border-bottom:0;border-top:1px solid rgba(255,255,255,.06)}.statusbar--bottom .statusbar__right{gap:var(--space-2)}.statusbar__sep--dot{color:var(--mid);font-family:var(--font-mono);font-size:var(--text-xs)}.statusbar__left,.statusbar__right{display:flex;align-items:center;gap:var(--space-3)}.logo{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--fg);text-decoration:none;font-family:var(--font-display);font-size:var(--text-md);letter-spacing:var(--tracking-display)}.logo__mark{width:16px;height:16px;color:var(--cyan);filter:drop-shadow(0 0 6px var(--cyan-60));animation:mark-breathe 3.4s ease-in-out infinite}@keyframes mark-breathe{0%,to{filter:drop-shadow(0 0 4px var(--cyan-60))}50%{filter:drop-shadow(0 0 9px var(--cyan-60))}}.logo__word{font-weight:500;line-height:1}.statusbar__sep{color:var(--mid);font-family:var(--font-mono);font-size:var(--text-xs)}.statusbar__tag{color:var(--fg-muted)}.chip{display:inline-flex;align-items:center;gap:var(--space-2);height:24px;padding:0 var(--space-3);background:#ffffff0a;border:1px solid var(--glass-border);border-radius:6px;color:var(--fg);font-family:var(--font-mono);font-size:var(--text-xs);transition:background var(--dur-quick) var(--ease-spring),border-color var(--dur-quick) var(--ease-spring)}.chip:hover{background:#ffffff12;border-color:#ffffff2e}.chip__caret{color:var(--fg-muted)}.chip--auth{padding:0 var(--space-4)}.chip__sep{color:var(--mid)}.chip--dim{width:28px;padding:0;justify-content:center}.chip--dim .chip__symbol{width:12px;height:12px;background:conic-gradient(var(--fg) 0% 50%,transparent 50% 100%);border:1px solid var(--fg-muted);border-radius:50%;display:block;transition:transform var(--dur-base) var(--ease-spring)}body[data-dim="1"] .chip--dim .chip__symbol{transform:rotate(180deg)}body[data-dim="2"] .chip--dim .chip__symbol{background:var(--fg-muted);transform:rotate(180deg)}.chip--state,.chip--sources{font-variant-numeric:tabular-nums;color:var(--fg);opacity:0;transform:scale(.94);pointer-events:none;transition:opacity var(--dur-base) var(--ease-spring),transform var(--dur-base) var(--ease-spring)}.chip--state[data-visible],.chip--sources[data-visible]{opacity:1;transform:scale(1);pointer-events:auto}.chip--state{color:var(--cyan)}.chip--sources .signal__glyph{color:var(--cyan);font-size:var(--text-sm);line-height:1}.chip__audio-dot{width:5px;height:5px;border-radius:50%;background:transparent;margin-left:2px;transition:background var(--dur-quick) var(--ease-spring),box-shadow var(--dur-quick) var(--ease-spring)}body.audio-live .chip__audio-dot{background:var(--cyan);box-shadow:0 0 6px var(--cyan-60);animation:dot-breathe .8s ease-in-out infinite}.dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.dot--cyan{background:var(--cyan);box-shadow:0 0 6px var(--cyan-60)}.dot--orange{background:var(--orange);box-shadow:0 0 6px var(--orange-60)}.dot--lime{background:var(--lime)}.dot--hot{background:var(--hot)}.dot--breathe{animation:dot-breathe 2.2s ease-in-out infinite}@keyframes dot-breathe{0%,to{opacity:.55;transform:scale(.85)}50%{opacity:1;transform:scale(1.05)}}.panel{position:fixed;z-index:5;display:flex;flex-direction:column}.panel__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--glass-border)}.panel__count{color:var(--fg)}.panel__body{padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.panel__controls{display:flex;align-items:center;gap:var(--space-2)}.panel__collapse{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border:0;background:transparent;color:var(--fg-muted);font-family:var(--font-mono);font-size:14px;line-height:1;border-radius:4px;transition:background var(--dur-quick) var(--ease-spring),color var(--dur-quick) var(--ease-spring)}.panel__collapse:hover{background:#ffffff14;color:var(--fg)}.panel[data-collapsed]{animation:none;opacity:0;transform:translateY(-8px) scale(.96);pointer-events:none;visibility:hidden;transition:opacity var(--dur-base) var(--ease-snap),transform var(--dur-base) var(--ease-snap),visibility 0s linear var(--dur-base)}.panel--sources[data-collapsed]{transform:translateY(8px) scale(.96)}.panel--sources{top:calc(var(--status-bar-height) + var(--space-4));left:var(--space-4);width:288px}.panel--state{top:calc(var(--status-bar-height) + var(--space-4));right:var(--space-4);width:252px}.signal{display:grid;grid-template-columns:14px 54px 1fr 84px;align-items:center;gap:var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--fg-muted);opacity:.5;transition:opacity var(--dur-base) var(--ease-spring)}.signal[data-active]{opacity:1;color:var(--fg)}.signal[data-active] .signal__rate{color:var(--cyan)}.signal[data-active][data-signal=watch] .signal__rate,.signal[data-active][data-signal=watch] .signal__glyph{color:var(--orange)}.signal[data-active][data-signal=gallery] .signal__rate,.signal[data-active][data-signal=gallery] .signal__glyph{color:var(--lime)}.signal--clickable{cursor:pointer}.signal--clickable:hover{opacity:1;color:var(--fg)}.signal--clickable:hover .signal__rate{color:var(--cyan)}.signal--clickable[data-active]:hover .signal__rate{color:var(--orange)}.signal--clickable[data-active][data-signal=gallery]:hover .signal__rate{color:var(--lime)}.source-list{display:flex;flex-direction:column;gap:var(--space-2)}.source-option{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-3);background:#ffffff08;border:1px solid var(--glass-border);color:var(--fg);border-radius:6px;cursor:pointer;text-align:left;transition:background var(--dur-quick) var(--ease-spring),border-color var(--dur-quick) var(--ease-spring),transform var(--dur-quick) var(--ease-spring)}.source-option:not(:disabled):hover{background:#ffffff12;border-color:#ffffff38}.source-option:disabled{opacity:.45;cursor:not-allowed}.source-option[data-selected]{border-color:var(--cyan-60);background:var(--cyan-12)}.source-option__glyph{width:26px;height:26px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:15px;color:var(--cyan);background:#0000004d;border-radius:4px}.source-option__body{display:flex;flex-direction:column;gap:2px;min-width:0}.source-option__name{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--fg)}.source-option__desc{font-family:var(--font-body);font-size:var(--text-xs);color:var(--fg-muted)}.signal__glyph{text-align:center;font-size:var(--text-sm);color:var(--fg-muted)}.signal[data-active] .signal__glyph{color:var(--cyan)}.signal__name{letter-spacing:var(--tracking-label)}.signal__vu{width:100%;height:16px;background:#ffffff08;border-radius:2px;display:block}.signal__vu--empty{background:repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0 2px,transparent 2px 5px)}.signal__rate{text-align:right;font-size:var(--text-xs);white-space:nowrap;overflow:hidden;font-variant-numeric:tabular-nums}.state-grid{display:grid;grid-template-columns:64px 1fr;row-gap:var(--space-2);column-gap:var(--space-3);padding:var(--space-3) var(--space-4)}.state-grid dt{align-self:center;letter-spacing:var(--tracking-label)}.state-grid dd{text-align:right;font-variant-numeric:tabular-nums;color:var(--fg)}.readout--num{color:var(--cyan)}.readout.is-loading{color:var(--fg-muted);animation:readout-loading 1.2s ease-in-out infinite}@keyframes readout-loading{0%,to{opacity:.45}50%{opacity:.95}}.state-skill{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2);min-width:0}.state-skill__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.skill-play{width:16px;height:16px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--glass-border);color:var(--fg-muted);border-radius:3px;cursor:pointer;font-size:8px;line-height:1;padding:0 0 0 1px;font-family:var(--font-mono);transition:background var(--dur-quick) var(--ease-spring),color var(--dur-quick) var(--ease-spring),border-color var(--dur-quick) var(--ease-spring),box-shadow var(--dur-quick) var(--ease-spring)}.skill-play:hover{background:#ffffff12;color:var(--fg);border-color:#ffffff38}.skill-play[data-playing]{color:var(--cyan);border-color:var(--cyan-60);background:var(--cyan-12);box-shadow:0 0 6px -1px var(--cyan-12);padding:0;animation:skill-play-pulse 1.8s ease-in-out infinite}@keyframes skill-play-pulse{0%,to{opacity:.78}50%{opacity:1}}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:1;transition:opacity var(--dur-base) var(--ease-spring)}.modal[data-hidden]{opacity:0;pointer-events:none}.modal__panel{width:min(440px,calc(100vw - var(--space-7) * 2));background:#0a0c10eb;backdrop-filter:blur(28px) saturate(.5);-webkit-backdrop-filter:blur(28px) saturate(.5)}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--glass-border)}.modal__body{padding:var(--space-4) var(--space-4) var(--space-3);display:flex;flex-direction:column;gap:var(--space-3)}.modal__note{font-family:var(--font-body);font-size:var(--text-sm);color:var(--fg-muted);line-height:1.5}.modal__note a{color:var(--cyan);text-decoration:none;border-bottom:1px dotted var(--cyan-60)}.modal__note a:hover{border-bottom-style:solid}.modal__note strong{color:var(--fg);font-weight:500}.modal__input{width:100%;background:#00000073;border:1px solid var(--glass-border);border-radius:6px;padding:10px 12px;color:var(--fg);font-family:var(--font-mono);font-size:var(--text-sm);outline:none;transition:border-color var(--dur-quick) var(--ease-spring)}.modal__input:focus{border-color:var(--cyan-60)}.modal__status{font-size:var(--text-xs);color:var(--fg-muted);min-height:1em}.modal__status[data-state=error]{color:var(--hot)}.modal__status[data-state=live]{color:var(--orange)}.modal__simulate{width:100%;height:34px;justify-content:center;border-style:dashed;color:var(--orange);border-color:#ff784752}.modal__simulate .btn__icon{color:var(--orange);font-size:11px}.modal__simulate:hover{background:var(--orange-12);border-color:var(--orange-60);border-style:solid}.modal__footer{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--glass-border)}.modal__spacer{flex:1}body.watch-live .signal[data-signal=watch] .signal__glyph{animation:heart-pulse calc(60s / var(--bpm, 72)) ease-in-out infinite}@keyframes heart-pulse{0%,to{transform:scale(1)}20%{transform:scale(1.45)}40%{transform:scale(1)}}.state-spectrum{display:flex;flex-direction:column;gap:var(--space-2);padding:0 var(--space-4);max-height:0;opacity:0;overflow:hidden;transition:max-height var(--dur-base) var(--ease-spring),opacity var(--dur-base) var(--ease-spring),padding-bottom var(--dur-base) var(--ease-spring)}body.audio-live .state-spectrum{max-height:140px;opacity:1;padding-bottom:var(--space-4)}.state-spectrum__header{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-3);border-top:1px solid var(--glass-border)}.state-spectrum__energy{color:var(--cyan)}.state-spectrum__canvas{width:100%;height:48px;display:block;background:#00000040;border-radius:2px}.state-spectrum__legend{display:flex;justify-content:space-between;font-size:var(--text-xs);color:var(--fg-muted)}.state-spectrum__legend .label{letter-spacing:var(--tracking-label)}.state-graph{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3) var(--space-4) var(--space-4);border-top:1px solid var(--glass-border);transition:opacity var(--dur-base) var(--ease-snap)}.state-graph[data-empty]{display:none}.state-graph__header{display:flex;justify-content:space-between;align-items:center}.state-graph__id{color:var(--fg-muted);font-size:var(--text-xs);letter-spacing:.02em}.state-graph__chain{display:flex;align-items:center;gap:0;flex-wrap:nowrap;width:100%}.state-graph__node{display:inline-flex;align-items:center;gap:4px;padding:3px 7px 3px 6px;border-radius:999px;border:1px solid var(--glass-border);background:#00000052;color:var(--fg-muted);font-family:var(--font-mono);font-size:10px;white-space:nowrap;flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}.state-graph__node[data-role=lf]{border-color:var(--cyan);color:var(--cyan);background:#3dffe50f}.state-graph__node[data-role=sink]{color:var(--fg)}.state-graph__glyph{font-size:11px;line-height:1;opacity:.85}.state-graph__label{letter-spacing:.02em;text-transform:lowercase;min-width:0;overflow:hidden;text-overflow:ellipsis}.state-graph__dot{width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.45;flex-shrink:0}.state-graph__node[data-active] .state-graph__dot{opacity:1;box-shadow:0 0 6px currentColor;animation:state-graph-pulse 1.6s ease-in-out infinite}@keyframes state-graph-pulse{0%,to{opacity:1}50%{opacity:.35}}.state-graph__edge{position:relative;flex:1 1 14px;min-width:10px;height:1px;background:var(--glass-border);margin:0 2px}.state-graph__edge:before{content:"";position:absolute;top:-2px;left:0;width:4px;height:4px;border-radius:50%;background:var(--cyan);box-shadow:0 0 5px var(--cyan);opacity:0}.state-graph[data-live] .state-graph__edge:before{animation:state-graph-flow 1.4s linear infinite}@keyframes state-graph-flow{0%{left:0;opacity:0}20%{opacity:1}80%{opacity:1}to{left:100%;opacity:0}}.prompt{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:6;width:min(640px,calc(100vw - 620px));min-width:420px;display:flex;flex-direction:column;opacity:0;animation:opacity-in var(--dur-page) var(--ease-spring) .48s forwards;transition:border-color var(--dur-base) var(--ease-spring),box-shadow var(--dur-base) var(--ease-spring),transform var(--dur-base) var(--ease-spring),opacity var(--chrome-fade-duration) var(--ease-snap)}.prompt{background:#080a0ecc;backdrop-filter:blur(28px) saturate(.45);-webkit-backdrop-filter:blur(28px) saturate(.45)}.prompt:focus-within{border-color:var(--cyan-60);background:#080a0ee0;box-shadow:0 24px 60px -20px #0009,inset 0 1px #ffffff0f,0 0 0 1px var(--cyan-12),0 0 32px -4px var(--cyan-12)}.prompt__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--glass-border)}.prompt__corner{display:flex;align-items:center;gap:var(--space-2)}.prompt__corner .label{color:var(--fg-muted)}.prompt__restore{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;background:transparent;border:1px solid var(--glass-border);color:var(--fg-muted);border-radius:4px;cursor:pointer;font-family:var(--font-mono);font-size:12px;line-height:1;padding:0;transition:background var(--dur-quick) var(--ease-spring),color var(--dur-quick) var(--ease-spring),border-color var(--dur-quick) var(--ease-spring)}.prompt__restore:hover{background:#ffffff12;color:var(--fg);border-color:#ffffff38}.prompt:not([data-collapsed]) .prompt__restore{display:none}.prompt[data-collapsed]{top:auto;bottom:calc(var(--status-bar-height) + var(--space-3));left:var(--space-4);right:var(--space-4);transform:none;width:auto;min-width:0;max-width:none;flex-direction:row;align-items:center;padding:0 var(--space-3);height:48px;transition:bottom var(--dur-base) var(--ease-spring)}.prompt[data-collapsed] .prompt__header,.prompt[data-collapsed] .prompt__meta{display:none}.prompt[data-collapsed] .prompt__body{flex:1;padding:0 var(--space-2);min-width:0}.prompt[data-collapsed] .prompt__input{font-size:var(--text-base);line-height:1.4;min-height:0;height:32px;white-space:nowrap;overflow-x:hidden;overflow-y:hidden;resize:none;letter-spacing:0;font-family:var(--font-display)}.prompt[data-collapsed] .prompt__footer{border-top:0;padding:0;flex-shrink:0;gap:var(--space-2)}.prompt[data-collapsed] .prompt__actions{gap:var(--space-2)}.prompt__body{padding:var(--space-4) var(--space-5) var(--space-3)}.prompt__input{width:100%;background:transparent;border:0;outline:0;resize:none;color:var(--fg);font-family:var(--font-display);font-size:var(--text-lg);line-height:1.35;letter-spacing:var(--tracking-display);padding:0;min-height:2.7em}.prompt__input::placeholder{color:var(--fg-muted);font-weight:400}.prompt[data-generating]:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;border-top-left-radius:inherit;border-top-right-radius:inherit;background:linear-gradient(90deg,transparent 0%,transparent 30%,var(--cyan) 50%,transparent 70%,transparent 100%);background-size:200% 100%;animation:thinking-bar 1.2s linear infinite;box-shadow:0 0 12px var(--cyan-60);pointer-events:none}@keyframes thinking-bar{0%{background-position:100% 0}to{background-position:-100% 0}}.prompt[data-generating] .btn--primary .btn__icon{display:inline-block;animation:thinking-spin .9s linear infinite}@keyframes thinking-spin{to{transform:rotate(360deg)}}.prompt[data-generating] .btn--primary{color:var(--cyan);border-color:var(--cyan-60);background:var(--cyan-12);cursor:progress}.prompt[data-generating] .btn--primary[disabled]{opacity:1}.version-tag{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.06em;color:var(--fg-muted);text-transform:lowercase;-webkit-user-select:text;user-select:text;cursor:help;transition:color .16s var(--ease-snap)}.version-tag:hover{color:var(--cyan)}.version-tag:before{content:"build ";opacity:.55}.test-signal-btn{display:flex;align-items:center;gap:var(--space-2);margin:var(--space-1) var(--space-3) var(--space-2) var(--space-3);padding:6px 12px;border:1px solid var(--glass-border);border-radius:999px;background:#ffffff08;color:var(--fg-muted);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.04em;text-transform:lowercase;cursor:pointer;transition:color .14s,border-color .14s,background .14s,box-shadow .14s}.test-signal-btn[data-hidden]{display:none}.test-signal-btn:hover,.test-signal-btn:focus-visible{color:var(--cyan);border-color:var(--cyan-60);background:var(--cyan-12);box-shadow:0 0 14px var(--cyan-12);outline:none}.test-signal-btn[data-recording]{color:var(--cyan);border-color:var(--cyan);background:var(--cyan-12);cursor:progress;animation:test-signal-pulse 1.2s ease-in-out infinite}.test-signal-btn[data-saved]{color:var(--cyan);border-color:var(--cyan-60)}@keyframes test-signal-pulse{0%,to{box-shadow:0 0 8px var(--cyan-12)}50%{box-shadow:0 0 18px var(--cyan-60)}}.thinking{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:110;display:inline-flex;align-items:center;gap:12px;padding:16px 24px;border:1px solid var(--cyan-60);border-radius:999px;background:#080a0ed1;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);color:var(--cyan);font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:.06em;text-transform:lowercase;box-shadow:0 0 32px var(--cyan-12),0 12px 32px -10px #000000b3;pointer-events:none;transition:opacity .22s var(--ease-snap),transform .22s var(--ease-snap)}.thinking[data-hidden]{opacity:0;transform:translate(-50%,-50%) scale(.94)}.thinking__icon{display:inline-block;width:14px;text-align:center;animation:thinking-spin .9s linear infinite}.thinking__sep{color:var(--fg-muted)}.thinking__prompt{color:var(--fg);max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prompt__result{margin-top:var(--space-3);padding:var(--space-2) var(--space-3);border-left:2px solid var(--cyan);border-radius:2px;background:var(--cyan-12);color:var(--fg);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.04em;line-height:1.5;box-shadow:0 0 12px var(--cyan-12);animation:result-pop .36s var(--ease-snap)}.prompt__result[data-hidden]{display:none}.prompt__result:before{content:"▸ ";color:var(--cyan)}@keyframes result-pop{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.prompt[data-collapsed] .prompt__result{display:none}.readout.has-update{animation:skill-flash 1.1s var(--ease-snap)}@keyframes skill-flash{0%{color:var(--cyan);text-shadow:0 0 8px var(--cyan-60)}60%{color:var(--cyan);text-shadow:0 0 4px var(--cyan-60)}to{color:var(--fg);text-shadow:none}}.prompt__chips{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3);min-height:22px}.prompt[data-collapsed] .prompt__chips{display:none}.prompt-chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--glass-border);background:#ffffff05;color:var(--fg-muted);font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;text-transform:lowercase;padding:4px 10px;border-radius:999px;cursor:pointer;transition:color .14s,border-color .14s,background .14s,box-shadow .14s}.prompt-chip:hover,.prompt-chip:focus-visible{color:var(--cyan);border-color:var(--cyan-60);background:var(--cyan-12);box-shadow:0 0 14px var(--cyan-12);outline:none}.prompt-chip:active{transform:translateY(1px)}.prompt__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-top:1px solid var(--glass-border)}.prompt__meta,.prompt__actions{display:flex;align-items:center;gap:var(--space-2)}.btn{display:inline-flex;align-items:center;gap:var(--space-2);height:28px;padding:0 var(--space-3);background:transparent;border:1px solid transparent;border-radius:6px;color:var(--fg);font-family:var(--font-mono);font-size:var(--text-xs);text-decoration:none;text-transform:uppercase;letter-spacing:var(--tracking-label);transition:background var(--dur-quick) var(--ease-spring),border-color var(--dur-quick) var(--ease-spring),color var(--dur-quick) var(--ease-spring),box-shadow var(--dur-base) var(--ease-spring),transform var(--dur-quick) var(--ease-spring)}.btn__icon{color:var(--fg-muted);font-size:.8em}.btn--ghost{border-color:#ffffff14;background:#ffffff05}.btn--ghost:hover{background:#ffffff0f;border-color:#ffffff2e}.btn--ghost:hover .btn__icon{color:var(--fg)}.btn--primary{background:var(--cyan-12);border-color:var(--cyan-60);color:var(--cyan);box-shadow:0 0 0 0 var(--cyan-12)}.btn--primary .btn__icon{color:var(--cyan)}.btn--primary:hover{background:#3dffe52e;box-shadow:0 0 24px -2px var(--cyan-12)}.btn--primary:disabled{opacity:.45;cursor:not-allowed}.btn.flash{animation:btn-flash .36s var(--ease-spring)}@keyframes btn-flash{0%{background:#3dffe573}to{background:var(--cyan-12)}}.nav__btn{height:24px;padding:0 var(--space-3);border-color:transparent;background:transparent;position:relative}.nav__btn:hover{background:#ffffff0f;border-color:transparent}.nav__sep{width:1px;height:14px;background:var(--mid);flex-shrink:0}.signal[data-armed] .signal__rate{color:var(--cyan);animation:signal-arm-pulse 1.2s ease-in-out infinite}@keyframes signal-arm-pulse{0%,to{opacity:.45}50%{opacity:1}}.bracket{position:fixed;width:14px;height:14px;z-index:4;pointer-events:none;opacity:.28}.bracket--tl{top:calc(var(--status-bar-height) + 6px);left:6px;border-top:1px solid var(--fg-muted);border-left:1px solid var(--fg-muted)}.bracket--tr{top:calc(var(--status-bar-height) + 6px);right:6px;border-top:1px solid var(--fg-muted);border-right:1px solid var(--fg-muted)}.bracket--bl{bottom:calc(var(--status-bar-height) + 6px);left:6px;border-bottom:1px solid var(--fg-muted);border-left:1px solid var(--fg-muted)}.bracket--br{bottom:calc(var(--status-bar-height) + 6px);right:6px;border-bottom:1px solid var(--fg-muted);border-right:1px solid var(--fg-muted)}body.audio-live .logo__mark{color:var(--cyan)}body.audio-live #play-with-sound .dot--breathe{background:var(--cyan);animation-duration:.6s}.gpu-warning{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#080a0ef5;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);animation:opacity-in .24s var(--ease-spring) forwards}.gpu-warning[data-hidden]{display:none}.gpu-warning__panel{max-width:480px;padding:36px 32px 28px;background:#14161ce6;border:1px solid var(--cyan-12);border-radius:10px;box-shadow:0 24px 60px -20px #0009;text-align:left}.gpu-warning__title{margin:0 0 16px;font-family:var(--font-display);font-size:var(--text-2xl);letter-spacing:var(--tracking-display);color:var(--orange);font-weight:600}.gpu-warning__body{margin:0 0 14px;font-family:var(--font-display);font-size:var(--text-base);line-height:1.55;color:var(--fg)}.gpu-warning__detail{margin:0 0 24px;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--fg-muted);line-height:1.5;word-break:break-word}.gpu-warning__detail:empty{display:none}.gpu-warning__actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.gpu-warning__continue{font-family:var(--font-mono);font-size:var(--text-sm);padding:10px 18px;background:var(--cyan-12);color:var(--cyan);border:1px solid var(--cyan-60);border-radius:4px;cursor:pointer;transition:background var(--dur-quick) var(--ease-spring),border-color var(--dur-quick) var(--ease-spring)}.gpu-warning__continue:hover{background:var(--cyan-60);border-color:var(--cyan)}.gpu-warning__learn{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--fg-muted);text-decoration:none;border-bottom:1px solid transparent;transition:color var(--dur-quick) var(--ease-spring),border-color var(--dur-quick) var(--ease-spring)}.gpu-warning__learn:hover{color:var(--cyan);border-bottom-color:var(--cyan-60)}.image-credit{position:fixed;z-index:4;font-family:var(--font-mono);font-size:var(--text-xs);line-height:1;padding:6px 10px;background:#080a0ec7;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:4px;border:1px solid rgba(255,255,255,.08);color:var(--fg-muted);opacity:0;transform:translateY(2px);pointer-events:none;transition:opacity var(--dur-base) var(--ease-spring),transform var(--dur-base) var(--ease-spring),left var(--dur-base) var(--ease-spring),top var(--dur-base) var(--ease-spring)}.image-credit:not([data-hidden]){opacity:.88;pointer-events:auto;transform:translateY(0)}.image-credit__prefix,.image-credit__sep{color:var(--fg-muted);opacity:.7;margin:0 4px}.image-credit__prefix{margin-left:0}.image-credit__artist,.image-credit__source{color:var(--fg);text-decoration:none;border-bottom:1px solid transparent;transition:border-color var(--dur-quick) var(--ease-spring),color var(--dur-quick) var(--ease-spring)}.image-credit__artist:hover,.image-credit__source:hover{color:var(--cyan);border-bottom-color:var(--cyan-60)}@font-face{font-family:Switzer;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/Switzer-Medium.woff2) format("woff2")}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/PlusJakartaSans-Variable.woff2) format("woff2-variations")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/JetBrainsMono-Variable.woff2) format("woff2-variations")}