:root{--bg: #0b0d12;--bg2: #11151f;--card: #161b27;--card2: #1c2230;--line: #283047;--text: #e9edf6;--muted: #8a93a8;--accent: #6d83ff;--accent2: #b06dff;--danger: #ff6d6d;--ok: #5ad19b;--warn: #ffcc66;--radius: 14px;--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-top: env(safe-area-inset-top, 0px)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:16px/1.45 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,system-ui,sans-serif;-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer}input,textarea,select{font:inherit;color:var(--text);background:var(--bg2);border:1px solid var(--line);border-radius:10px;padding:11px 12px;width:100%}textarea{resize:vertical}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent)}.app{display:flex;flex-direction:column;min-height:100%}.topbar{display:flex;align-items:center;justify-content:space-between;padding:calc(var(--safe-top) + 12px) 16px 12px;position:sticky;top:0;z-index:5;background:linear-gradient(180deg,var(--bg),rgba(11,13,18,.85));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.brand{font-weight:800;letter-spacing:.5px;background:linear-gradient(90deg,var(--accent),var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent;font-size:20px}.content{flex:1;padding:8px 16px 96px;max-width:640px;width:100%;margin:0 auto}.tab h2{margin:8px 0 2px;font-size:24px}.sub{color:var(--muted);margin:2px 0 16px}.muted{color:var(--muted)}.section{margin:24px 0 10px;font-size:16px;color:var(--muted);text-transform:uppercase;letter-spacing:.6px}.tabbar{position:fixed;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(4,1fr);background:#11151feb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);padding-bottom:var(--safe-bottom);z-index:10}.tabbtn{background:none;border:none;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 0 8px}.tabbtn.active{color:var(--text)}.tabbtn.active .tabicon{transform:translateY(-1px);filter:drop-shadow(0 0 8px var(--accent))}.tabicon{font-size:20px}.tablabel{font-size:11px}.btn{background:var(--card2);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:11px 14px;font-weight:600}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5}.btn.primary{background:linear-gradient(90deg,var(--accent),var(--accent2));border:none;color:#fff}.btn.ghost{background:transparent}.btn.danger{color:var(--danger);border-color:var(--danger);background:transparent}.btn.block{width:100%;margin-top:10px}.btn.back{padding:6px 10px;margin-bottom:6px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:14px;margin:12px 0}.field{display:block;margin:12px 0}.field>span{display:block;font-size:13px;color:var(--muted);margin-bottom:6px}.row{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.row .field{flex:1}.row.spread{justify-content:space-between;align-items:center}.ramble{margin-top:8px;min-height:120px}.seg{display:inline-flex;background:var(--bg2);border:1px solid var(--line);border-radius:10px;padding:3px}.seg-btn{background:none;border:none;color:var(--muted);padding:7px 14px;border-radius:8px;font-weight:600}.seg-btn.active{background:var(--card2);color:var(--text)}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{background:var(--bg2);border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:7px 12px;font-size:14px}.chip.on{background:#6d83ff2e;border-color:var(--accent);color:var(--text)}.result{border-color:var(--accent)}.result-text{white-space:pre-wrap;font-size:17px;line-height:1.5}.result-actions{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}.hint{color:var(--muted);font-size:13px;margin-top:8px}.hint.error{color:var(--danger)}.error{color:var(--danger);margin:10px 0;font-size:14px}.people,.samples{list-style:none;padding:0;margin:8px 0}.person{display:flex;align-items:center;gap:8px;padding:12px 14px}.person-main{flex:1;background:none;border:none;text-align:left;color:var(--text);padding:0}.person-name{font-weight:700;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.person-sub{color:var(--muted);font-size:14px;margin-top:2px}.badge{font-size:12px;font-weight:700;padding:2px 8px;border-radius:999px}.badge.due{background:#ff6d6d2e;color:var(--danger)}.badge.soon{background:#ffcc662e;color:var(--warn)}.badge.ok{background:#5ad19b24;color:var(--ok)}.badge.none{background:var(--bg2);color:var(--muted)}.x{background:none;border:none;color:var(--muted);font-size:18px;padding:6px}.sample{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.sample span{flex:1}.counts{display:flex;gap:16px;margin:12px 0;color:var(--muted)}.counts .on{color:var(--text)}.depth{margin:8px 0 16px}.depth-label{font-size:13px;color:var(--muted);margin-bottom:6px}.depth-bar{height:8px;background:var(--bg2);border-radius:999px;overflow:hidden}.depth-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2));transition:width .4s}.q-progress{color:var(--muted);font-size:13px}.question .q-text{font-size:18px;font-weight:600}.q-dim{color:var(--accent);font-size:12px;text-transform:uppercase;letter-spacing:.5px;margin-top:4px}.q-hint{color:var(--muted);font-size:13px;margin:10px 0 6px}.options{display:flex;flex-direction:column;gap:8px;margin-top:12px}.option{text-align:left}.rank{list-style:none;padding:0;margin:0}.rank li{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:10px;margin-bottom:8px;background:var(--bg2)}.rank-num{width:22px;height:22px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:13px;font-weight:700}.rank-opt{flex:1}.rank-ctrls button{background:var(--card2);border:1px solid var(--line);color:var(--text);border-radius:8px;width:32px;height:32px;margin-left:4px}.brief{white-space:pre-wrap;line-height:1.55}.onboard{max-width:420px;margin:0 auto;padding:64px 24px}.logo{font-size:44px;font-weight:900;text-align:center;background:linear-gradient(90deg,var(--accent),var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent}.tagline{text-align:center;color:var(--muted);margin:6px 0 24px}.onboard .seg{display:flex;width:100%;margin-bottom:8px}.onboard .seg-btn{flex:1}.banner{display:flex;gap:10px;align-items:flex-start;background:var(--card2);border-bottom:1px solid var(--line);padding:calc(var(--safe-top) + 10px) 14px 10px;font-size:14px}.nudge-row{display:flex;align-items:center;gap:8px}.nudge-on{font-size:13px;color:var(--ok)}.spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;vertical-align:-3px}@keyframes spin{to{transform:rotate(360deg)}}