:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#0e1017;color:#f0f1f7;--fg:#f0f1f7;--muted:#999eb0;--line:#292d39;--panel:#191d29;--soft:#131622;--accent:#a5a0ff;--error:#ff9d9d}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 55% 0%,#21223d 0%,#10121b 45%,#0e1017 80%);line-height:1.5}.shell{max-width:1000px;margin:0 auto;padding:0 28px}.topbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:27px 0;gap:12px}.brand{font-weight:800;letter-spacing:.13em;font-size:16px;display:flex;align-items:center;gap:12px}.logo{display:inline-grid;place-items:center;background:#b8acff;color:#1b1738;width:32px;height:32px;border-radius:10px;font-size:24px}.dim,.muted,.subtext{color:var(--muted)}.server-status{color:#a6d9bd;font-size:12px;letter-spacing:.04em}.section{display:none;padding:56px 0 95px}.section.active{display:block}.hero-eyebrow{font-weight:800;letter-spacing:.18em;font-size:11px;color:#bab3fb;margin-bottom:17px}h1{font-size:clamp(38px,5.5vw,61px);line-height:1.09;letter-spacing:-.05em;font-weight:740;margin:0 0 22px}h1 em{font-style:normal;color:var(--accent)}h2{font-size:21px;letter-spacing:-.025em;margin:32px 0 18px}.lead{color:#c4c6d6;font-size:17px;max-width:700px;line-height:1.7;margin:0 0 27px}.stats{display:flex;gap:10px;flex-wrap:wrap;margin:30px 0 44px}.stats>div{border:1px solid var(--line);border-radius:13px;background:#181c29;padding:15px 20px;min-width:142px;display:flex;flex-direction:column;gap:2px}.stats strong{font-size:23px}.stats span{font-size:11px;color:var(--muted)}.character-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.character{cursor:pointer;color:inherit;text-align:left;border:1px solid #333748;border-radius:16px;background:linear-gradient(150deg,#222536,#161a26);padding:20px;min-height:156px;display:flex;flex-direction:column;gap:6px;transition:background .15s,border .15s,transform .15s}.character:hover{transform:translateY(-2px);background:#252a3c}.character.selected{border-color:#bdb3ff;background:#292640;box-shadow:inset 0 0 0 1px #a5a0ff}.character .avatar{background:#373357;color:#d8d2ff;border-radius:13px;font-size:23px;width:43px;height:43px;display:grid;place-items:center;margin-bottom:8px}.character strong{font-size:16px}.character small{font-size:12px;color:var(--muted)}.consent-card{margin-top:30px;background:var(--panel);border:1px solid #34374a;border-radius:18px;padding:25px}.consent-card h2{margin:0 0 12px}.consent-card p{color:#c1c4d5;font-size:14px}.choice{display:flex;gap:13px;align-items:flex-start;padding:12px 0;font-size:14px;cursor:pointer}.choice input{appearance:auto;accent-color:#9a90ff;width:17px;height:17px;margin-top:3px;flex:0 0 auto}.fine{color:#999caf!important;font-size:12px!important;line-height:1.65}.cta-row{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:22px}.primary,.secondary{font-family:inherit;font-size:14px;font-weight:750;border-radius:11px;padding:14px 18px;cursor:pointer;transition:filter .15s;background:#aca4ff;border:1px solid #aca4ff;color:#161427}.primary:hover{filter:brightness(1.1)}.primary:disabled{opacity:.6;cursor:not-allowed}.primary span{margin-left:24px}.secondary{background:#1b1e2a;border:1px solid #44465a;color:#eee}.secondary:hover{background:#292d3f}.small{padding:9px 12px;font-size:12px}.error{color:var(--error);font-size:13px}.hidden{display:none!important}.field{margin:12px 0}.field label{display:block;font-size:13px;margin-bottom:8px}.field input,.question select,.question textarea{width:100%;background:#111420;border:1px solid #3a3d50;color:#f4f2ff;padding:12px 13px;border-radius:9px;font:inherit}.field input{max-width:350px}.center-state{text-align:center;max-width:620px;margin:auto}.center-state p{color:#b9bdd2}.orbit{font-size:65px;color:#a9a1ff;margin-bottom:26px}.big-number{font-weight:800;font-size:100px;line-height:1.2;color:#b8b1ff;margin-top:18px}.center-state .secondary{margin-top:25px}.chat-section{padding-top:24px}.chat-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:12px 0 19px;gap:15px}.chat-header h2{margin:0 0 2px}.chat-header p{margin:0;color:var(--muted);font-size:12px}.chat-header .hero-eyebrow{margin-bottom:5px}.right-header{text-align:right;display:grid;gap:4px;justify-items:end}.timer{font-variant-numeric:tabular-nums;font-size:23px;font-weight:750;color:#bcb4ff}.chat-messages{height:min(58vh,560px);overflow:auto;display:flex;flex-direction:column;gap:16px;padding:22px 8px}.bubble{max-width:85%;white-space:pre-wrap;word-break:break-word;line-height:1.62;border-radius:14px;padding:13px 16px;background:#222637;border:1px solid #33384e;font-size:15px}.bubble.user{align-self:flex-end;background:#393254;border:1px solid #51476f}.bubble.assistant{align-self:flex-start}.bubble .who{display:block;font-size:11px;color:#b7b0f7;font-weight:700;letter-spacing:.05em;margin-bottom:4px}.composer{border-top:1px solid var(--line);padding-top:16px}.composer form{display:flex;gap:12px;align-items:stretch}.composer textarea{flex:1;resize:vertical;min-height:61px;background:#171a28;color:#fff;border:1px solid #46485d;border-radius:10px;padding:12px;font:inherit}.composer-note{display:flex;gap:12px;justify-content:space-between;padding:10px 1px;font-size:12px;color:#888da6}.survey-section{max-width:735px;margin:auto}.survey-form{margin-top:27px}.question{padding:22px 0;border-bottom:1px solid var(--line)}.question>label{font-weight:700;display:block;margin-bottom:12px}.optional{font-size:12px;color:var(--muted);font-weight:400}.question textarea{resize:vertical}.question small{display:block;color:var(--muted);margin-top:7px}.rating{display:flex;flex-wrap:wrap;gap:8px}.rating button{background:#191d2b;color:#c5c7d7;border:1px solid #3c4052;border-radius:9px;padding:11px 19px;cursor:pointer;font-weight:700}.rating button.chosen{background:#5b538c;border-color:#b9b0ff;color:#fff}.consent-card.compact{margin:24px 0 5px;padding:15px 20px}.notice{padding:15px;border-radius:12px;background:#24263a;color:#cec9ff;margin:26px 0}footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;color:#888b9d;font-size:11px;border-top:1px solid var(--line);padding:30px 0 45px}@media(max-width:700px){.shell{padding:0 16px}.section{padding:36px 0 65px}.topbar{padding:18px 0}.brand{font-size:13px}.character-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.character{padding:14px;min-height:145px}.stats>div{flex:1;min-width:90px;padding:10px}.consent-card{padding:18px}.chat-messages{height:53vh}.chat-header{align-items:flex-start}.lead{font-size:15px}.composer form{gap:6px}.composer .primary{padding:10px 12px}.bubble{max-width:93%}}@media(max-width:420px){.character-grid{grid-template-columns:1fr}.character{min-height:95px}.right-header .timer{font-size:17px}.topbar .server-status{font-size:10px}}
