:root{--walnut: #100904;--walnut-deep: #0a0503;--bark: #241610;--bark-lift: #382416;--cork: #40372e;--cork-soft: #2a231d;--driftwood: #6c5f51;--cream: #ffedd7;--cream-dim: #b9a894;--cream-faint: #7d7064;--ember: #dc5000;--ember-soft: rgba(220, 80, 0, .16);--ember-line: rgba(220, 80, 0, .42);--canvas: #141414;--canvas-edge: #1c1c1c;--danger: #e0533d;--positive: #7fa86a;--font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", "Segoe UI", system-ui, sans-serif;--mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;--text-micro: 9.5px;--text-label: 10.5px;--text-ui: 12px;--text-body: 13px;--text-title: 15px;--text-display: 22px;--rail: 320px;--chat: 372px;--filmstrip: 104px;--radius: 3px;--radius-card: 8px;--radius-pill: 999px;--ease: cubic-bezier(.22, .61, .36, 1);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--walnut);color:var(--cream);font-family:var(--font);font-size:var(--text-ui);line-height:1.4;-webkit-font-smoothing:antialiased;overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}button{background:none;border:none;cursor:pointer;padding:0}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--cork-soft);border-radius:var(--radius-pill);border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--cork);background-clip:padding-box}:focus-visible{outline:1px solid var(--ember);outline-offset:1px}.label{font-size:var(--text-label);font-weight:500;text-transform:uppercase;letter-spacing:.09em;color:var(--cream-faint)}.label-strong{composes:label;color:var(--cream-dim)}.value{font-family:var(--mono);font-size:var(--text-ui);font-variant-numeric:tabular-nums;color:var(--cream)}.muted{color:var(--cream-faint)}.dashed-rule{border:0;border-top:1px dashed var(--cork);margin:0}.app{display:grid;grid-template-rows:44px 1fr var(--filmstrip);grid-template-columns:var(--rail) 1fr var(--chat);grid-template-areas:"topbar topbar topbar" "rail   stage  chat" "strip  strip  strip";height:100%;background:var(--walnut)}.app.no-chat{grid-template-columns:var(--rail) 1fr 0}.app.empty{grid-template-columns:1fr;grid-template-rows:44px 1fr;grid-template-areas:"topbar" "stage"}.topbar{grid-area:topbar;display:flex;align-items:center;gap:18px;padding:0 14px;border-bottom:1px solid var(--cork-soft);background:var(--walnut-deep)}.wordmark{font-size:var(--text-title);font-weight:500;text-transform:uppercase;letter-spacing:.16em;color:var(--cream);user-select:none}.wordmark span{color:var(--ember)}.topbar-spacer{flex:1}.rail{grid-area:rail;overflow-y:auto;overflow-x:hidden;border-right:1px solid var(--cork-soft);background:var(--walnut);scrollbar-gutter:stable}.stage{grid-area:stage;position:relative;background:var(--canvas);overflow:hidden;display:flex;flex-direction:column}.chat-column{grid-area:chat;border-left:1px solid var(--cork-soft);background:var(--walnut-deep);display:flex;flex-direction:column;min-height:0;overflow:hidden}.filmstrip{grid-area:strip;border-top:1px solid var(--cork-soft);background:var(--walnut-deep);display:flex;align-items:center;gap:8px;padding:8px 12px;overflow-x:auto;overflow-y:hidden}.btn{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 11px;border-radius:var(--radius-pill);border:1px solid var(--cork);color:var(--cream-dim);font-size:var(--text-label);font-weight:500;text-transform:uppercase;letter-spacing:.07em;white-space:nowrap;transition:color .12s var(--ease),border-color .12s var(--ease),background .12s var(--ease)}.btn:hover:not(:disabled){color:var(--cream);border-color:var(--driftwood)}.btn:disabled{opacity:.38;cursor:not-allowed}.btn.active{color:var(--cream);border-color:var(--ember-line);background:var(--ember-soft)}.btn.primary{background:var(--bark-lift);border-color:var(--bark-lift);color:var(--cream)}.btn.primary:hover:not(:disabled){background:#46301f;border-color:#46301f}.btn.ember{background:var(--ember);border-color:var(--ember);color:#1a0800}.btn.ember:hover:not(:disabled){background:#ef5c07;border-color:#ef5c07}.btn.quiet{border-color:transparent}.btn.quiet:hover:not(:disabled){border-color:var(--cork)}.btn.icon{width:26px;padding:0;justify-content:center}.btn.tiny{height:20px;padding:0 8px;font-size:var(--text-micro)}.link-btn{font-size:var(--text-label);font-weight:500;text-transform:uppercase;letter-spacing:.07em;color:var(--cream-faint);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--cork)}.link-btn:hover{color:var(--ember);text-decoration-color:var(--ember-line)}.segmented{display:inline-flex;border:1px solid var(--cork);border-radius:var(--radius-pill);overflow:hidden}.segmented button{height:24px;padding:0 12px;font-size:var(--text-micro);font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--cream-faint);transition:color .12s var(--ease),background .12s var(--ease)}.segmented button+button{border-left:1px solid var(--cork)}.segmented button.on{background:var(--ember-soft);color:var(--cream)}.panel{border-bottom:1px solid var(--cork-soft)}.panel-head{display:flex;align-items:center;gap:8px;width:100%;padding:11px 14px;text-align:left}.panel-head:hover .panel-title{color:var(--cream)}.panel-title{flex:1;font-size:var(--text-label);font-weight:500;text-transform:uppercase;letter-spacing:.11em;color:var(--cream-dim);transition:color .12s var(--ease)}.panel-chevron{width:8px;height:8px;border-right:1px solid var(--driftwood);border-bottom:1px solid var(--driftwood);transform:rotate(45deg) translate(-2px,-2px);transition:transform .16s var(--ease)}.panel.open .panel-chevron{transform:rotate(-135deg) translate(-2px,-2px)}.panel-dot{width:4px;height:4px;border-radius:50%;background:var(--ember)}.panel-body{padding:2px 14px 16px;display:flex;flex-direction:column;gap:3px}.panel-reset{font-size:var(--text-micro);text-transform:uppercase;letter-spacing:.08em;color:var(--cream-faint);opacity:0;transition:opacity .12s var(--ease),color .12s var(--ease)}.panel-head:hover .panel-reset,.panel-reset:focus-visible{opacity:1}.panel-reset:hover{color:var(--ember)}.group-label{font-size:var(--text-micro);font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--cream-faint);margin:12px 0 4px}.slider{display:block;padding:4px 0}.slider-top{display:flex;align-items:baseline;gap:8px;margin-bottom:3px}.slider-name{flex:1;font-size:var(--text-ui);color:var(--cream-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slider.changed .slider-name{color:var(--cream)}.slider-value{font-family:var(--mono);font-size:11px;font-variant-numeric:tabular-nums;color:var(--cream-dim);min-width:46px;text-align:right;background:none;border:none;border-bottom:1px solid transparent;padding:0}.slider-value:hover,.slider-value:focus{border-bottom-color:var(--cork);color:var(--cream);outline:none}.slider.changed .slider-value{color:var(--ember)}.slider-track{position:relative;height:16px;display:flex;align-items:center;cursor:ew-resize;touch-action:none}.slider-rail{position:absolute;left:0;right:0;height:1px;background:var(--cork)}.slider-fill{position:absolute;height:3px;background:var(--cream-dim);border-radius:var(--radius-pill)}.slider.changed .slider-fill{background:var(--ember)}.slider-neutral{position:absolute;width:1px;height:7px;background:var(--driftwood)}.slider-thumb{position:absolute;width:11px;height:11px;border-radius:50%;background:var(--cream);border:2px solid var(--walnut);transform:translate(-50%);pointer-events:none;transition:transform 90ms var(--ease)}.slider-track:hover .slider-thumb,.slider-track:active .slider-thumb{transform:translate(-50%) scale(1.18)}.slider.changed .slider-thumb{background:var(--ember)}.slider-gradient{position:absolute;left:0;right:0;height:5px;border-radius:var(--radius-pill);opacity:.75}.slider-help{font-size:11px;line-height:1.45;color:var(--cream-faint);padding:2px 0 6px}.scope{position:relative;width:100%;background:var(--walnut-deep);border:1px solid var(--cork-soft);border-radius:var(--radius);overflow:hidden}.scope canvas{display:block;width:100%;height:100%}.scope-readout{display:flex;justify-content:space-between;gap:8px;padding:6px 2px 0;font-family:var(--mono);font-size:var(--text-micro);color:var(--cream-faint);font-variant-numeric:tabular-nums}.scope-readout b{color:var(--cream-dim);font-weight:500}.clip-warn{color:var(--danger)}.curve{position:relative;aspect-ratio:1;width:100%;background:var(--walnut-deep);border:1px solid var(--cork-soft);border-radius:var(--radius);cursor:crosshair;touch-action:none}.curve canvas{display:block;width:100%;height:100%}.curve-channels{display:flex;gap:4px;margin:8px 0 6px}.curve-channel{flex:1;height:22px;border:1px solid var(--cork);border-radius:var(--radius);font-size:var(--text-micro);font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--cream-faint)}.curve-channel.on{color:var(--cream);border-color:currentColor}.curve-channel.rgb.on{border-color:var(--cream)}.curve-channel.red.on{border-color:#e2564a;color:#f08076}.curve-channel.green.on{border-color:#62b06a;color:#8ad091}.curve-channel.blue.on{border-color:#5a86e0;color:#86a8f0}.curve-hint{font-size:11px;color:var(--cream-faint);padding-top:6px;line-height:1.45}.wheels{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:4px}.wheel{display:flex;flex-direction:column;align-items:center;gap:5px}.wheel-disc{position:relative;width:100%;aspect-ratio:1;border-radius:50%;border:1px solid var(--cork);cursor:crosshair;touch-action:none}.wheel-puck{position:absolute;width:9px;height:9px;border-radius:50%;border:1.5px solid var(--cream);transform:translate(-50%,-50%);pointer-events:none}.wheel-name{font-size:var(--text-micro);text-transform:uppercase;letter-spacing:.08em;color:var(--cream-faint)}.viewport{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.viewport canvas{display:block;width:100%;height:100%}.viewport.grabbing{cursor:grabbing}.viewport.grab{cursor:grab}.stage-bar{display:flex;align-items:center;gap:10px;height:34px;padding:0 12px;border-top:1px solid var(--cork-soft);background:var(--walnut-deep);font-size:var(--text-micro);color:var(--cream-faint)}.stage-status{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;pointer-events:none;text-align:center;padding:24px}.spinner{width:18px;height:18px;border:1.5px solid var(--cork);border-top-color:var(--ember);border-radius:50%;animation:spin .72s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.badge{display:inline-flex;align-items:center;gap:5px;height:19px;padding:0 8px;border-radius:var(--radius-pill);border:1px solid var(--cork);font-size:var(--text-micro);text-transform:uppercase;letter-spacing:.07em;color:var(--cream-faint)}.badge.warn{border-color:#e0533d73;color:#eb8877}.badge.ember{border-color:var(--ember-line);color:var(--ember)}.thumb{position:relative;flex:0 0 auto;width:112px;height:84px;border:1px solid transparent;border-radius:var(--radius);background:var(--bark);overflow:hidden;cursor:pointer;transition:border-color .12s var(--ease)}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.thumb.in-selection{border-color:var(--driftwood)}.thumb.current{border-color:var(--ember)}.thumb-name{position:absolute;left:0;right:0;bottom:0;padding:8px 5px 3px;font-size:var(--text-micro);color:var(--cream-dim);background:linear-gradient(to top,rgba(10,5,3,.92),transparent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thumb-mark{position:absolute;top:4px;right:4px;width:5px;height:5px;border-radius:50%;background:var(--ember)}.thumb-state{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:var(--text-micro);color:var(--cream-faint);text-align:center;padding:6px}.chat-head{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid var(--cork-soft)}.chat-log{flex:1;min-height:0;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:14px}.msg{font-size:var(--text-body);line-height:1.5}.msg-role{font-size:var(--text-micro);font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--cream-faint);margin-bottom:5px}.msg.user .msg-body{background:var(--bark);border:1px solid var(--cork-soft);border-radius:var(--radius-card);padding:9px 11px;color:var(--cream)}.msg.assistant .msg-body{color:var(--cream-dim)}.msg-error{border:1px solid rgba(224,83,61,.45);border-radius:var(--radius-card);padding:9px 11px;color:#eb8877;font-size:var(--text-ui)}.chat-compose{border-top:1px solid var(--cork-soft);padding:10px 12px 12px;display:flex;flex-direction:column;gap:8px}.chat-input{width:100%;min-height:54px;max-height:160px;resize:none;background:var(--bark);border:1px solid var(--cork-soft);border-radius:var(--radius-card);padding:9px 11px;font-size:var(--text-body);color:var(--cream)}.chat-input::placeholder{color:var(--cream-faint)}.chat-input:focus{outline:none;border-color:var(--driftwood)}.chat-actions{display:flex;align-items:center;gap:8px}.suggestions{display:flex;flex-wrap:wrap;gap:5px}.suggestion{padding:4px 9px;border:1px solid var(--cork);border-radius:var(--radius-pill);font-size:11px;color:var(--cream-dim);text-align:left}.suggestion:hover{border-color:var(--ember-line);color:var(--cream)}.ref-strip{display:flex;gap:6px;flex-wrap:wrap}.ref-thumb{position:relative;width:46px;height:46px;border-radius:var(--radius);border:1px solid var(--cork);overflow:hidden}.ref-thumb img{width:100%;height:100%;object-fit:cover}.ref-thumb button{position:absolute;top:1px;right:1px;width:14px;height:14px;border-radius:50%;background:#0a0503d9;color:var(--cream);font-size:10px;line-height:1;display:flex;align-items:center;justify-content:center}.plan{border:1px solid var(--ember-line);border-radius:var(--radius-card);background:#dc50000b;overflow:hidden}.plan-head{padding:10px 12px 8px}.plan-summary{font-size:var(--text-body);line-height:1.5;color:var(--cream)}.plan-traits{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.trait{padding:2px 7px;border:1px dashed var(--ember-line);border-radius:var(--radius-pill);font-size:var(--text-micro);color:var(--ember)}.plan-group{padding:7px 12px 2px;font-size:var(--text-micro);font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--cream-faint)}.change{display:flex;gap:9px;padding:7px 12px;border-top:1px solid var(--cork-soft);cursor:pointer;align-items:flex-start}.change:hover{background:#ffedd708}.change-check{width:13px;height:13px;margin-top:2px;border:1px solid var(--driftwood);border-radius:2px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;font-size:9px;color:var(--walnut)}.change.on .change-check{background:var(--ember);border-color:var(--ember)}.change-main{flex:1;min-width:0}.change-title{display:flex;align-items:baseline;gap:7px;font-size:var(--text-ui);color:var(--cream)}.change-delta{font-family:var(--mono);font-size:11px;color:var(--cream-faint);font-variant-numeric:tabular-nums}.change-delta b{color:var(--ember);font-weight:500}.change-reason{font-size:11.5px;line-height:1.45;color:var(--cream-faint);margin-top:2px}.plan-warnings{padding:8px 12px;border-top:1px dashed var(--cork);display:flex;flex-direction:column;gap:5px}.warning{font-size:11.5px;line-height:1.45;color:var(--cream-faint);display:flex;gap:6px}.warning.caution{color:#eb8877}.warning:before{content:"·";color:var(--driftwood);flex:0 0 auto}.plan-foot{display:flex;align-items:center;gap:8px;padding:9px 12px;border-top:1px solid var(--cork-soft)}.scrim{position:fixed;inset:0;background:#060301b8;display:flex;align-items:center;justify-content:center;z-index:40;padding:24px}.dialog{width:min(480px,100%);max-height:100%;overflow-y:auto;background:var(--walnut);border:1px solid var(--cork);border-radius:var(--radius-card)}.dialog-head{padding:16px 18px 12px;border-bottom:1px dashed var(--cork)}.dialog-title{font-size:var(--text-title);font-weight:500;text-transform:uppercase;letter-spacing:.09em}.dialog-body{padding:14px 18px;display:flex;flex-direction:column;gap:12px}.dialog-foot{display:flex;justify-content:flex-end;gap:8px;padding:12px 18px 16px}.field{display:flex;flex-direction:column;gap:5px}.field select,.field input[type=text],.field input[type=number]{height:28px;background:transparent;border:none;border-bottom:1px solid var(--cork);color:var(--cream);padding:0 2px}.field select:focus,.field input:focus{outline:none;border-bottom-color:var(--ember)}.field select option{background:var(--walnut)}.dropzone{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;padding:40px}.dropzone.over{background:var(--ember-soft);outline:1px dashed var(--ember-line);outline-offset:-12px}.dropzone h1{font-size:var(--text-display);font-weight:500;text-transform:uppercase;letter-spacing:.11em;margin:0}.dropzone p{max-width:460px;font-size:var(--text-body);line-height:1.6;color:var(--cream-dim);margin:0}.toast{position:fixed;left:50%;bottom:calc(var(--filmstrip) + 16px);transform:translate(-50%);padding:8px 14px;border-radius:var(--radius-pill);background:var(--bark-lift);border:1px solid var(--cork);font-size:var(--text-ui);color:var(--cream);z-index:50}.toast.error{border-color:#e0533d80;color:#f0a294}.kbd{display:inline-block;min-width:16px;padding:1px 4px;border:1px solid var(--cork);border-radius:2px;font-family:var(--mono);font-size:10px;color:var(--cream-dim);text-align:center}.mask-row{display:flex;align-items:center;gap:7px;padding:6px 8px;border:1px solid var(--cork-soft);border-radius:var(--radius);cursor:pointer}.mask-row.on{border-color:var(--ember-line);background:var(--ember-soft)}.mask-row-name{flex:1;font-size:var(--text-ui);color:var(--cream-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mask-row.on .mask-row-name{color:var(--cream)}.mask-origin{font-size:var(--text-micro);text-transform:uppercase;letter-spacing:.07em;color:var(--ember)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.tip{position:relative}.tip-bubble{position:fixed;z-index:60;max-width:260px;padding:7px 10px;border-radius:6px;background:#1c1109;border:1px solid var(--cork);color:var(--cream);font-size:11.5px;line-height:1.45;pointer-events:none;opacity:0;transform:translateY(2px);transition:opacity 90ms var(--ease),transform 90ms var(--ease)}.tip-bubble.in{opacity:1;transform:translateY(0)}.tip-bubble b{display:block;font-weight:500;color:var(--cream);margin-bottom:2px}.tip-bubble span{color:var(--cream-dim)}.resizer{position:absolute;top:0;bottom:0;width:9px;cursor:col-resize;z-index:20;touch-action:none}.resizer:after{content:"";position:absolute;top:0;bottom:0;left:4px;width:1px;background:transparent;transition:background .12s var(--ease)}.resizer:hover:after,.resizer.dragging:after{background:var(--ember)}.rail-wrap,.chat-wrap{position:relative;min-height:0;display:flex}.edits{display:flex;flex-direction:column;gap:1px}.edit-row{display:flex;align-items:baseline;gap:8px;padding:5px 6px;border-radius:var(--radius);cursor:pointer;border:1px solid transparent}.edit-row:hover{background:#ffedd70a;border-color:var(--cork-soft)}.edit-name{flex:1;min-width:0;font-size:var(--text-ui);color:var(--cream-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.edit-row:hover .edit-name{color:var(--cream)}.edit-value{flex:0 0 auto;max-width:45%;font-family:var(--mono);font-size:11px;font-variant-numeric:tabular-nums;color:var(--ember);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.edit-undo{width:16px;height:16px;flex:0 0 auto;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;line-height:1;color:var(--cream-faint);opacity:0;transition:opacity .1s var(--ease),color .1s var(--ease),background .1s var(--ease)}.edit-row:hover .edit-undo,.edit-undo:focus-visible{opacity:1}.edit-undo:hover{color:var(--cream);background:var(--bark-lift)}.edits-empty{font-size:var(--text-ui);color:var(--cream-faint);padding:4px 6px 8px}.history{display:flex;flex-direction:column;gap:0;max-height:220px;overflow-y:auto;margin:0 -4px}.history-step{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:var(--radius);cursor:pointer;text-align:left;width:100%;color:var(--cream-faint);font-size:11.5px}.history-step:hover{background:#ffedd70a;color:var(--cream-dim)}.history-step.current{color:var(--cream)}.history-step.future{opacity:.42}.history-dot{width:5px;height:5px;flex:0 0 auto;border-radius:50%;border:1px solid var(--driftwood)}.history-step.current .history-dot{background:var(--ember);border-color:var(--ember)}.history-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compare-handle{position:absolute;top:0;bottom:0;width:40px;margin-left:-20px;cursor:ew-resize;z-index:12;touch-action:none;display:flex;align-items:center;justify-content:center}.compare-line{position:absolute;top:0;bottom:0;width:1px;background:#ffedd7d9}.compare-grip{position:relative;width:34px;height:34px;border-radius:50%;background:#100904a8;border:1px solid rgba(255,237,215,.8);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;gap:3px;color:var(--cream);transition:transform .12s var(--ease),background .12s var(--ease)}.compare-handle:hover .compare-grip,.compare-handle.dragging .compare-grip{transform:scale(1.08);background:#100904d1}.compare-grip:before,.compare-grip:after{content:"";width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent}.compare-grip:before{border-right:5px solid currentColor}.compare-grip:after{border-left:5px solid currentColor}.compare-tag{position:absolute;top:12px;padding:3px 8px;border-radius:var(--radius-pill);background:#100904a8;backdrop-filter:blur(6px);font-size:var(--text-micro);text-transform:uppercase;letter-spacing:.09em;color:var(--cream);pointer-events:none;z-index:11}.compare-tag.before{left:12px}.compare-tag.after{right:12px}.notice-stack{position:absolute;top:10px;left:12px;right:12px;display:flex;flex-wrap:wrap;gap:6px;pointer-events:none;z-index:10}.notice{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:4px 10px;border-radius:var(--radius-pill);background:#100904b3;backdrop-filter:blur(8px);border:1px solid var(--cork);font-size:var(--text-micro);letter-spacing:.04em;color:var(--cream-dim);pointer-events:auto}.notice.warn{border-color:#e0533d73;color:#eb8877}.opening{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:var(--walnut-deep)}.opening.done{animation:opening-clear .62s cubic-bezier(.65,0,.35,1) forwards}.opening-mark{position:relative;display:flex;flex-direction:column;align-items:center;gap:14px}.opening-word{display:flex;font-size:30px;font-weight:500;text-transform:uppercase;letter-spacing:.34em;text-indent:.34em;color:var(--cream)}.opening-word span{opacity:0;animation:opening-letter .62s cubic-bezier(.22,.61,.36,1) forwards}.opening-sweep{width:190px;height:1px;background:var(--cork);position:relative;overflow:hidden}.opening-sweep:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,var(--ember),transparent);transform:translate(-100%);animation:opening-sweep 1.18s cubic-bezier(.4,0,.2,1) .42s forwards}@keyframes opening-letter{0%{opacity:0;transform:translateY(6px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes opening-sweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes opening-clear{0%{opacity:1}to{opacity:0;visibility:hidden}}.app-enter{animation:app-enter .52s cubic-bezier(.22,.61,.36,1) both}@keyframes app-enter{0%{opacity:0;transform:scale(1.008)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.opening-word span,.opening-sweep:after,.opening.done,.app-enter{animation-duration:1ms!important;animation-delay:0ms!important}}