:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4efe7;--panel:#ffffffb8;--text:#564f61;--text-h:#171126;--muted:#726b7c;--border:#3e305c1f;--accent:#ef476f;--success:#1a9b7b;--shadow:0 24px 80px #2f1c4a1f;--sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-family:var(--sans);color:var(--text);background:radial-gradient(circle at top left, #ef476f29, transparent 28%), radial-gradient(circle at top right, #3a86ff21, transparent 24%), linear-gradient(180deg, #fffaf4 0%, var(--bg) 100%);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{min-height:100%}body{min-height:100vh;margin:0}body:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff2e 1px,#0000 1px),linear-gradient(90deg,#ffffff2e 1px,#0000 1px);background-size:42px 42px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#00000038,#0000 80%);mask-image:linear-gradient(#00000038,#0000 80%)}#root{min-height:100vh}h1,h2,h3{color:var(--text-h);line-height:1.05}h1{letter-spacing:-.05em;margin:0;font-size:clamp(2.8rem,5vw,5rem)}h2{letter-spacing:-.03em;font-size:clamp(1.4rem,2vw,2rem)}p{margin:0}a{color:inherit}button,input,select{font:inherit}.app-shell{width:min(1120px,100% - 32px);margin:0 auto;padding:48px 0 64px}.hero-panel{margin-bottom:24px;padding:24px 0 12px}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--accent);margin:0 0 10px;font-size:.75rem;font-weight:700}.lede{max-width:68ch;color:var(--muted);font-size:1.05rem}.card{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:24px}.setup-card,.loading-card,.question-card,.result-card,.setup-error-card{padding:28px}.setup-error-card{gap:14px;margin-top:18px;display:grid}.setup-form{gap:18px;display:grid}.setup-panel-intro{gap:8px;margin-bottom:4px;display:grid}.setup-lead,.setup-note{color:var(--muted)}.setup-note{margin:0;font-size:.92rem}.setup-form label,.format-group legend{color:var(--text-h);gap:10px;font-weight:600;display:grid}.setup-form input,.setup-form select{box-sizing:border-box;border:1px solid var(--border);width:100%;color:var(--text-h);font:inherit;background:#ffffffb3;border-radius:14px;padding:14px 16px}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.format-group{border:0;margin:0;padding:0}.format-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;padding-top:10px;display:grid}.format-pill{border:1px solid var(--border);cursor:pointer;background:#ffffff7a;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:10px 14px;transition:opacity .15s;display:flex}.format-pill input{display:none}.selected{background:linear-gradient(135deg, var(--success), #1fddad)}.primary-button,.secondary-button,.choice-button{font:inherit;cursor:pointer;border:0;border-radius:16px;padding:14px 18px;font-weight:700;transition:transform .15s,box-shadow .15s,opacity .15s}.primary-button{background:linear-gradient(135deg, var(--accent), #ff7db8);color:#fff;box-shadow:0 18px 40px #ff5a9647}.secondary-button{color:var(--text-h);border:1px solid var(--border);background:0 0}.debug-toggle{color:var(--accent);cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:6px 0 0;font-weight:700}.choice-button{color:#fff;background:linear-gradient(135deg,#0f172a,#1d4ed8);min-height:84px;font-size:1.1rem}.choice-button--alt{background:linear-gradient(135deg,#6d28d9,#ec4899)}.primary-button:hover,.secondary-button:hover,.choice-button:hover{transform:translateY(-1px)}.primary-button:focus-visible,.secondary-button:focus-visible,.choice-button:focus-visible{outline-offset:2px;outline:3px solid #ff5a9659}.error-banner{color:#b91c1c;background:#ef444417;border:1px solid #ef444433;border-radius:14px;margin:0;padding:12px 14px}.loading-card{text-align:center;justify-items:center;gap:12px;display:grid}.spinner{border:4px solid #ff5a9624;border-top-color:var(--accent);border-radius:50%;width:44px;height:44px;animation:.9s linear infinite spin}.question-header,.result-header{justify-content:space-between;align-items:start;gap:16px;margin-bottom:20px;display:flex}.result-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.icon-toggle-button{border:1px solid var(--border);color:var(--text-h);cursor:pointer;background:#fff9;border-radius:16px;align-items:center;gap:10px;padding:12px 14px;font-weight:700;transition:transform .15s,box-shadow .15s,border-color .15s;display:inline-flex}.icon-toggle-button:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.icon-toggle-button:focus-visible{outline-offset:2px;outline:3px solid #3a86ff52}.icon-toggle-button__icon{width:1.75rem;height:1.75rem;color:var(--text-h);background:linear-gradient(135deg,#0f172a14,#0f172a05);border-radius:999px;justify-content:center;align-items:center;font-size:1rem;display:inline-flex}.remaining{color:var(--muted);white-space:nowrap;margin:0}.question-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:18px;display:grid}.question-footer{justify-content:center;padding-bottom:10px;display:flex}.question-footer .secondary-button{width:33%}.anime-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;display:grid}.anime-card{border:1px solid var(--border);color:inherit;background:#ffffff80;border-radius:20px;flex-direction:column;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex;overflow:hidden}.anime-score{background:#0f172a14;width:100%;height:28px;position:relative;overflow:hidden}.anime-score__fill{border-radius:inherit;position:absolute;inset:0 auto 0 0}.anime-score--low .anime-score__fill{background:linear-gradient(90deg,#ef4444,#f97316)}.anime-score--mid .anime-score__fill{background:linear-gradient(90deg,#f97316,#f59e0b)}.anime-score--high .anime-score__fill{background:linear-gradient(90deg,#84cc16,#22c55e)}.anime-score__label{color:#fff;text-shadow:0 2px 3px #000000bf;pointer-events:none;place-items:center;font-size:.82rem;font-weight:800;display:grid;position:absolute;inset:0}.anime-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.anime-card img{aspect-ratio:2/3;object-fit:cover;background:#0f172a14;width:100%}.anime-card__header{justify-content:space-between;gap:5px;display:flex}.anime-card__header .anime-year{padding-top:2px;font-size:small}.anime-card__body{flex-direction:column;gap:5px;padding:4px 14px 8px;display:flex}.anime-card__meta{color:var(--muted);flex-direction:column;justify-content:space-between;gap:8px;margin-bottom:8px;font-size:.82rem;display:flex}.anime-card__meta .anime-status-format{justify-content:space-between;display:flex}.anime-card h3,.question-card h2,.result-card h2,.loading-card h2{margin:0}.anime-card h3{font-size:1rem;line-height:1.35}.empty-state{color:var(--muted);margin-top:18px}.debug-panel{border-top:1px dashed var(--border);gap:16px;margin-top:18px;padding-top:18px;display:grid}.debug-panel__summary{justify-content:space-between;align-items:start;gap:16px;display:flex}.debug-panel h3{margin:6px 0 0;font-size:1.05rem}.debug-panel__question{color:var(--muted);text-align:right;max-width:28ch;margin:0}.debug-chip-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;display:grid}.debug-chip{border:1px solid var(--border);color:var(--text-h);background:#ffffff85;border-radius:14px;gap:4px;padding:10px 12px;display:grid}.debug-chip strong{font-size:.92rem}.debug-chip span{color:var(--muted);font-size:.84rem}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=760px){.app-shell{width:min(100% - 20px,1120px);padding:24px 0 40px}.setup-card,.loading-card,.question-card,.result-card{padding:20px}.field-grid,.question-actions{grid-template-columns:1fr}.question-header,.result-header{flex-direction:column;align-items:stretch}.result-actions{justify-content:stretch}.result-actions .secondary-button,.result-actions .icon-toggle-button{justify-content:center;width:100%}}
