@font-face{font-family:Work Sans;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/WorkSans-Variable.woff2) format("woff2")}@font-face{font-family:Work Sans;font-style:italic;font-weight:100 900;font-display:swap;src:url(/fonts/WorkSans-Italic-Variable.woff2) format("woff2")}:root{--font-sans: "Work Sans", Helvetica, Arial, sans-serif;--font-mono: "Work Sans", Helvetica, Arial, sans-serif;--text-body-sm: 300 13px/1.6 var(--font-sans);--text-label: 400 10px/1.4 var(--font-sans);--text-caption: 300 12px/1.55 var(--font-sans);--text-card-title: 300 19px/1.3 var(--font-sans);--track-label: .18em;--transition-ui: all .22s cubic-bezier(.2, .7, .2, 1);--lift-hover: translateY(-1px);--gold: #d8a857;--gold-light: #d3b25b;--gold-dark: #8b6914;--field-gradient: radial-gradient(120% 100% at 80% 0%, rgba(201, 168, 76, .12), rgba(201, 168, 76, 0) 60%), #111109;--field-text: #f5f0e8;--field-muted: rgba(232, 224, 204, .62);--field-faint: rgba(232, 224, 204, .38);--shadow-field: 0 0 60px rgba(201, 168, 76, .08);--shadow-field-sm: 0 0 40px rgba(201, 168, 76, .06);--cite-1: #3d8bd4;--cite-2: #3f9d6b;--cite-3: #8e6bd4;--cite-4: #c2622f;--error: #a0522e}html[data-theme=dark]{--canvas: #0a0a08;--ink: #e8e0cc;--ink-rgb: 232, 224, 204;--ink-muted: rgba(232, 224, 204, .55);--on-ink: #141410;--paper: #161612;--panel-solid: #111109;--surface-card: #111109;--surface-nav: rgba(10, 10, 8, .82);--border-soft: rgba(201, 168, 76, .12);--border-mid: rgba(201, 168, 76, .22);--border-strong: rgba(201, 168, 76, .45);--link: #d3b25b;--link-hover: #e8d48a;--gold-text: #d3b25b;--wordmark: #d3b25b;--input-bg: rgba(255, 255, 255, .03);--input-bg-focus: rgba(255, 255, 255, .06);--meter-track: rgba(201, 168, 76, .12);--badge-positive-bg: rgba(201, 168, 76, .12);--badge-positive-text: #d3b25b;--badge-positive-border: rgba(201, 168, 76, .4);--badge-caution-bg: rgba(232, 224, 204, .06);--badge-caution-text: rgba(232, 224, 204, .75);--badge-caution-border: rgba(232, 224, 204, .25);--badge-neutral-bg: transparent;--badge-neutral-text: rgba(232, 224, 204, .4);--badge-neutral-border: rgba(232, 224, 204, .16);--shadow-card: none;--shadow-card-hover: none;--shadow-row: none;color-scheme:dark}html[data-theme=light]{--canvas: #f2ecdd;--ink: #1c1912;--ink-rgb: 28, 25, 18;--ink-muted: rgba(28, 25, 18, .55);--on-ink: #f5f0e8;--paper: #faf6eb;--panel-solid: #f7f1e3;--surface-card: #f7f1e3;--surface-nav: rgba(242, 236, 221, .86);--border-soft: rgba(139, 105, 20, .18);--border-mid: rgba(139, 105, 20, .32);--border-strong: rgba(139, 105, 20, .55);--link: #8b6914;--link-hover: #a87f35;--gold-text: #8b6914;--wordmark: #8b6914;--input-bg: rgba(255, 255, 255, .55);--input-bg-focus: rgba(255, 255, 255, .92);--meter-track: rgba(139, 105, 20, .14);--badge-positive-bg: rgba(139, 105, 20, .1);--badge-positive-text: #8b6914;--badge-positive-border: rgba(139, 105, 20, .4);--badge-caution-bg: rgba(28, 25, 18, .05);--badge-caution-text: rgba(28, 25, 18, .7);--badge-caution-border: rgba(28, 25, 18, .25);--badge-neutral-bg: transparent;--badge-neutral-text: rgba(28, 25, 18, .4);--badge-neutral-border: rgba(28, 25, 18, .18);--shadow-card: 0 1px 2px rgba(30, 30, 32, .05), 0 6px 16px rgba(30, 30, 32, .06);--shadow-card-hover: 0 2px 4px rgba(30, 30, 32, .06), 0 10px 24px rgba(30, 30, 32, .08);--shadow-row: 0 1px 3px rgba(30, 30, 32, .08);color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--canvas);color:var(--ink);font:var(--text-body-sm);-webkit-font-smoothing:antialiased;overflow:hidden;transition:background .3s ease,color .3s ease}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;pointer-events:none;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E")}::selection{background:#d8a85759}a{color:var(--link);text-decoration:none;transition:var(--transition-ui)}a:hover{color:var(--link-hover)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#c9a84c40;border-radius:99px}::-webkit-scrollbar-track{background:transparent}.mono{font-family:var(--font-mono)}.lbl{font:var(--text-label);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--ink-muted)}.card{background:var(--surface-card);border:1px solid var(--border-soft);border-radius:14px;box-shadow:var(--shadow-card)}.lift{transition:var(--transition-ui)}.lift:hover{transform:var(--lift-hover)}input,textarea,select{font:var(--text-body-sm);font-family:var(--font-sans);color:var(--ink);background:var(--input-bg);border:1px solid var(--border-mid);border-radius:8px;padding:8px 12px;outline:none;transition:var(--transition-ui)}input:focus,textarea:focus,select:focus{border-color:var(--border-strong);background:var(--input-bg-focus)}input::placeholder,textarea::placeholder{color:var(--ink-muted);opacity:.7}.dkin{background:#ffffff08!important;border-color:#c9a84c33!important;color:var(--field-text)!important}.dkin::placeholder{color:var(--field-faint)!important}.dkin:focus{border-color:#c9a84c80!important;background:#ffffff0d!important}button{font-family:var(--font-sans);cursor:pointer;border:none;background:none;color:inherit;padding:0}.btn{font:500 10px/1 var(--font-sans);letter-spacing:.15em;text-transform:uppercase;padding:10px 16px;border-radius:8px;border:1px solid var(--border-mid);color:var(--ink);background:transparent;transition:var(--transition-ui)}.btn:hover{border-color:var(--border-strong);color:var(--gold-text);transform:translateY(-1px)}.btn:active{transform:scale(.96)}.btn.pri{background:var(--gold);color:#141410;border-color:var(--gold)}.btn.pri:hover{background:var(--gold-light);border-color:var(--gold-light);color:#141410}.btn.gold{background:#d8a85724;border-color:#d8a85766;color:var(--gold-text)}.btn.ghostdk{background:transparent;border-color:#c9a84c4d;color:var(--field-text)}.btn.ghostdk:hover{border-color:var(--gold);color:var(--gold-light)}.btn.danger{color:var(--error);border-color:#b5462e59}.btn.danger:hover{color:var(--error);border-color:#b5462e99}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.dot{width:6px;height:6px;border-radius:50%;display:inline-block}.breathe{animation:breathe 6s ease-in-out infinite}@keyframes breathe{0%,to{opacity:.35}50%{opacity:1}}.rowh{transition:var(--transition-ui)}.rowh:hover{background:#c9a84c12}.dkrowh{transition:var(--transition-ui)}.dkrowh:hover{background:#c9a84c1a}.skl{height:9px;border-radius:3px;background:rgba(var(--ink-rgb),.08)}.chip{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;border-radius:6px;font:500 10px/1 var(--font-sans);color:#fff;cursor:pointer;vertical-align:2px;margin:0 2px;border:none;transition:var(--transition-ui)}.chip:hover{filter:brightness(1.2);transform:translateY(-1px)}.chip.hollow{opacity:.65}.tgl{width:36px;height:20px;border-radius:999px;position:relative;transition:var(--transition-ui);flex:none;cursor:pointer;border:1px solid var(--border-mid);background:transparent}.tgl.on{background:#d8a85738;border-color:var(--gold)}.tgl i{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:var(--ink-muted);transition:var(--transition-ui)}.tgl.on i{left:18px;background:var(--gold)}.navitem{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:10px 14px;border-radius:10px;font:500 10px/1 var(--font-sans);letter-spacing:.15em;text-transform:uppercase;color:var(--ink-muted);transition:var(--transition-ui)}.navitem:hover{color:var(--gold-text)}.navitem.act{background:#c9a84c1f;color:var(--gold-text)}.tabbtn{font:500 10px/1 var(--font-sans);letter-spacing:.15em;text-transform:uppercase;padding:9px 14px;border-radius:999px;color:var(--ink-muted);transition:var(--transition-ui);border:1px solid transparent}.tabbtn:hover{color:var(--gold-text)}.tabbtn.act{border-color:var(--border-mid);background:#c9a84c1a;color:var(--gold-text)}.fade{animation:fadein .22s cubic-bezier(.16,1,.3,1)}@keyframes fadein{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes think{0%,to{opacity:.25}50%{opacity:1}}.tdot{width:5px;height:5px;border-radius:50%;background:var(--field-muted);animation:think 1.1s ease-in-out infinite}.tabbar{position:absolute;bottom:14px;left:50%;transform:translate(-50%);z-index:50;display:flex;gap:2px;padding:4px;border-radius:999px;background:#0a0a08eb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(201,168,76,.3);box-shadow:var(--shadow-field-sm)}.tabbar button{display:flex;align-items:center;gap:7px;padding:10px 16px;border-radius:999px;font:500 10px/1 var(--font-sans);letter-spacing:.12em;text-transform:uppercase;color:#e8e0cc80;transition:var(--transition-ui)}.tabbar button.act{background:#c9a84c29;color:#d3b25b}th{font:400 9px/1.4 var(--font-sans);letter-spacing:.15em;text-transform:uppercase;color:var(--ink-muted);text-align:left;font-weight:400;padding:8px 12px;border-bottom:1px solid var(--border-mid)}td{padding:10px 12px;border-bottom:1px solid var(--border-soft);font:var(--text-caption)}.pill{font:400 9px/1 var(--font-mono);letter-spacing:.1em;padding:4px 8px;border-radius:999px;white-space:nowrap;display:inline-block}.hlbox{position:absolute;background:#d8a8574d;outline:1px solid rgba(216,168,87,.55);border-radius:2px;pointer-events:none}.hlbox.pulse{animation:hlpulse .9s ease-out 2}.hlbox.temp{background:#3d8bd440;outline-color:#3d8bd480}@keyframes hlpulse{0%{background:#d8a8578c}to{background:#d8a8574d}}.jump-bottom{position:absolute;left:50%;transform:translate(-50%);z-index:25;width:30px;height:30px;border-radius:999px;background:#111109eb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(201,168,76,.35);color:var(--gold-light);font:400 13px/1 var(--font-sans);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-field-sm);transition:var(--transition-ui)}.jump-bottom:hover{border-color:var(--gold);color:var(--gold);transform:translate(-50%) translateY(-1px)}.jump-bottom:active{transform:translate(-50%) scale(.94)}input[type=range]{accent-color:#a87f35;background:transparent;border:none;padding:0}input[type=checkbox]{accent-color:#a87f35;width:13px;height:13px;padding:0}@media(max-width:560px){.tb-name,.tb-divider{display:none}}