.mui-dialogue{position:absolute;inset:auto 0 0;display:flex;justify-content:center;padding-bottom:max(clamp(16px,6vh,56px),env(safe-area-inset-bottom));padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));pointer-events:none;z-index:var(--z-dialogue, 9000)}.mui-dialogue__box{pointer-events:auto;display:flex;gap:16px;align-items:stretch;width:min(820px,100%);padding:18px 20px;background:color-mix(in oklab,var(--surface),transparent 4%);border:1px solid var(--border-2);border-radius:var(--r-card);box-shadow:var(--elev-2);backdrop-filter:blur(10px);color:var(--text);cursor:pointer;user-select:none;animation:mui-dialogue-in .24s var(--ease) both}@keyframes mui-dialogue-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.mui-dialogue__portrait{flex:0 0 84px;width:84px;height:84px;border-radius:var(--r-ctl);overflow:hidden;background:var(--surface-3);border:1px solid var(--border);align-self:center}.mui-dialogue__portrait img{width:100%;height:100%;object-fit:cover;display:block}.mui-dialogue__body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;justify-content:center}.mui-dialogue__text{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-size:clamp(16px,2.4vw,20px);line-height:1.55;color:var(--text)}.mui-dialogue__text.is-typing:after{content:"";display:inline-block;width:.6ch;height:1.1em;margin-left:2px;vertical-align:-.18em;background:var(--accent);border-radius:1px;animation:mui-dialogue-caret 1s steps(1) infinite}@keyframes mui-dialogue-caret{50%{opacity:0}}.mui-dialogue__hint{margin-top:10px;font-size:13px;color:var(--text-faint);text-align:right}.mui-dialogue__choices{display:flex;flex-direction:column;gap:8px;margin-top:14px}.mui-dialogue__choice{appearance:none;text-align:left;font:inherit;font-size:15px;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-ctl);padding:11px 14px;cursor:pointer;transition:background .14s var(--ease),border-color .14s var(--ease)}.mui-dialogue__choice:hover{background:var(--surface-3)}.mui-dialogue__choice.is-selected{background:var(--accent-soft);border-color:color-mix(in oklab,var(--accent),transparent 40%);box-shadow:var(--ring)}@media(max-width:520px){.mui-dialogue__portrait{display:none}.mui-dialogue__box{padding:14px 16px}}@media(prefers-reduced-motion:reduce){.mui-dialogue__box{animation:none}.mui-dialogue__text.is-typing:after{animation:none}}.mui-modal{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal, 9999)}.mui-modal__scrim{position:absolute;inset:0;background:var(--scrim);backdrop-filter:blur(2px)}.mui-modal__surface{position:relative;display:flex;flex-direction:column;max-width:100%;max-height:100%;background:var(--surface);border:1px solid var(--border-2);border-radius:var(--r-card);box-shadow:var(--elev-2);overflow:hidden;animation:mui-modal-in .22s var(--ease) both}@keyframes mui-modal-in{0%{opacity:0;transform:scale(.97) translateY(8px)}to{opacity:1;transform:none}}.mui-modal__close{position:absolute;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));z-index:2;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--r-pill);border:1px solid var(--border);background:color-mix(in oklab,var(--surface-3),transparent 10%);color:var(--text-muted);cursor:pointer;transition:background .14s var(--ease),color .14s var(--ease)}.mui-modal__close:hover{background:var(--surface-3);color:var(--text)}.mui-modal__close:focus-visible{outline:none;box-shadow:var(--ring)}.mui-modal__content{flex:1 1 auto;min-height:0;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}@media(pointer:coarse){.mui-modal__close{width:44px;height:44px}}@media(prefers-reduced-motion:reduce){.mui-modal__surface{animation:none}}.mui-action{display:inline-flex;flex-direction:column;align-items:center;gap:8px;margin:0;padding:0;border:none;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent;opacity:.5;filter:saturate(.4) brightness(.82);transition:opacity .16s var(--ease),filter .16s var(--ease)}.mui-action.is-available{opacity:1;filter:none}.mui-action:not(.is-available){pointer-events:none}.mui-action__disc{position:relative;display:grid;place-items:center;width:84px;height:84px;transition:transform .1s var(--ease)}.mui-action:active.is-available .mui-action__disc{transform:scale(.93)}.mui-action:focus-visible{outline:none}.mui-action:focus-visible .mui-action__ring{box-shadow:var(--ring)}.mui-action__ring{position:absolute;inset:0;border-radius:50%;border:1.5px solid color-mix(in oklab,var(--accent),transparent 72%);background:radial-gradient(circle at 50% 50%,color-mix(in oklab,var(--accent),transparent 92%) 0%,transparent 70%)}.mui-action.is-available .mui-action__ring{border-color:color-mix(in oklab,var(--accent),transparent 36%);background:radial-gradient(circle at 50% 50%,color-mix(in oklab,var(--accent),transparent 82%) 0%,transparent 70%);animation:mui-action-pulse 2.4s ease-in-out infinite}.mui-action__core{position:absolute;left:50%;top:50%;width:60px;height:60px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 35% 28%,#b6bdc8,#667084 58%,#303846);border:1.5px solid rgba(255,255,255,.22);box-shadow:0 5px 14px #0000006b,inset 0 1px #ffffff40,inset 0 -3px 6px #00000073}.mui-action.is-available .mui-action__core{background:radial-gradient(circle at 35% 28%,var(--accent-hover) 0%,var(--accent) 55%,color-mix(in oklab,var(--accent),black 38%) 100%);border-color:color-mix(in oklab,var(--accent-hover),white 30%);box-shadow:0 6px 18px color-mix(in oklab,var(--accent),transparent 52%),inset 0 1px #fff6,inset 0 -3px 6px #0006}.mui-action__glyph{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;color:var(--accent-ink, #fff);font-family:ui-sans-serif,system-ui,sans-serif;font-size:24px;font-weight:800;line-height:1}.mui-action__glyph svg{display:block;width:28px;height:28px}.mui-action__label{max-width:140px;padding:3px 11px;font-family:ui-sans-serif,system-ui,sans-serif;font-size:11px;font-weight:700;letter-spacing:.02em;color:var(--text);background:color-mix(in oklab,var(--surface),transparent 10%);border:1px solid var(--border);border-radius:var(--r-pill);backdrop-filter:blur(6px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes mui-action-pulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.1);opacity:.5}}@media(prefers-reduced-motion:reduce){.mui-action.is-available .mui-action__ring{animation:none}}.sk-fullscreen-button{position:absolute;top:max(14px,env(safe-area-inset-top));left:max(14px,env(safe-area-inset-left));z-index:50;width:42px;height:42px;padding:0;color:var(--text-muted);background:color-mix(in oklab,var(--surface-2),transparent 6%);border:1px solid var(--border-2);border-radius:var(--r-ctl);box-shadow:var(--elev-1);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .14s var(--ease),color .14s var(--ease),background .14s var(--ease);user-select:none;touch-action:manipulation}.sk-fullscreen-button:hover{color:var(--text);background:var(--surface-3)}.sk-fullscreen-button:active{transform:scale(.94)}.sk-fullscreen-button:focus-visible{outline:none;box-shadow:var(--ring)}.sk-fullscreen-button svg{display:block}.chem{position:absolute;inset:0;container-type:size;display:flex;flex-direction:column;gap:clamp(10px,2.4cqmin,22px);padding:clamp(14px,3.4cqmin,34px);box-sizing:border-box;background:var(--surface);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;user-select:none}.chem__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.chem__heading{display:flex;flex-direction:column;gap:clamp(2px,.6cqmin,6px);min-width:0}.chem__title{margin:0;font-size:clamp(15px,3cqmin,24px);font-weight:750;letter-spacing:-.01em;line-height:1.1;color:var(--text)}.chem__sub{margin:0;font-size:clamp(12px,1.9cqmin,15px);line-height:1.45;color:var(--text-muted);text-wrap:pretty}.chem__badge{flex:none;align-self:flex-start;padding:clamp(4px,1cqmin,7px) clamp(8px,1.8cqmin,13px);border-radius:var(--r-pill);background:var(--surface-2);border:1px solid var(--border);font-size:clamp(12px,2cqmin,15px);font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.chem__badge[data-tone=success]{color:var(--success)}.chem__badge[data-tone=danger]{color:var(--danger)}.chem__badge[data-tone=accent]{color:var(--accent-hover)}.chem-bars{display:flex;flex-direction:column;gap:clamp(8px,1.6cqmin,14px)}.chem-bar__top{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:clamp(3px,.8cqmin,6px)}.chem-bar__label{font-size:clamp(12px,1.7cqmin,13px);font-weight:600;letter-spacing:.02em;color:var(--text-muted)}.chem-bar__value{font-size:clamp(12px,1.9cqmin,14px);font-weight:700;font-variant-numeric:tabular-nums;color:var(--text)}.chem-bar__track{height:clamp(8px,1.6cqmin,14px);border-radius:var(--r-pill);background:color-mix(in oklab,var(--bg),transparent 20%);overflow:hidden}.chem-bar__fill{height:100%;width:100%;transform-origin:left center;border-radius:inherit;background:var(--accent);transition:transform .12s linear,background-color .3s var(--ease)}.chem-bar__fill[data-tone=time]{background:var(--success)}.chem-bar__fill[data-tone=time-low]{background:var(--warn)}.chem-bar__fill[data-tone=time-crit]{background:var(--danger)}.chem-bar__fill[data-tone=progress]{background:var(--accent)}.chem-bar__fill[data-tone=success]{background:var(--success)}.chem__main{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;position:relative}.chem-toast{position:absolute;top:0;left:50%;transform:translate(-50%);z-index:5;padding:clamp(6px,1.4cqmin,10px) clamp(12px,2.6cqmin,18px);border-radius:var(--r-pill);font-size:clamp(12px,1.9cqmin,14px);font-weight:650;box-shadow:var(--elev-1);animation:chem-pop .18s var(--ease) both}.chem-toast[data-tone=danger]{background:var(--danger);color:#fff}.chem-toast[data-tone=success]{background:var(--success);color:#06281d}.chem-grid{flex:1 1 auto;min-height:0;display:grid;gap:clamp(6px,1.6cqmin,14px)}.chem-cell{display:grid;place-items:center;min-width:0;min-height:0;border:1px solid var(--border-2);border-radius:var(--r-ctl);background:var(--surface-2);cursor:pointer;transition:transform .12s var(--ease),background .15s var(--ease),border-color .15s var(--ease),box-shadow .15s var(--ease)}.chem-cell:hover:not(:disabled){background:var(--surface-3);transform:translateY(-2px)}.chem-cell:focus-visible{outline:none;box-shadow:var(--ring)}.chem-cell__icon{font-size:clamp(22px,9cqmin,60px);line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.35))}.chem-cell[data-state=correct]{background:color-mix(in oklab,var(--success),transparent 78%);border-color:color-mix(in oklab,var(--success),transparent 35%);cursor:default}.chem-cell[data-state=wrong]{background:color-mix(in oklab,var(--danger),transparent 72%);border-color:color-mix(in oklab,var(--danger),transparent 30%);animation:chem-shake .4s var(--ease)}.chem-cell[data-state=wrong]:after{content:"✕";position:absolute;top:clamp(3px,1cqmin,8px);right:clamp(3px,1cqmin,8px);display:grid;place-items:center;width:clamp(16px,3.4cqmin,24px);height:clamp(16px,3.4cqmin,24px);border-radius:50%;background:var(--danger);color:#2a0808;font-size:clamp(12px,2cqmin,15px);font-weight:800}.chem-cell__check{position:absolute;top:clamp(3px,1cqmin,8px);right:clamp(3px,1cqmin,8px);display:grid;place-items:center;width:clamp(16px,3.4cqmin,24px);height:clamp(16px,3.4cqmin,24px);border-radius:50%;background:var(--success);color:#06281d;font-size:clamp(12px,2cqmin,15px);font-weight:800}.chem-cell{position:relative}.chem-btn{appearance:none;font:inherit;font-size:clamp(12px,2.1cqmin,15px);font-weight:700;letter-spacing:.01em;padding:clamp(9px,1.9cqmin,14px) clamp(16px,3.4cqmin,28px);border-radius:var(--r-ctl);border:1px solid transparent;cursor:pointer;transition:transform .1s var(--ease),background .15s var(--ease),border-color .15s var(--ease),opacity .15s var(--ease)}.chem-btn:active:not(:disabled){transform:scale(.97)}.chem-btn:focus-visible{outline:none;box-shadow:var(--ring)}.chem-btn:disabled{opacity:.45;cursor:not-allowed}.chem-btn[data-variant=primary]{background:var(--accent);color:var(--accent-ink)}.chem-btn[data-variant=primary]:hover:not(:disabled){background:var(--accent-hover)}.chem-btn[data-variant=success]{background:var(--success);color:#06281d}.chem-btn[data-variant=success]:hover:not(:disabled){background:var(--success-hover)}.chem-btn[data-variant=ghost]{background:var(--surface-2);color:var(--text);border-color:var(--border-2)}.chem-btn[data-variant=ghost]:hover:not(:disabled){background:var(--surface-3)}.chem-center{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:clamp(12px,2.8cqmin,24px);overflow:auto}.chem-card{width:min(100%,560px);display:flex;flex-direction:column;align-items:center;gap:clamp(8px,1.8cqmin,16px);padding:clamp(16px,3.4cqmin,32px);border-radius:var(--r-card);background:var(--surface-2);border:1px solid var(--border)}.chem-card__icon{font-size:clamp(34px,8cqmin,64px);line-height:1}.chem-card__title{margin:0;font-size:clamp(16px,3.2cqmin,26px);font-weight:750;letter-spacing:-.01em}.chem-card__title[data-tone=success]{color:var(--success)}.chem-card__title[data-tone=danger]{color:var(--danger)}.chem-card__body{margin:0;font-size:clamp(12px,2.1cqmin,15px);line-height:1.55;color:var(--text-muted);text-wrap:pretty}.chem-rules{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:clamp(5px,1.2cqmin,9px);font-size:clamp(12px,2cqmin,14px);color:var(--text-muted);text-align:left}.chem-rules li{display:flex;align-items:center;gap:8px}@keyframes chem-pop{0%{opacity:0;transform:translate(-50%) translateY(-6px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes chem-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@media(prefers-reduced-motion:reduce){.chem-toast,.chem-cell[data-state=wrong]{animation:none}.chem-cell,.chem-btn,.chem-bar__fill{transition:none}}.cust-customer{flex:0 0 auto;display:flex;align-items:flex-start;gap:clamp(8px,2cqmin,16px);padding:clamp(10px,2.4cqmin,18px);border-radius:var(--r-card);background:var(--surface-2);border:1px solid var(--border)}.cust-portrait{flex:none;font-size:clamp(28px,7cqmin,52px);line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.35))}.cust-bubble{min-width:0;display:flex;flex-direction:column;gap:clamp(3px,.8cqmin,6px)}.cust-speaker{font-size:clamp(10px,1.7cqmin,13px);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.cust-line{margin:0;font-size:clamp(12px,2.2cqmin,16px);line-height:1.5;color:var(--text);text-wrap:pretty}.cust-response{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:clamp(8px,1.8cqmin,14px);margin-top:clamp(10px,2.4cqmin,18px)}.cust-prompt{flex:none;font-size:clamp(10px,1.7cqmin,13px);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--accent-hover);text-align:center}.cust-options{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:clamp(6px,1.4cqmin,10px);padding-right:2px}.cust-option{appearance:none;font:inherit;width:100%;text-align:left;padding:clamp(10px,2cqmin,16px);font-size:clamp(11px,2cqmin,15px);font-weight:600;line-height:1.4;color:var(--text);background:var(--surface-2);border:1px solid var(--border-2);border-radius:var(--r-ctl);cursor:pointer;transition:transform .1s var(--ease),background .15s var(--ease),border-color .15s var(--ease),opacity .15s var(--ease)}.cust-option:hover:not(:disabled){background:var(--surface-3);border-color:var(--accent);transform:translateY(-1px)}.cust-option:focus-visible{outline:none;box-shadow:var(--ring)}.cust-option:disabled{cursor:default}.cust-option:disabled:not([data-state]){opacity:.45}.cust-option[data-state=correct]{background:color-mix(in oklab,var(--success),transparent 80%);border-color:color-mix(in oklab,var(--success),transparent 35%)}.cust-option[data-state=wrong]{background:color-mix(in oklab,var(--danger),transparent 76%);border-color:color-mix(in oklab,var(--danger),transparent 30%)}.cust-response .chem-btn{flex:none;align-self:center}.cust-shake{animation:cust-shake .5s var(--ease)}@keyframes cust-shake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}@media(prefers-reduced-motion:reduce){.cust-shake{animation:none}.cust-option{transition:none}}.sig{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:clamp(8px,1.8cqmin,16px)}.sig__scope{flex:1 1 auto;min-height:clamp(110px,24cqmin,240px);display:flex;flex-direction:column;gap:clamp(5px,1.2cqmin,10px);padding:clamp(7px,1.6cqmin,14px);border-radius:var(--r-card);background:var(--surface-2);border:1px solid var(--border)}.sig__legend{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:clamp(12px,1.6cqmin,13px);font-weight:700;letter-spacing:.06em}.sig__legend-item{display:inline-flex;align-items:center;gap:clamp(4px,1cqmin,7px);color:var(--text-muted)}.sig__legend-swatch{width:clamp(14px,3cqmin,22px);height:0;border-top:2px solid currentColor}.sig__legend-item[data-trace=target]{color:var(--warn)}.sig__legend-item[data-trace=target] .sig__legend-swatch{border-top-style:dashed}.sig__legend-item[data-trace=current]{color:var(--accent-hover)}.sig__legend-item[data-trace=current][data-matched=true]{color:var(--success)}.sig__screen{position:relative;flex:1 1 auto;min-height:clamp(80px,18cqmin,190px);border-radius:var(--r-ctl);overflow:hidden;background:var(--bg);border:1px solid var(--border-2)}.sig__canvas{position:absolute;inset:0;display:block;width:100%;height:100%}.sig__targets{display:flex;align-items:center;gap:clamp(6px,1.6cqmin,12px);flex-wrap:wrap}.sig__targets-label{font-size:clamp(12px,1.6cqmin,13px);font-weight:700;letter-spacing:.08em;color:var(--text-muted)}.sig__chip{display:inline-flex;align-items:center;gap:clamp(4px,1cqmin,7px);padding:clamp(3px,.9cqmin,6px) clamp(7px,1.6cqmin,11px);border-radius:var(--r-pill);background:var(--surface-2);border:1px solid var(--border);font-size:clamp(12px,1.8cqmin,13px);font-weight:700;font-variant-numeric:tabular-nums;color:var(--text)}.sig__chip-dot{width:clamp(7px,1.4cqmin,10px);height:clamp(7px,1.4cqmin,10px);border-radius:50%;background:var(--sig-c, var(--accent))}.sig__controls{display:flex;flex-direction:column;gap:clamp(7px,1.6cqmin,14px);padding:clamp(9px,2cqmin,16px);border-radius:var(--r-card);background:var(--surface-2);border:1px solid var(--border)}.sig-slider{display:flex;flex-direction:column;gap:clamp(4px,1cqmin,8px)}.sig-slider__top{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.sig-slider__label{display:inline-flex;align-items:center;gap:clamp(5px,1.2cqmin,8px);font-size:clamp(12px,1.8cqmin,13px);font-weight:700;letter-spacing:.04em;color:var(--text-muted)}.sig-slider__dot{width:clamp(8px,1.6cqmin,11px);height:clamp(8px,1.6cqmin,11px);border-radius:50%;background:var(--sig-c, var(--accent))}.sig-slider__value{font-size:clamp(12px,1.9cqmin,14px);font-weight:750;font-variant-numeric:tabular-nums;color:var(--text)}.sig-range{-webkit-appearance:none;appearance:none;width:100%;height:clamp(8px,1.6cqmin,12px);border-radius:var(--r-pill);background:var(--surface-3);border:1px solid var(--border-2);outline:none;cursor:pointer;margin:0}.sig-range:disabled{opacity:.55;cursor:not-allowed}.sig-range:focus-visible{box-shadow:var(--ring)}.sig-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:clamp(16px,3.4cqmin,22px);height:clamp(16px,3.4cqmin,22px);border-radius:50%;background:var(--sig-c, var(--accent));border:2px solid var(--surface);box-shadow:0 1px 4px #0006;transition:transform .1s var(--ease)}.sig-range::-webkit-slider-thumb:hover{transform:scale(1.12)}.sig-range::-moz-range-thumb{width:clamp(16px,3.4cqmin,22px);height:clamp(16px,3.4cqmin,22px);border-radius:50%;background:var(--sig-c, var(--accent));border:2px solid var(--surface);box-shadow:0 1px 4px #0006}.sig__done{display:flex;justify-content:center}@media(prefers-reduced-motion:reduce){.sig-range::-webkit-slider-thumb{transition:none}}.circ{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:clamp(8px,1.8cqmin,16px)}.circ__board{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:clamp(8px,1.8cqmin,16px);padding:clamp(10px,2.4cqmin,18px);border-radius:var(--r-card);border:1px solid var(--border);background:var(--surface-2)}.circ__slots{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(6px,1.6cqmin,14px)}.circ__slot{position:relative;min-width:0;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(4px,1cqmin,8px);padding:clamp(4px,1.2cqmin,10px);border-radius:var(--r-ctl);border:2px dashed var(--border-2);background:var(--bg);text-align:center;cursor:default;transition:transform .15s var(--ease),background .15s var(--ease),border-color .15s var(--ease),box-shadow .15s var(--ease)}.circ__slot[data-state=hover]{border-style:solid;border-color:var(--accent);background:color-mix(in oklab,var(--accent),transparent 86%);box-shadow:var(--ring)}.circ__slot[data-state=filled]{border-style:solid;border-color:color-mix(in oklab,var(--success),transparent 35%);background:color-mix(in oklab,var(--success),transparent 84%);cursor:pointer}.circ__slot[data-state=filled]:hover{transform:translateY(-2px);border-color:var(--success)}.circ__slot-emoji{font-size:clamp(22px,8cqmin,48px);line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}.circ__slot-name{font-size:clamp(12px,1.6cqmin,13px);font-weight:700;color:var(--success);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.circ__slot-label{font-size:clamp(12px,1.8cqmin,13px);font-weight:700;letter-spacing:.03em;color:var(--text-muted)}.circ__slot-type{font-size:clamp(12px,1.4cqmin,13px);color:var(--text-muted)}.circ__flow{flex:none;display:flex;align-items:center;justify-content:center;gap:clamp(4px,1.2cqmin,10px);padding:clamp(8px,1.8cqmin,14px) clamp(10px,2.2cqmin,16px);border-radius:var(--r-ctl);border:1px solid var(--border-2);background:var(--bg)}.circ__node{display:flex;flex-direction:column;align-items:center;gap:clamp(2px,.6cqmin,4px);flex:none}.circ__dot{width:clamp(9px,2cqmin,14px);height:clamp(9px,2cqmin,14px);border-radius:50%;background:var(--surface-3);border:2px solid var(--border-2);transition:background .3s var(--ease),border-color .3s var(--ease),box-shadow .3s var(--ease)}.circ__dot[data-active=true]{background:var(--success);border-color:var(--success);box-shadow:0 0 8px color-mix(in oklab,var(--success),transparent 40%)}.circ__dot[data-pulse=true]{animation:circ-pulse .6s var(--ease) infinite}.circ__node-label{font-size:clamp(12px,1.3cqmin,13px);font-weight:700;letter-spacing:.02em;color:var(--text-muted)}.circ__node-label[data-active=true]{color:var(--success)}.circ__line{flex:1 1 auto;height:2px;border-radius:2px;background:var(--border-2);transition:background .3s var(--ease),box-shadow .3s var(--ease)}.circ__line[data-on=true]{background:var(--success);box-shadow:0 0 8px color-mix(in oklab,var(--success),transparent 50%)}.circ__palette{flex:0 1 auto;min-height:0;display:flex;flex-direction:column;gap:clamp(6px,1.4cqmin,10px);padding:clamp(10px,2.4cqmin,16px);border-radius:var(--r-card);border:1px solid var(--border);background:var(--surface-2)}.circ__palette-title{flex:none;margin:0;font-size:clamp(12px,1.7cqmin,13px);font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--accent-hover)}.circ__palette-grid{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(6px,1.6cqmin,12px);overflow-y:auto}.circ__chip{min-width:0;display:flex;flex-direction:column;align-items:center;gap:clamp(3px,.8cqmin,6px);padding:clamp(8px,1.8cqmin,14px) clamp(5px,1.2cqmin,10px);border-radius:var(--r-ctl);border:1px solid var(--border-2);background:var(--surface-3);color:var(--text);text-align:center;cursor:grab;touch-action:none;transition:transform .15s var(--ease),background .15s var(--ease),border-color .15s var(--ease)}.circ__chip:hover{background:var(--surface);border-color:var(--accent);transform:translateY(-2px)}.circ__chip:active{cursor:grabbing}.circ__chip[data-dragging=true]{opacity:.45}.circ__chip-emoji{font-size:clamp(22px,6cqmin,34px);line-height:1}.circ__chip-name{font-size:clamp(12px,1.6cqmin,13px);font-weight:700;line-height:1.25}.circ__chip-desc{font-size:clamp(12px,1.3cqmin,13px);line-height:1.3;color:var(--text-muted)}.circ__footer{flex:none;display:flex;justify-content:center}.circ__ghost{position:fixed;transform:translate(-50%,-50%);pointer-events:none;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-width:68px;min-height:68px;padding:10px 8px;border-radius:var(--r-ctl);background:var(--surface-3);border:1px solid var(--accent);color:var(--text);box-shadow:var(--elev-1);opacity:.92}.circ__ghost-emoji{font-size:30px;line-height:1}.circ__ghost-name{font-size:10px;font-weight:700;text-align:center}@keyframes circ-pulse{0%,to{opacity:1}50%{opacity:.45}}@media(prefers-reduced-motion:reduce){.circ__slot,.circ__chip,.circ__dot,.circ__line{transition:none}.circ__dot[data-pulse=true]{animation:none}}.pip{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:clamp(8px,2cqmin,18px)}.pip__stage{flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center}.pip__apparatus{position:relative;height:100%;max-height:100%;max-width:100%;aspect-ratio:4 / 7}.pip__apparatus[data-shake=true]{animation:pip-shake .5s var(--ease)}.pip__pipette{position:absolute;top:0;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;z-index:10}.pip__bulb{width:clamp(18px,6cqmin,32px);height:clamp(18px,6cqmin,32px);border-radius:50%;background:var(--surface-3);border:1px solid var(--border-2);margin-bottom:-2px}.pip__tube{width:clamp(8px,2.6cqmin,14px);height:clamp(34px,13cqmin,64px);position:relative;overflow:hidden;background:color-mix(in oklab,var(--surface-3),transparent 35%);border:1px solid var(--border-2);border-radius:3px}.pip__tube-liquid{position:absolute;bottom:0;left:0;right:0;height:42%;transition:background-color .1s var(--ease)}.pip__tip{width:0;height:0;border-left:clamp(4px,1.3cqmin,7px) solid transparent;border-right:clamp(4px,1.3cqmin,7px) solid transparent;border-top:clamp(8px,2.6cqmin,14px) solid var(--border-2);margin-top:-1px}.pip__drop{position:absolute;top:calc(clamp(18px,6cqmin,32px) + clamp(34px,13cqmin,64px) + clamp(8px,2.6cqmin,14px));font-size:clamp(9px,2.6cqmin,15px);line-height:1;pointer-events:none;animation:pip-fall .6s infinite linear}.pip__label{margin-top:clamp(3px,1cqmin,6px);font-size:clamp(7px,1.5cqmin,11px);font-weight:700;letter-spacing:.08em;color:var(--text-faint);white-space:nowrap}.pip__beaker{position:absolute;bottom:clamp(5px,1.6cqmin,10px);left:50%;transform:translate(-50%);width:90%;height:62%}.pip__cup{width:100%;height:100%;position:relative;overflow:hidden;background:var(--bg);border:1px solid var(--border-2);border-radius:0 0 clamp(8px,3cqmin,20px) clamp(8px,3cqmin,20px)}.pip__tick{position:absolute;left:clamp(6px,2cqmin,12px);right:clamp(6px,2cqmin,12px);height:1px;background:var(--border);display:flex;align-items:center;z-index:2;pointer-events:none}.pip__tick span{font-size:clamp(6px,1.4cqmin,10px);color:var(--text-faint);background:var(--bg);padding:0 2px;margin-left:-6px;transform:translateY(-50%)}.pip__liquid{position:absolute;inset:0;transform-origin:bottom center;transition:transform .05s linear,background-color .1s var(--ease)}.pip__liquid--base{z-index:1}.pip__liquid--reagent{z-index:2}.pip__zone{position:absolute;left:0;right:0;z-index:3;background:color-mix(in oklab,var(--success),transparent 82%);border-top:1px dashed color-mix(in oklab,var(--success),transparent 30%);border-bottom:1px dashed color-mix(in oklab,var(--success),transparent 30%);pointer-events:none}.pip__cup-label{position:absolute;top:clamp(5px,1.6cqmin,10px);left:50%;transform:translate(-50%);z-index:4;font-size:clamp(7px,1.6cqmin,11px);font-weight:600;color:var(--text-muted);background:color-mix(in oklab,var(--bg),transparent 25%);border:1px solid var(--border);border-radius:var(--r-pill);padding:clamp(1px,.5cqmin,3px) clamp(4px,1.4cqmin,8px);white-space:nowrap}.pip__controls{display:flex;flex-direction:column;gap:clamp(4px,1.2cqmin,9px)}.pip-hold{appearance:none;font:inherit;font-weight:750;font-size:clamp(13px,2.6cqmin,18px);letter-spacing:.01em;padding:clamp(12px,3cqmin,22px);border-radius:var(--r-ctl);border:1px solid transparent;cursor:pointer;user-select:none;touch-action:none;background:var(--accent);color:var(--accent-ink);box-shadow:0 clamp(3px,.8cqmin,5px) 0 color-mix(in oklab,var(--accent),#000 35%);transition:transform .08s var(--ease),background .12s var(--ease),box-shadow .08s var(--ease)}.pip-hold:hover{background:var(--accent-hover)}.pip-hold:focus-visible{outline:none;box-shadow:var(--ring)}.pip-hold[data-holding=true]{background:var(--danger);color:#fff;transform:translateY(clamp(3px,.8cqmin,5px));box-shadow:inset 0 3px 8px #00000059}.pip-hint{margin:0;text-align:center;font-size:clamp(10px,1.7cqmin,13px);line-height:1.4;color:var(--text-faint);text-wrap:pretty}@keyframes pip-fall{0%{transform:translateY(0);opacity:1}to{transform:translateY(clamp(20px,7cqmin,40px));opacity:0}}@keyframes pip-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}@media(prefers-reduced-motion:reduce){.pip__drop,.pip__apparatus[data-shake=true]{animation:none}.pip-hold,.pip__liquid,.pip__tube-liquid{transition:none}}.syn{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:clamp(8px,1.8cqmin,16px)}.syn__recipe{flex:none;display:flex;flex-direction:column;gap:clamp(6px,1.4cqmin,10px);padding:clamp(8px,1.8cqmin,14px) clamp(10px,2.2cqmin,16px);border-radius:var(--r-card);border:1px solid var(--border);background:var(--surface-2);transition:border-color .2s var(--ease),opacity .2s var(--ease)}.syn__recipe[data-hidden=true]{border-style:dashed;border-color:var(--border-2)}.syn__recipe-title{margin:0;font-size:clamp(10px,1.7cqmin,13px);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.syn__chips{display:flex;flex-wrap:wrap;gap:clamp(5px,1.2cqmin,10px)}.syn__chip{display:inline-flex;align-items:center;gap:clamp(4px,1cqmin,8px);padding:clamp(4px,1cqmin,7px) clamp(7px,1.6cqmin,12px);border-radius:var(--r-pill);border:1px solid var(--border-2);background:var(--surface-3);font-size:clamp(10px,1.8cqmin,14px);font-weight:700;font-variant-numeric:tabular-nums;color:var(--text)}.syn__dot{width:clamp(11px,2.4cqmin,18px);height:clamp(11px,2.4cqmin,18px);border-radius:50%;border:1px solid rgba(255,255,255,.55);flex:none}.syn__memory{margin:0;font-size:clamp(10px,1.8cqmin,13px);font-style:italic;color:var(--text-faint)}.syn__cols{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:clamp(8px,1.8cqmin,16px)}.syn__panel{min-height:0;display:flex;flex-direction:column;gap:clamp(4px,1cqmin,8px)}.syn__panel-title{flex:none;margin:0;font-size:clamp(10px,1.7cqmin,13px);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.syn__panel-body{flex:1 1 auto;min-height:0;padding:clamp(6px,1.4cqmin,12px);border-radius:var(--r-card);border:1px solid var(--border);background:var(--surface-2)}.syn__shelf{display:grid;gap:clamp(5px,1.2cqmin,10px);overflow:hidden}.syn__bottle{appearance:none;font:inherit;display:grid;place-items:center;min-width:0;min-height:0;padding:clamp(4px,1cqmin,8px);border-radius:var(--r-ctl);border:1px solid var(--border-2);background:var(--surface-3);cursor:pointer;transition:transform .12s var(--ease),background .15s var(--ease),border-color .15s var(--ease),box-shadow .15s var(--ease)}.syn__bottle:hover:not(:disabled){background:var(--surface);border-color:var(--accent);transform:translateY(-2px)}.syn__bottle:active:not(:disabled){transform:scale(.95)}.syn__bottle:focus-visible{outline:none;box-shadow:var(--ring)}.syn__bottle:disabled{cursor:not-allowed;opacity:.5}.syn__bottle-vis{position:relative;width:clamp(18px,6cqmin,34px);height:clamp(24px,8cqmin,46px);border-radius:clamp(3px,1cqmin,5px) clamp(3px,1cqmin,5px) clamp(6px,2cqmin,10px) clamp(6px,2cqmin,10px);border:1px solid rgba(255,255,255,.6)}.syn__bottle-cap{position:absolute;top:clamp(-4px,-1.2cqmin,-3px);left:50%;transform:translate(-50%);width:42%;height:clamp(3px,1cqmin,5px);border-radius:2px 2px 0 0;background:var(--text-faint)}.syn__mixer{position:relative;overflow:hidden}.syn__mixer-fill{position:absolute;left:0;right:0;bottom:0;height:100%;opacity:.28;transform-origin:bottom center;transition:transform .3s var(--ease);pointer-events:none}.syn__mix-scroll{position:relative;z-index:1;height:100%;overflow-y:auto;display:flex;flex-direction:column;gap:clamp(4px,1cqmin,7px)}.syn__empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(4px,1cqmin,7px);text-align:center;color:var(--text-faint);font-size:clamp(10px,1.8cqmin,13px);line-height:1.4}.syn__empty-icon{font-size:clamp(20px,6cqmin,38px);opacity:.55}.syn__mix-item{display:flex;align-items:center;justify-content:space-between;gap:clamp(5px,1.2cqmin,9px);padding:clamp(4px,1cqmin,7px) clamp(6px,1.4cqmin,10px);border-radius:var(--r-ctl);border:1px solid var(--border-2);background:var(--surface-3)}.syn__mix-name{display:flex;align-items:center;gap:clamp(5px,1.2cqmin,9px);min-width:0;font-size:clamp(9px,1.7cqmin,13px);font-weight:600;color:var(--text);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.syn__remove{appearance:none;flex:none;display:grid;place-items:center;width:clamp(16px,3.4cqmin,24px);height:clamp(16px,3.4cqmin,24px);border-radius:50%;border:none;background:color-mix(in oklab,var(--danger),transparent 78%);color:var(--danger);font-size:clamp(9px,1.8cqmin,13px);font-weight:800;cursor:pointer;transition:background .15s var(--ease)}.syn__remove:hover{background:var(--danger);color:#fff}.syn__remove:focus-visible{outline:none;box-shadow:var(--ring)}.syn__footer{flex:none;display:flex;gap:clamp(6px,1.4cqmin,12px)}.syn__footer .chem-btn{padding-inline:clamp(10px,2.2cqmin,18px)}.syn__footer .chem-btn[data-variant=primary]{flex:1 1 auto}@media(prefers-reduced-motion:reduce){.syn__bottle,.syn__mixer-fill,.syn__remove{transition:none}}.proto-form{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:clamp(10px,2.4cqmin,18px);padding:clamp(12px,2.8cqmin,22px);border:1px solid var(--border);border-radius:var(--r-card);background:var(--surface-2)}.proto-row{display:flex;flex-direction:column;gap:clamp(4px,1cqmin,8px);min-width:0}.proto-label{font-size:clamp(10px,1.8cqmin,13px);font-weight:600;letter-spacing:.02em;color:var(--text-muted)}.proto-control{position:relative;display:block}.proto-control:after{content:"";position:absolute;right:clamp(13px,2.8cqmin,18px);top:50%;width:clamp(7px,1.5cqmin,10px);height:clamp(7px,1.5cqmin,10px);transform:translateY(-65%) rotate(45deg);border-right:2px solid var(--text-muted);border-bottom:2px solid var(--text-muted);pointer-events:none}.proto-select{appearance:none;-webkit-appearance:none;width:100%;font-family:ui-monospace,SFMono-Regular,Cascadia Code,Menlo,Consolas,monospace;font-size:clamp(12px,2.1cqmin,15px);font-weight:600;letter-spacing:.01em;color:var(--text);background:var(--surface-3);border:1px solid var(--border-2);border-radius:var(--r-ctl);padding:clamp(9px,1.9cqmin,14px) clamp(30px,6cqmin,40px) clamp(9px,1.9cqmin,14px) clamp(12px,2.6cqmin,16px);cursor:pointer;transition:border-color .15s var(--ease),background .15s var(--ease),box-shadow .15s var(--ease)}.proto-select:hover:not(:disabled){background:color-mix(in oklab,var(--surface-3),var(--text) 6%);border-color:var(--border)}.proto-select:focus-visible{outline:none;border-color:var(--accent);box-shadow:var(--ring)}.proto-select:disabled{opacity:.55;cursor:not-allowed}.proto-select[data-empty=true]{color:var(--text-faint)}.proto-select option{color:var(--text);background:var(--surface-2);font-family:ui-monospace,SFMono-Regular,Cascadia Code,Menlo,Consolas,monospace}.proto-foot{display:flex;gap:clamp(8px,2cqmin,14px);padding-top:clamp(10px,2.4cqmin,18px)}.proto-foot .chem-btn[data-variant=primary]{flex:1 1 auto}.proto-foot .chem-btn[data-variant=ghost]{flex:0 0 auto}@media(prefers-reduced-motion:reduce){.proto-select{transition:none}}.t1{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:clamp(10px,2.2cqmin,18px)}.t1__stats{flex:none;display:flex;gap:clamp(6px,1.4cqmin,12px)}.t1__stat{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:clamp(1px,.4cqmin,4px);padding:clamp(7px,1.6cqmin,12px) clamp(9px,1.8cqmin,14px);border-radius:var(--r-ctl);background:var(--surface-2);border:1px solid var(--border)}.t1__stat-label{font-size:clamp(9px,1.5cqmin,12px);font-weight:600;letter-spacing:.02em;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.t1__stat-value{font-size:clamp(15px,2.8cqmin,22px);font-weight:750;line-height:1.1;font-variant-numeric:tabular-nums;color:var(--text)}.t1__stat[data-tone=accent] .t1__stat-value{color:var(--accent-hover)}.t1__stat[data-tone=success] .t1__stat-value{color:var(--success)}.t1__stage{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:clamp(10px,2cqmin,16px)}.t1__card{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(12px,2.6cqmin,22px);padding:clamp(14px,3cqmin,28px);border-radius:var(--r-card);background:var(--surface-2);border:1px solid var(--border);overflow:hidden}.t1__emoji{flex:0 1 auto;min-height:0;font-size:clamp(48px,22cqmin,150px);line-height:1;filter:drop-shadow(0 4px 10px rgba(0,0,0,.4));animation:t1-pop .22s var(--ease) both}.t1__timer{width:100%;height:clamp(7px,1.4cqmin,12px);border-radius:var(--r-pill);background:color-mix(in oklab,var(--bg),transparent 20%);overflow:hidden}.t1__timer-fill{height:100%;width:100%;transform-origin:left center;border-radius:inherit;background:var(--success);transition:transform .05s linear,background-color .3s var(--ease)}.t1__timer-fill[data-tone=time-low]{background:var(--warn)}.t1__timer-fill[data-tone=time-crit]{background:var(--danger)}.t1__controls{flex:none;display:flex;gap:clamp(8px,1.8cqmin,14px)}.t1__choice{appearance:none;flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:center;gap:clamp(4px,1cqmin,8px);font:inherit;font-size:clamp(13px,2.4cqmin,18px);font-weight:750;letter-spacing:.01em;padding:clamp(12px,2.6cqmin,20px) clamp(12px,2.4cqmin,22px);border-radius:var(--r-ctl);border:1px solid var(--border-2);background:var(--surface-2);color:var(--text);cursor:pointer;transition:transform .1s var(--ease),background .15s var(--ease),border-color .15s var(--ease),opacity .15s var(--ease)}.t1__choice:hover:not(:disabled){background:var(--surface-3);transform:translateY(-2px)}.t1__choice:active:not(:disabled){transform:scale(.98)}.t1__choice:focus-visible{outline:none;box-shadow:var(--ring)}.t1__choice:disabled{opacity:.45;cursor:not-allowed}.t1__choice[data-side=cat]:hover:not(:disabled){border-color:color-mix(in oklab,var(--accent),transparent 30%)}.t1__choice[data-side=dog]:hover:not(:disabled){border-color:color-mix(in oklab,var(--warn),transparent 30%)}.t1__choice-arrow{font-size:1.1em;color:var(--text-muted)}.t1__choice[data-side=cat] .t1__choice-arrow{color:var(--accent-hover)}.t1__choice[data-side=dog] .t1__choice-arrow{color:var(--warn)}.t1__msg{flex:none;display:flex;align-items:center;justify-content:center;text-align:center;text-wrap:pretty;min-height:clamp(40px,8cqmin,56px);padding:clamp(8px,1.8cqmin,14px) clamp(12px,2.4cqmin,18px);border-radius:var(--r-ctl);font-size:clamp(11px,2cqmin,15px);font-weight:600;line-height:1.45;background:var(--surface-2);border:1px solid var(--border);color:var(--text-muted)}.t1__msg[data-tone=success]{background:color-mix(in oklab,var(--success),transparent 86%);border-color:color-mix(in oklab,var(--success),transparent 55%);color:var(--success)}.t1__msg[data-tone=danger]{background:color-mix(in oklab,var(--danger),transparent 86%);border-color:color-mix(in oklab,var(--danger),transparent 55%);color:var(--danger)}.t1__msg[data-tone=warn]{background:color-mix(in oklab,var(--warn),transparent 86%);border-color:color-mix(in oklab,var(--warn),transparent 55%);color:var(--warn)}.t1__hint{flex:none;text-align:center;font-size:clamp(10px,1.7cqmin,13px);color:var(--text-faint)}.t1__hint kbd{font:inherit;font-weight:700;padding:0 .4em;border-radius:var(--r-pill);background:var(--surface-3);border:1px solid var(--border-2);color:var(--text-muted)}@keyframes t1-pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.t1__emoji{animation:none}.t1__choice,.t1__timer-fill{transition:none}}.ds-t2{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:clamp(8px,2cqmin,16px)}.ds-t2__top{flex:none;display:flex;flex-wrap:wrap;align-items:center;gap:clamp(6px,1.6cqmin,12px)}.ds-t2__stat{display:inline-flex;align-items:baseline;gap:clamp(4px,1cqmin,7px);padding:clamp(5px,1.2cqmin,9px) clamp(9px,2cqmin,14px);border-radius:var(--r-pill);background:var(--surface-2);border:1px solid var(--border);font-size:clamp(11px,1.9cqmin,14px);color:var(--text-muted)}.ds-t2__stat b{font-weight:750;font-variant-numeric:tabular-nums;color:var(--text)}.ds-t2__status{margin-left:auto;font-size:clamp(11px,2cqmin,15px);font-weight:750;letter-spacing:.01em;white-space:nowrap}.ds-t2__status[data-tone=good]{color:var(--accent-hover)}.ds-t2__status[data-tone=ok]{color:var(--warn)}.ds-t2__status[data-tone=bad]{color:var(--danger)}.ds-t2__grid{flex:1 1 auto;min-height:0;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(clamp(130px,26cqmin,180px),1fr));gap:clamp(8px,1.8cqmin,14px);align-content:start;padding-right:2px}.ds-t2__card{--q: var(--accent);position:relative;display:flex;flex-direction:column;gap:clamp(4px,1cqmin,7px);padding:clamp(10px,2.2cqmin,16px);border-radius:var(--r-card);border:1px solid var(--border-2);background:var(--surface-2);text-align:left;cursor:pointer;appearance:none;font:inherit;color:var(--text);transition:transform .12s var(--ease),background .15s var(--ease),border-color .15s var(--ease),box-shadow .15s var(--ease),opacity .15s var(--ease)}.ds-t2__card[data-quality=perfect]{--q: var(--accent)}.ds-t2__card[data-quality=good]{--q: var(--success)}.ds-t2__card[data-quality=medium]{--q: var(--warn)}.ds-t2__card[data-quality=noise]{--q: var(--danger)}.ds-t2__card:hover:not([data-disabled=true]):not([data-selected=true]){background:var(--surface-3);transform:translateY(-2px)}.ds-t2__card:focus-visible{outline:none;box-shadow:var(--ring)}.ds-t2__card[data-selected=true]{border-color:var(--q);background:color-mix(in oklab,var(--q),var(--surface-2) 80%)}.ds-t2__card[data-disabled=true]{opacity:.45;cursor:not-allowed}.ds-t2__card:before{content:"";position:absolute;left:0;top:clamp(8px,2cqmin,14px);bottom:clamp(8px,2cqmin,14px);width:3px;border-radius:0 var(--r-pill) var(--r-pill) 0;background:var(--q)}.ds-t2__name{font-size:clamp(12px,2.1cqmin,15px);font-weight:700;line-height:1.2;color:var(--text)}.ds-t2__desc{font-size:clamp(10px,1.7cqmin,13px);line-height:1.4;color:var(--text-muted);flex:1}.ds-t2__stats{margin-top:clamp(4px,1cqmin,8px);padding-top:clamp(4px,1cqmin,8px);border-top:1px solid var(--border);display:flex;justify-content:space-between;font-size:clamp(10px,1.7cqmin,13px);font-variant-numeric:tabular-nums;color:var(--text-muted);animation:ds-t2-fade .2s var(--ease) both}.ds-t2__msg{flex:none;padding:clamp(8px,1.8cqmin,13px) clamp(10px,2.2cqmin,16px);border-radius:var(--r-ctl);border:1px solid var(--border);background:var(--surface-2);text-align:center;font-size:clamp(11px,1.9cqmin,14px);line-height:1.4;color:var(--text-muted);text-wrap:pretty}.ds-t2__msg[data-tone=win]{border-color:color-mix(in oklab,var(--success),transparent 45%);background:color-mix(in oklab,var(--success),transparent 82%);color:var(--success);font-weight:650}.ds-t2__msg[data-tone=warn]{border-color:color-mix(in oklab,var(--warn),transparent 45%);background:color-mix(in oklab,var(--warn),transparent 84%);color:var(--warn)}.ds-t2__legend{flex:none;display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(10px,2.4cqmin,18px);font-size:clamp(10px,1.7cqmin,13px);color:var(--text-muted)}.ds-t2__legend span[data-q=perfect]{color:var(--accent-hover)}.ds-t2__legend span[data-q=medium]{color:var(--warn)}.ds-t2__legend span[data-q=noise]{color:var(--danger)}@keyframes ds-t2-fade{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.ds-t2__card{transition:none}.ds-t2__stats{animation:none}}.t3{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:clamp(8px,1.8cqmin,16px);color:var(--text)}.t3__head{flex:none;display:flex;flex-direction:column;gap:clamp(4px,1cqmin,8px)}.t3__title{margin:0;font-size:clamp(13px,2.4cqmin,19px);font-weight:750;letter-spacing:-.01em;line-height:1.15;color:var(--text)}.t3__stats{display:flex;align-items:center;justify-content:space-between;gap:clamp(8px,2cqmin,16px)}.t3__correct{flex:none;font-size:clamp(11px,2cqmin,15px);font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.t3__correct[data-good=true]{color:var(--success)}.t3__correct[data-good=false]{color:var(--accent-hover)}.t3__bar{flex:1 1 auto;min-width:0}.t3__scanner{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:clamp(8px,1.8cqmin,14px);overflow:auto}.t3__frame{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;border:1px solid var(--border-2);border-radius:var(--r-card);background:var(--surface-2);padding:clamp(10px,2.2cqmin,18px);gap:clamp(8px,1.8cqmin,14px);box-sizing:border-box}.t3__frameTop{flex:none;display:flex;align-items:center;justify-content:space-between;gap:clamp(8px,2cqmin,14px)}.t3__light{width:clamp(7px,1.4cqmin,11px);height:clamp(7px,1.4cqmin,11px);border-radius:50%;background:var(--accent);animation:t3-pulse 2s infinite}.t3__frameLabel{font-size:clamp(10px,1.8cqmin,13px);font-weight:700;letter-spacing:.12em;color:var(--text-muted)}.t3__subject{flex:1 1 auto;min-height:clamp(80px,22cqmin,170px);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid var(--border);border-radius:var(--r-ctl);background:var(--surface-3);transition:border-color .25s var(--ease),background .25s var(--ease),box-shadow .25s var(--ease)}.t3__subject[data-state=scanning]{animation:t3-scan 1.5s linear}.t3__subject[data-state=correct]{background:color-mix(in oklab,var(--success),transparent 86%);border-color:color-mix(in oklab,var(--success),transparent 40%);box-shadow:var(--ring)}.t3__subject[data-state=wrong]{background:color-mix(in oklab,var(--danger),transparent 84%);border-color:color-mix(in oklab,var(--danger),transparent 38%)}.t3__emoji{font-size:clamp(48px,16cqmin,110px);line-height:1;filter:drop-shadow(0 3px 8px rgba(0,0,0,.4))}.t3__scanline{position:absolute;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);animation:t3-scanline 1.5s linear infinite}.t3__readout{flex:none;display:flex;flex-direction:column;align-items:center;gap:clamp(2px,.8cqmin,6px);text-align:center}.t3__score{font-size:clamp(12px,2.2cqmin,16px);font-weight:700;font-variant-numeric:tabular-nums;color:var(--accent-hover)}.t3__reason{font-size:clamp(10px,1.8cqmin,13px);font-style:italic;color:var(--text-muted);text-wrap:pretty}.t3__indicators{flex:none;display:flex;gap:clamp(8px,2cqmin,14px);justify-content:center}.t3__indicator{padding:clamp(6px,1.4cqmin,10px) clamp(12px,2.6cqmin,20px);border:1px solid var(--border-2);border-radius:var(--r-pill);background:var(--surface-2);color:var(--text-faint);font-size:clamp(11px,1.9cqmin,14px);font-weight:700;transition:color .25s var(--ease),border-color .25s var(--ease),background .25s var(--ease)}.t3__indicator[data-active=true]{color:var(--accent-hover);border-color:color-mix(in oklab,var(--accent),transparent 40%);background:color-mix(in oklab,var(--accent),transparent 86%)}.t3__analysis{flex:none;display:flex;flex-direction:column;align-items:center;gap:clamp(4px,1cqmin,8px);padding:clamp(10px,2.2cqmin,16px);border:1px solid var(--border);border-radius:var(--r-card);background:var(--surface-2);text-align:center}.t3__analysisLabel{font-size:clamp(10px,1.8cqmin,13px);font-weight:700;letter-spacing:.06em;color:var(--text-muted)}.t3__analysisResult{font-size:clamp(12px,2cqmin,14px);font-weight:700;text-wrap:pretty}.t3__analysisResult[data-correct=true]{color:var(--success)}.t3__analysisResult[data-correct=false]{color:var(--danger)}.t3__analysisNote{font-size:clamp(10px,1.7cqmin,12px);font-style:italic;color:var(--text-faint);text-wrap:pretty}.t3__goal{flex:none;padding:clamp(8px,2cqmin,14px);border:1px solid var(--border);border-radius:var(--r-card);background:var(--surface-2);font-size:clamp(10px,1.8cqmin,13px);line-height:1.6;text-align:center;color:var(--text-muted);text-wrap:pretty}.t3__goalNote{display:block;margin-top:clamp(3px,.8cqmin,6px);font-size:clamp(9px,1.5cqmin,11px);color:var(--text-faint)}@keyframes t3-pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes t3-scan{0%{transform:scale(1)}50%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes t3-scanline{0%{top:0}to{top:100%}}@media(prefers-reduced-motion:reduce){.t3__light,.t3__subject,.t3__scanline{animation:none}.t3__subject,.t3__indicator{transition:none}}.ds-console{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:clamp(12px,2.6cqmin,22px)}.ds-log{flex:1 1 auto;min-height:0;overflow-y:auto;padding:clamp(12px,2.6cqmin,20px);border-radius:var(--r-card);border:1px solid var(--border);background:var(--surface-2);font-family:ui-monospace,SF Mono,Cascadia Code,monospace;font-size:clamp(11px,1.9cqmin,14px);line-height:1.7;color:var(--text-muted)}.ds-line{white-space:pre-wrap;word-break:break-word}.ds-line[data-kind=head]{color:var(--accent-hover);font-weight:700;letter-spacing:.02em}.ds-line[data-kind=ok]{color:var(--success)}.ds-line[data-kind=bad]{color:var(--danger)}.ds-actions{flex:none;display:flex;flex-wrap:wrap;gap:clamp(8px,1.8cqmin,14px);justify-content:center}.ds-taskwrap{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.ds-thanks{flex:1 1 auto;min-height:0;position:relative;display:flex;align-items:center;justify-content:center;border-radius:var(--r-card);overflow:hidden;background:#000}.ds-thanks__video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.ds-thanks__card{position:relative;z-index:1;max-width:min(92%,460px);display:flex;flex-direction:column;align-items:center;gap:clamp(8px,1.8cqmin,14px);padding:clamp(16px,3.4cqmin,28px);text-align:center;border-radius:var(--r-card);border:1px solid var(--border-2);background:color-mix(in oklab,var(--surface),transparent 8%);backdrop-filter:blur(10px);box-shadow:var(--elev-2)}.ds-thanks__title{margin:0;font-size:clamp(18px,3.4cqmin,28px);font-weight:750;color:var(--text)}.ds-thanks__text{margin:0;font-size:clamp(12px,2.1cqmin,15px);line-height:1.55;color:var(--text-muted);text-wrap:pretty}.ds-thanks__sub{margin:0;font-size:clamp(11px,1.9cqmin,13px);font-style:italic;color:var(--text-faint)}html,body{margin:0;padding:0;overflow:hidden;background:var(--bg, #0b0b0e)}.sk-office-shell{position:fixed;top:0;left:0;width:100%;height:100vh;height:100dvh;overflow:hidden;background:radial-gradient(130% 120% at 50% -10%,var(--surface) 0%,var(--bg) 58%)}.sk-office-shell.is-desktop{display:flex;align-items:center;justify-content:center}.sk-office-shell.is-desktop .sk-office-stage{display:flex;flex-direction:column;align-items:center;gap:20px}.sk-office-window{position:relative;width:min(92vw,calc(78vh * 16 / 9),1180px);aspect-ratio:16 / 9;overflow:hidden;background:#0b0b0e;border:1px solid var(--border-2);border-radius:var(--r-card);box-shadow:var(--elev-2)}.sk-office-action{position:absolute;right:max(clamp(10px,2.4vw,26px),env(safe-area-inset-right));bottom:max(clamp(10px,3vh,26px),env(safe-area-inset-bottom));z-index:50}.sk-office-controls{display:flex;align-items:center;gap:22px;padding:10px 18px;border:1px solid var(--border);border-radius:var(--r-pill);background:color-mix(in oklab,var(--surface),transparent 18%);backdrop-filter:blur(8px);user-select:none}.sk-office-controls__group{display:flex;align-items:center;gap:10px}.sk-office-controls__label{font-family:ui-sans-serif,system-ui,sans-serif;font-size:13px;color:var(--text-muted)}.sk-office-controls__divider{width:1px;height:34px;background:var(--border)}.sk-office-keycluster{display:flex;flex-direction:column;align-items:center;gap:4px}.sk-office-keycluster__row{display:flex;gap:4px}.sk-office-controls kbd{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 7px;font-family:ui-sans-serif,system-ui,sans-serif;font-size:12px;font-weight:600;color:var(--text);background:var(--surface-2);border:1px solid var(--border-2);border-bottom-width:2px;border-radius:7px}.sk-office-kbd--wide{min-width:44px}.sk-office-shell.is-touch .sk-office-stage,.sk-office-shell.is-touch .sk-office-window{width:100%;height:100%}.sk-office-shell.is-touch .sk-office-window{aspect-ratio:auto;border:none;border-radius:0;box-shadow:none}.sk-office-langpicker{position:absolute;top:max(14px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right));z-index:50;font-family:ui-sans-serif,system-ui,sans-serif}.sk-office-langpicker label{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:var(--r-ctl);border:1px solid var(--border);background:color-mix(in oklab,var(--surface),transparent 8%);color:var(--text);font-size:13px;backdrop-filter:blur(8px)}.sk-office-langpicker-label{color:var(--text-faint)}.sk-office-langpicker select{background:transparent;color:var(--text);border:1px solid var(--border-2);border-radius:6px;padding:2px 6px;font-size:16px}.sk-office-langpicker option{color:#111}.sk-mg-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;width:100%;height:100%;min-height:200px;padding:24px;text-align:center;font-family:ui-sans-serif,system-ui,sans-serif}.sk-mg-error__icon{font-size:44px;line-height:1}.sk-mg-error__msg{margin:0;max-width:36ch;color:var(--text);font-size:15px;line-height:1.5}.sk-mg-error__btn{padding:10px 22px;min-height:44px;color:var(--accent-ink, #fff);background:var(--accent);border:none;border-radius:var(--r-pill);font:inherit;font-weight:700;cursor:pointer;transition:background .16s var(--ease)}.sk-mg-error__btn:hover{background:var(--accent-hover)}.sk-mg-error__btn:focus-visible{outline:none;box-shadow:var(--ring)}.sk-office-hint{position:fixed;left:50%;bottom:max(24px,env(safe-area-inset-bottom));transform:translate(-50%);z-index:3000;max-width:min(90vw,460px);padding:10px 16px;border:1px solid var(--border);border-radius:var(--r-card);background:color-mix(in oklab,var(--surface),transparent 8%);color:var(--text);font-family:ui-sans-serif,system-ui,sans-serif;font-size:14px;line-height:1.4;text-align:center;cursor:pointer;backdrop-filter:blur(8px)}
