:root{color-scheme:dark;--bg:#07111f;--panel:#0d1b2c;--panel2:#102238;--line:#1c3550;--text:#e8f3ff;--muted:#8ba3bb;--cyan:#52d9ee;--blue:#638bff;--green:#58e0b0}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% -15%,#16395b 0,transparent 48%),var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}
button,input,textarea,select{font:inherit}.app-shell{max-width:760px;margin:auto;padding:env(safe-area-inset-top) 18px calc(24px + env(safe-area-inset-bottom))}
.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #19314a}.brand{display:flex;align-items:center;gap:11px}.brand-mark{width:39px;height:39px;border:1px solid var(--cyan);border-radius:12px;display:grid;place-items:center;color:var(--cyan);font-size:22px;font-weight:800;box-shadow:0 0 22px #52d9ee30}.brand-name{font-size:15px;letter-spacing:3px;font-weight:800}.brand-sub{font-size:8px;letter-spacing:1.4px;color:var(--muted);margin-top:4px}.icon-btn{background:#102238;border:1px solid var(--line);color:var(--cyan);border-radius:10px;width:40px;height:40px;font-size:19px}
.hero{padding:38px 4px 25px}.eyebrow,.section-label,.card-kicker{font-size:10px;letter-spacing:2px;color:var(--cyan);font-weight:750}.pulse{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;box-shadow:0 0 10px var(--green);margin-right:7px}.hero h1{font-size:clamp(26px,7vw,38px);line-height:1.3;margin:15px 0 10px;letter-spacing:-1px}.hero h1 span{color:var(--cyan)}.hero p,.muted{color:var(--muted);font-size:13px;line-height:1.7;margin:0}
.panel{background:linear-gradient(145deg,#102238f2,#0b1929f2);border:1px solid var(--line);border-radius:18px;padding:19px;margin-bottom:17px;box-shadow:0 12px 35px #0002}.composer textarea,.dialog-content input,.dialog-content select{width:100%;background:#071522;border:1px solid #24415c;border-radius:12px;color:var(--text);padding:14px;outline:none}.composer textarea{margin:12px 0;resize:vertical;min-height:100px}.composer textarea:focus,.dialog-content input:focus{border-color:var(--cyan)}.mode-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:3px 0 13px}.mode{padding:11px;border-radius:10px;border:1px solid var(--line);background:#0a1827;color:var(--muted)}.mode.active{border-color:var(--cyan);color:var(--cyan);background:#123146}.expert-options{margin:0 0 14px}.expert-options label,.dialog-content label{display:block;font-size:12px;color:var(--muted);margin-bottom:8px}.expert-options select{width:100%;padding:12px;border-radius:10px;background:#071522;color:var(--text);border:1px solid var(--line)}.primary-btn{width:100%;display:flex;align-items:center;justify-content:space-between;padding:15px 17px;border:0;border-radius:12px;background:linear-gradient(100deg,#167b9a,#376bd4);color:white;font-weight:750;box-shadow:0 5px 22px #1a9dc333}.fineprint{font-size:10px;line-height:1.6;color:#7891a8;margin:11px 2px 0}.hidden{display:none!important}
.loading{display:flex;align-items:center;gap:15px}.loading p{color:var(--muted);font-size:12px;margin:5px 0 0}.loader{width:29px;height:29px;border:3px solid #24415c;border-top-color:var(--cyan);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.result-heading,.panel-title-row{display:flex;justify-content:space-between;align-items:center;gap:10px}.result-heading{margin:26px 2px 13px}.result-heading h2,.panel-title-row h2{font-size:19px;margin:6px 0 0}.status-pill{font-size:9px;letter-spacing:1px;color:var(--green);border:1px solid #286b5b;padding:6px 9px;border-radius:20px}.final-card{border-color:#27617a;background:linear-gradient(145deg,#103044,#0b1b2a)}.card-kicker{color:var(--green);font-size:9px}.answer-text{font-size:14px;line-height:1.9;white-space:pre-wrap;margin-top:12px}.caveats{font-size:11px;line-height:1.7;color:#f3c978;border-top:1px solid var(--line);padding-top:10px;margin-top:14px}.response-label{margin:25px 3px 12px}.response-list{display:grid;gap:10px}.response-card{background:#0c1b2b;border:1px solid var(--line);border-radius:14px;padding:15px}.response-card h3{margin:0 0 8px;font-size:14px;color:var(--cyan)}.response-card p{font-size:13px;line-height:1.8;white-space:pre-wrap;margin:0;color:#d2e2f0}.vote-panel{margin-top:16px}.vote-panel h3{font-size:16px;margin:12px 0 6px}.vote-options{display:grid;gap:8px;margin-top:14px}.vote-option{border:1px solid var(--line);background:#0a1827;color:var(--text);border-radius:10px;padding:12px;text-align:left}.vote-option:active{border-color:var(--cyan)}.vote-thanks{margin-top:12px;color:var(--green);font-size:12px}.ranking-panel,.history-panel{margin-top:24px}.small{font-size:10px}.rank-row{display:grid;grid-template-columns:55px 1fr 42px;gap:10px;align-items:center;margin-top:14px;font-size:12px}.bar{height:7px;background:#1b3045;border-radius:10px;overflow:hidden}.bar span{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--blue));border-radius:10px}.history-item{border-top:1px solid var(--line);padding:12px 0;font-size:12px;line-height:1.6}.history-item:first-child{margin-top:10px}.history-item small{display:block;color:var(--muted);margin-top:4px}.text-btn{background:none;border:0;color:var(--muted);font-size:11px}footer{text-align:center;color:#58718a;font-size:9px;letter-spacing:1.4px;padding:15px}footer span{color:var(--cyan)}
.settings-dialog{width:min(92vw,480px);background:#0d1b2c;border:1px solid var(--line);border-radius:18px;color:var(--text);padding:20px}.settings-dialog::backdrop{background:#000b;backdrop-filter:blur(4px)}.dialog-head{display:flex;justify-content:space-between;align-items:center}.dialog-head h2{margin:6px 0 0}.dialog-content{padding-top:20px}.dialog-content input[type=url]{margin-bottom:8px}.checkline{display:flex!important;align-items:center;gap:9px;margin:20px 0!important}.checkline input{width:auto}.security-note{margin-top:18px;padding:12px;background:#10283a;border-radius:10px;font-size:11px;line-height:1.7;color:#9bb4c9}
@media(min-width:600px){.app-shell{padding-left:28px;padding-right:28px}.hero{padding-top:55px}.response-list{grid-template-columns:1fr 1fr}}