:root{--bg: #15130f;--bar: #1a1814;--surface: #1f1c17;--surface-2: #29251e;--surface-warm: #2a2116;--line: #2e2a23;--line-2: #3a342b;--line-soft: #2a2620;--text: #f3eee4;--text-2: #cdbfa9;--muted: #a79f92;--muted-2: #8e877b;--accent: #f0a04b;--accent-soft: #f0c48a;--accent-deep: #3a2c1b;--accent-line: #6b4c2a;--blue: #8fb3ff;--blue-soft: #b9ceff;--blue-bg: #1b2130;--blue-line: #34405c;--blue-fill: #2c3a57;--warn: #ff9f84;--warn-soft: #ffc2b2;--warn-bg: #2a1b16;--warn-line: #5c3328;--radius: 20px;--tabbar-h: 78px;--safe-bottom: env(safe-area-inset-bottom, 0px);color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;min-height:100%;background:var(--bg)}body{color:var(--text);font-family:Onest,system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.4;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;overscroll-behavior:none}button{font:inherit;color:inherit}a{color:var(--accent)}.screen{max-width:480px;margin:0 auto;padding:16px 16px calc(var(--tabbar-h) + var(--safe-bottom) + 28px);display:flex;flex-direction:column;gap:14px}.h1{margin:0;font-family:Unbounded,Onest,sans-serif;font-size:22px;font-weight:600;line-height:1.25}.h1-xl{font-size:28px;letter-spacing:-.01em}.lbl{margin:0;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:600}.lead{margin:8px 0 0;color:var(--text-2);font-size:14px}.muted{color:var(--muted)}.small{font-size:13px}.xs{font-size:12px}.accent{color:var(--accent-soft)}.blue{color:var(--blue-soft)}.warn{color:var(--warn-soft)}.strong{font-weight:600}.p0{margin:0}.row{display:flex;align-items:center;gap:12px}.between{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.col{display:flex;flex-direction:column}.gap4{gap:4px}.gap6{gap:6px}.gap8{gap:8px}.gap10{gap:10px}.gap12{gap:12px}.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.card-warm{background:var(--surface-warm);border-color:#5a4024}.card-blue{background:var(--blue-bg);border-color:var(--blue-line)}.card-warn{background:var(--warn-bg);border-color:var(--warn-line)}a.card{display:flex;text-decoration:none;color:var(--text)}.chip{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 12px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line-2);font-size:13px;color:var(--text);cursor:pointer;white-space:nowrap}.chip.on{background:var(--accent-deep);border-color:var(--accent);color:var(--accent-soft)}.chip.solid.on{background:var(--accent);border-color:var(--accent);color:var(--bg);font-weight:600}.chip.static{cursor:default}.btn{min-height:52px;border-radius:16px;border:1px solid var(--line-2);background:var(--surface);color:var(--text);font-weight:600;font-size:15px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;text-decoration:none;padding:0 16px}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--bg)}.btn-ghost{background:var(--surface-2)}.btn-lg{min-height:56px;font-size:16px;border-radius:18px}.btn-sm{min-height:40px;font-size:13px;border-radius:12px;padding:0 14px}.btn-warn{background:#3d2219;border-color:#8a4a3a;color:#ffd2c4}.btn-amber-soft{background:var(--accent-deep);border-color:var(--accent-line);color:var(--accent-soft)}.btn:active{transform:scale(.98)}.list-item{display:flex;gap:12px;align-items:center;padding:12px 12px 12px 14px;background:var(--surface);border:1px solid var(--line);border-radius:16px}.divider{border-bottom:1px solid var(--line-soft)}.divider:last-child{border-bottom:none}.stat{background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:10px 12px;display:flex;flex-direction:column;gap:2px}.stat b{font-size:20px;font-weight:700}.stat span{font-size:12px;color:var(--muted)}.field{width:100%;min-height:48px;border-radius:14px;border:1px solid var(--line-2);background:var(--bg);color:var(--text);font:inherit;padding:12px 14px}.field::placeholder{color:var(--muted-2)}.avatar{width:32px;height:32px;border-radius:50%;background:var(--accent);color:var(--bg);font-weight:700;display:flex;align-items:center;justify-content:center;font-size:14px;flex:none}.check{width:24px;height:24px;border-radius:8px;border:2px solid #4a4338;background:transparent;flex:none;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer}.check.on{background:var(--accent);border-color:var(--accent)}.toggle{width:50px;height:30px;border-radius:15px;border:none;cursor:pointer;position:relative;flex:none;padding:0;background:var(--line-2)}.toggle.on{background:var(--accent)}.toggle:after{content:"";position:absolute;top:4px;left:4px;width:22px;height:22px;border-radius:50%;background:var(--text);transition:left .15s}.toggle.on:after{left:24px}.bar{height:6px;border-radius:3px;background:var(--line);overflow:hidden}.bar>div{height:100%;border-radius:3px;background:var(--accent)}.seg{display:flex;gap:4px}.seg a{flex:1;min-height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:12px;text-decoration:none;color:var(--muted);background:var(--surface);border:1px solid var(--line)}.seg a.active{background:var(--accent);color:var(--bg);border-color:var(--accent);font-weight:600}.mode-switch{display:flex;gap:8px}.mode-switch button{flex:1;min-height:44px;border-radius:12px;border:1px solid var(--line-2);background:var(--surface);color:var(--muted);font-weight:600;font-size:14px;cursor:pointer}.mode-switch button.on{background:var(--surface-2);border-color:var(--accent);color:var(--text)}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:10;height:calc(var(--tabbar-h) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:var(--bar);border-top:1px solid var(--line);display:flex;justify-content:space-around;align-items:flex-start;padding-top:8px}.tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:11px;color:var(--muted);text-decoration:none;min-width:60px;min-height:48px}.tab.active{color:var(--accent)}.mic-tab{width:60px;height:60px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;margin-top:-24px;box-shadow:0 0 0 6px var(--bg);text-decoration:none}.timeline-dot{width:10px;height:10px;border-radius:50%;margin-top:6px;flex:none}.unsure{background:var(--accent-deep);color:var(--accent-soft);border-bottom:2px dotted var(--accent);border-radius:4px;padding:0 3px}.placeholder{color:var(--muted-2);font-style:italic}.skeleton{height:120px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{50%{opacity:.55}}@media (prefers-reduced-motion: reduce){.skeleton{animation:none}.toggle:after{transition:none}}