:root{--ink:#211B2E;--ink-soft:#5b5470;--paper:#ECE9F4;--card:#FBFAFF;--line:#ded8ec;--raspberry:#FF4D6D;--raspberry-ink:#e0264c;--indigo:#3B2E6E;--indigo-soft:#c9c1e6;--sun:#FFC24B}*{box-sizing:border-box}body,html{margin:0;padding:0}body{min-height:100vh;background:radial-gradient(120% 90% at 12% -8%,#f4e9ff 0,transparent 55%),radial-gradient(120% 90% at 100% 0,#ffe9ee 0,transparent 50%),var(--paper);color:var(--ink);font-family:Inter,system-ui,sans-serif;justify-content:center;padding:20px}.stage,body{display:flex}.stage{width:100%;max-width:460px;background:var(--card);border:1px solid var(--line);border-radius:26px;padding:22px 22px 26px;box-shadow:0 24px 60px -30px rgba(59,46,110,.5);flex-direction:column;min-height:560px;position:relative;overflow:hidden}.topbar{justify-content:space-between;margin-bottom:8px}.top-left,.topbar{display:flex;align-items:center}.top-left{gap:11px}.wordmark{font-family:Bricolage Grotesque;font-weight:800;font-size:19px;letter-spacing:-.02em}.wordmark .q{color:var(--raspberry);margin-left:1px}.counter{font-weight:600;font-size:14px;color:var(--ink-soft);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.counter-sep{color:var(--indigo-soft);margin:0 1px}.burger{width:36px;height:36px;border:1.5px solid var(--line);border-radius:11px;background:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;cursor:pointer;transition:border-color .15s,background .15s;padding:0}.burger span{display:block;width:16px;height:2px;border-radius:2px;background:var(--ink)}.burger:hover{border-color:var(--indigo-soft);background:#faf9ff}.panel{flex:1 1;display:flex;flex-direction:column;animation:panelIn .34s cubic-bezier(.2,.7,.3,1) both}@keyframes panelIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.kicker{font-size:13px;font-weight:600;color:var(--raspberry-ink);margin:6px 0 10px}.hero{font-family:Bricolage Grotesque;font-weight:800;font-size:30px;line-height:1.08;letter-spacing:-.02em;margin:0 0 14px;max-width:22ch}.lede{font-size:15px;line-height:1.5;margin:0 0 20px;max-width:40ch}.fineprint,.lede{color:var(--ink-soft)}.fineprint{font-size:12.5px;margin:12px 0 0;text-align:center}.pickblock{margin-bottom:16px}.picklabel{display:block;font-size:13px;font-weight:600;color:var(--ink-soft);margin-bottom:8px}.pills{display:flex;flex-wrap:wrap;gap:8px}.pill{font-family:inherit;font-size:14px;font-weight:600;color:var(--ink);background:#fff;border:1.5px solid var(--line);border-radius:999px;padding:9px 15px;cursor:pointer;transition:transform .12s,border-color .15s,background .15s}.pill:hover{border-color:var(--indigo-soft)}.pill.on{background:var(--ink);color:#fff;border-color:var(--ink)}.pill:active{transform:scale(.96)}.question{font-family:Bricolage Grotesque;font-weight:800;font-size:29px;line-height:1.1;letter-spacing:-.02em;margin:14px 0 22px;max-width:24ch}.options{display:flex;flex-direction:column;gap:11px}.option{font-family:inherit;text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border:1.5px solid var(--line);border-radius:16px;padding:17px 18px;transition:transform .14s,border-color .15s,box-shadow .15s;animation:optIn .32s cubic-bezier(.2,.7,.3,1) both}@keyframes optIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.option-label{font-size:16.5px;font-weight:600}.option-tick{font-size:22px;color:var(--indigo-soft);transition:transform .15s,color .15s}.option:hover{border-color:var(--raspberry);box-shadow:0 10px 26px -18px var(--raspberry)}.option:hover .option-tick{color:var(--raspberry);transform:translateX(3px)}.option:active{transform:scale(.985)}.option:disabled{cursor:default;opacity:.9}.hint{font-size:13px;color:var(--ink-soft);margin:18px 0 0;text-align:center}.question-sm{font-family:Bricolage Grotesque;font-weight:700;font-size:19px;line-height:1.18;letter-spacing:-.01em;margin:8px 0 14px;color:var(--ink)}.verdict{font-size:15px;font-weight:600;line-height:1.35;border-radius:14px;padding:12px 14px;margin-bottom:18px}.verdict.maj{background:#eafaf1;color:#0f7a45}.verdict.mid{background:#eef0fb;color:#3a3fa0}.verdict.min{background:#fff2e6;color:#b4560c}.verdict.rare{background:#ffe9ef;color:var(--raspberry-ink)}.bars{display:flex;flex-direction:column;gap:14px;margin-bottom:22px}.bar-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}.bar-label{font-size:15px;font-weight:600;display:flex;align-items:center;gap:8px}.bar-pct{font-family:Bricolage Grotesque;font-weight:700;font-size:17px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.you{font-size:11px;font-weight:700;color:#fff;background:var(--raspberry);padding:2px 8px}.track,.you{border-radius:999px}.track{height:12px;background:#efecf7;overflow:hidden}.fill{height:100%;border-radius:999px;background:var(--indigo);width:0;transition:width .8s cubic-bezier(.2,.75,.25,1)}.bar-row.mine .fill{background:linear-gradient(90deg,var(--raspberry),#ff738d)}.bar-row.mine .bar-pct{color:var(--raspberry-ink)}.toofew{background:#f4f1fb;border:1px dashed var(--indigo-soft);border-radius:14px;padding:16px;margin-bottom:20px;color:var(--ink-soft);font-size:14px;line-height:1.45}.toofew strong{color:var(--ink)}.filters{margin-bottom:16px}.seg{display:flex;gap:6px;background:#f1eef9;border-radius:12px;padding:4px}.seg-btn{flex:1 1;font-family:inherit;font-size:13.5px;font-weight:600;color:var(--ink-soft);background:transparent;border:none;border-radius:9px;padding:9px 6px;cursor:pointer;transition:background .15s,color .15s}.seg-btn.on{background:#fff;color:var(--ink);box-shadow:0 2px 8px -4px rgba(59,46,110,.4)}.bands{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px}.band{font-family:inherit;font-size:13px;font-weight:600;color:var(--ink-soft);background:#fff;border:1.5px solid var(--line);border-radius:999px;padding:6px 12px;cursor:pointer;display:flex;align-items:center;gap:5px;transition:border-color .15s,color .15s,background .15s}.band.on{background:var(--indigo);color:#fff;border-color:var(--indigo)}.you-dot{font-size:16px;line-height:0}.band.on .you-dot,.you-dot{color:var(--sun)}.total{font-size:13px;color:var(--ink-soft);text-align:center;margin-bottom:18px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.cta{font-family:inherit;font-size:16px;font-weight:700;color:#fff;background:var(--ink);border:none;border-radius:15px;padding:16px;cursor:pointer;margin-top:auto;transition:transform .12s,background .15s}.cta:hover{background:#100c1c}.cta:active{transform:scale(.985)}.cta:disabled{opacity:.55;cursor:default}.cta.ghost{background:#fff;color:var(--ink);border:1.5px solid var(--line);margin-bottom:10px}.cta.ghost:hover{border-color:var(--indigo-soft);background:#faf9ff}.overlay{z-index:30}.overlay,.scrim{position:absolute;inset:0}.scrim{background:rgba(33,27,46,.42);animation:fadeIn .22s ease both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.drawer{position:absolute;top:0;left:0;bottom:0;width:80%;max-width:320px;background:var(--card);border-right:1px solid var(--line);padding:22px 18px;display:flex;flex-direction:column;animation:slideL .28s cubic-bezier(.2,.7,.3,1) both}@keyframes slideL{0%{transform:translateX(-102%)}to{transform:none}}.drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.close{width:34px;height:34px;border:none;background:#f1eef9;border-radius:10px;font-size:15px;color:var(--ink);cursor:pointer;transition:background .15s}.close:hover{background:#e6e1f4}.menu-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.menu-item{width:100%;font-family:inherit;font-size:15.5px;font-weight:600;color:var(--ink);background:transparent;border:none;border-radius:12px;cursor:pointer;text-align:left;padding:13px 12px;display:flex;align-items:center;gap:12px;transition:background .14s;text-decoration:none}.menu-item:hover{background:#f4f1fb}.menu-icon{width:26px;height:26px;flex:none;display:flex;align-items:center;justify-content:center;background:#f1eef9;border-radius:8px;color:var(--indigo);font-size:14px}.menu-chev{margin-left:auto;color:var(--indigo-soft);font-size:20px}.drawer-foot{margin-top:auto;font-size:12.5px;color:var(--ink-soft);padding:14px 12px 0}.page{position:absolute;inset:0;z-index:40;background:var(--card);padding:22px 22px 26px;overflow-y:auto;animation:slideR .28s cubic-bezier(.2,.7,.3,1) both}@keyframes slideR{0%{transform:translateX(102%)}to{transform:none}}.back{font-family:inherit;font-size:14.5px;font-weight:600;color:var(--ink-soft);background:transparent;border:none;cursor:pointer;padding:6px 0;margin-bottom:14px;display:flex;align-items:center;gap:5px;transition:color .15s}.back span{font-size:20px;line-height:0}.back:hover{color:var(--ink)}.page-title{font-family:Bricolage Grotesque;font-weight:800;font-size:27px;letter-spacing:-.02em;margin:0 0 16px}.page-body p{font-size:15px;line-height:1.6;color:#3d3650;margin:0 0 13px;max-width:42ch}.page-body a{color:var(--raspberry-ink)}.form{gap:16px}.field,.form{display:flex;flex-direction:column}.field{gap:7px}.field-label{font-size:13px;font-weight:600;color:var(--ink-soft);display:flex;justify-content:space-between;align-items:baseline}.charcount{font-weight:500;color:var(--indigo-soft);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.input,.textarea{font-family:inherit;font-size:15.5px;color:var(--ink);background:#fff;border:1.5px solid var(--line);border-radius:13px;padding:12px 14px;width:100%;transition:border-color .15s}.textarea{resize:vertical;min-height:72px;line-height:1.4}.input:focus,.textarea:focus{outline:none;border-color:var(--indigo-soft)}.opt-row{display:flex;align-items:center;gap:8px}.opt-row .input{flex:1 1}.opt-remove{width:38px;height:38px;flex:none;border:1.5px solid var(--line);background:#fff;border-radius:11px;color:var(--ink-soft);font-size:16px;cursor:pointer;transition:border-color .15s,color .15s}.opt-remove:hover{border-color:var(--raspberry);color:var(--raspberry)}.opt-remove:disabled{opacity:.4;cursor:default}.add-opt{align-self:flex-start;font-family:inherit;font-size:13.5px;font-weight:600;color:var(--indigo);background:#f1eef9;border:none;border-radius:999px;padding:8px 14px;cursor:pointer;transition:background .15s}.add-opt:hover{background:#e6e1f4}.add-opt:disabled{opacity:.5;cursor:default}.form-msg{border-radius:12px;padding:12px 14px;font-size:14px;font-weight:600;line-height:1.4}.form-msg.ok{background:#eafaf1;color:#0f7a45}.form-msg.err{background:#ffe9ef;color:var(--raspberry-ink)}.admin{max-width:560px}.admin-head{display:flex;align-items:center;justify-content:space-between}.admin-refresh{width:36px;height:36px;border:1.5px solid var(--line);background:#fff;border-radius:11px;font-size:17px;color:var(--ink-soft);cursor:pointer;transition:border-color .15s,color .15s}.admin-refresh:hover{border-color:var(--indigo-soft);color:var(--ink)}.admin-refresh:disabled{opacity:.5;cursor:default}.mod-empty{background:#eafaf1;color:#0f7a45;border-radius:14px;padding:16px;font-size:15px;font-weight:600}.mod-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px 18px;margin-bottom:14px;box-shadow:0 10px 30px -24px rgba(59,46,110,.5)}.mod-meta{font-size:12px;color:var(--ink-soft);margin-bottom:6px}.mod-q{font-family:Bricolage Grotesque;font-weight:700;font-size:18px;line-height:1.2;margin-bottom:10px}.mod-opts{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-wrap:wrap;gap:7px}.mod-opts li{font-size:13.5px;font-weight:600;color:var(--indigo);background:#f1eef9;border-radius:999px;padding:5px 12px}.mod-actions{display:flex;gap:10px;justify-content:flex-end}.btn-pub,.btn-rej{font-family:inherit;font-size:14.5px;font-weight:700;border-radius:12px;padding:10px 18px;cursor:pointer;border:1.5px solid transparent;transition:transform .12s,background .15s,border-color .15s}.btn-pub{background:var(--ink);color:#fff}.btn-pub:hover{background:#100c1c}.btn-rej{background:#fff;color:var(--raspberry-ink);border-color:var(--line)}.btn-rej:hover{border-color:var(--raspberry)}.btn-pub:active,.btn-rej:active{transform:scale(.97)}.btn-pub:disabled,.btn-rej:disabled{opacity:.55;cursor:default}.page-wrap{width:100%;max-width:460px}.back-link{display:inline-block;font-size:14.5px;font-weight:600;color:var(--ink-soft);margin-bottom:14px;text-decoration:none}.back-link:hover{color:var(--ink)}.page-body em{color:var(--ink-soft);font-size:13.5px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--raspberry);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{animation:none!important}*,.fill{transition:none!important}}@media (max-width:400px){.stage{padding:18px 16px 22px;border-radius:22px}.hero,.question{font-size:26px}}