@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@500;700;800&family=Noto+Sans+KR:wght@400;500;700&display=swap";:root{--font-ui: "Noto Sans KR", "Segoe UI", sans-serif;--font-display: "Orbitron", "Noto Sans KR", sans-serif;font-family:var(--font-ui);line-height:1.5;font-weight:400;color:#f3ebff;background:#0b0d1f;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 15% 15%,#2a2f6e,#2a2f6e00 45%),radial-gradient(circle at 85% 85%,#5a236a,#5a236a00 42%),linear-gradient(160deg,#090b1a,#111432 55%,#1a1438)}#root{width:100%}.page{min-height:100vh;display:flex;flex-direction:column;gap:2rem;padding:1rem clamp(1rem,3vw,3rem) 3rem;position:relative;overflow:hidden;color:#f3ebff}.page:before,.page:after{content:"";position:absolute;border-radius:999px;z-index:0;pointer-events:none}.page:before{width:560px;height:560px;top:-240px;right:-200px;background:radial-gradient(circle,#ff487e52,#ff487e00)}.page:after{width:620px;height:620px;bottom:-280px;left:-240px;background:radial-gradient(circle,#56d5ff47,#56d5ff00)}.hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem;position:relative;z-index:1;margin-top:0}.brand{display:grid;gap:.6rem;justify-items:center}.eyebrow{margin:0;font-size:.74rem;letter-spacing:.4em;text-transform:uppercase;color:#f7f2ff9e}.title{margin:0;font-family:var(--font-display);font-size:clamp(2.4rem,5vw,4.2rem);line-height:.95;letter-spacing:.03em;text-transform:uppercase;color:#fff2fa;text-shadow:0 8px 32px rgba(255,66,160,.45)}.tagline{margin:0;max-width:42ch;font-size:1rem;line-height:1.6;color:#f8f5ffdb}.hero-panel{width:min(760px,100%);background:linear-gradient(130deg,#1b1837b8,#121634c7);border:1px solid rgba(255,98,175,.35);border-radius:22px;padding:1.25rem 1.4rem;display:grid;gap:.6rem;justify-items:center;box-shadow:0 18px 45px #08071480;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.panel-line{font-family:var(--font-display);font-size:.82rem;text-transform:uppercase;letter-spacing:.24em;color:#ffb7dcf0}.panel-title{font-size:1.2rem;font-weight:700;line-height:1.35;color:#f8f3ff}.panel-meta{font-size:.95rem;color:#e3edffd1}.center{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:.8rem;margin-top:.2rem;width:100%}.section-label{margin:0;font-family:var(--font-display);font-size:.78rem;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:#c1deffd1}.category-grid{margin-top:.85rem;width:min(980px,100%);display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.category{font-family:var(--font-ui);min-height:112px;padding:1.45rem 1.2rem;border-radius:18px;border:1px solid rgba(149,198,255,.38);background:linear-gradient(155deg,#252c57e0,#211946e6);color:#f6f2ff;font-size:1.07rem;font-weight:700;line-height:1.35;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease;box-shadow:0 10px 24px #07091773}.category:hover{transform:translateY(-4px) scale(1.01);border-color:#ff87c3ad;background:linear-gradient(155deg,#353f76ed,#382467f2);box-shadow:0 18px 34px #080a1b8f}.category:disabled{opacity:.65;cursor:not-allowed}.category.active{border-color:#ff8bc1eb;box-shadow:0 0 0 2px #ff56a88c,0 18px 34px #080a1b8f}.flow-panel{width:min(1080px,100%);border:1px solid rgba(147,195,255,.44);border-radius:18px;padding:1rem;background:#10142eb3}.flow-head{margin-bottom:.9rem}.flow-title{margin:0;font-family:var(--font-display);letter-spacing:.12em}.flow-sub{margin:.3rem 0 0;color:#dbe6ffcc}.flow-min-votes{margin:.35rem 0 0;color:#c8ffe3eb;font-size:.9rem}.anime-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.9rem}.anime-card{border:1px solid rgba(147,195,255,.34);border-radius:14px;overflow:hidden;background:#1a2044d1;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.anime-card.picked-like{border-color:#58eca3eb;background:#214e3b57;box-shadow:0 0 0 2px #58eca338}.anime-card.picked-dislike{border-color:#ff6d6df2;box-shadow:0 0 0 2px #ff6d6d33}.anime-cover{width:100%;aspect-ratio:16 / 9;object-fit:cover;display:block}.cover-fallback{display:grid;place-items:center;color:#dae0f8b3;font-size:.78rem}.anime-body{padding:.75rem}.anime-title{margin:0;font-size:1rem}.anime-alt{margin:.3rem 0 0;color:#dbe6ffc2;font-size:.88rem}.anime-meta{margin:.35rem 0 0;color:#c0d1f0b8;font-size:.82rem}.vote-row{margin-top:.65rem;display:flex;gap:.5rem}.vote-btn{flex:1;border-radius:10px;border:1px solid rgba(133,182,246,.48);background:#181d3fdb;color:#f4edff;padding:.48rem .55rem;cursor:pointer}.vote-btn.like.picked{border-color:#64ffc7cc;box-shadow:0 0 0 2px #64ffc738}.vote-btn.dislike.picked{border-color:#ff88c2e0;box-shadow:0 0 0 2px #ff88c23d}.flow-actions{margin-top:.9rem;display:flex;justify-content:space-between;align-items:center;gap:.75rem}.flow-picked{margin:0;color:#e0ecffcc}.submit-button{justify-self:start;padding:.72rem 1.15rem;border-radius:12px;border:1px solid rgba(255,144,194,.64);background:linear-gradient(145deg,#ff59ae5c,#7152ff57);color:#fff5fd;font-family:var(--font-ui);font-size:.95rem;font-weight:700;cursor:pointer}.submit-button:disabled{cursor:not-allowed;opacity:.62}.status{margin:0;font-size:.9rem}.status.error{color:#ffb7d7}.result-panel{width:min(980px,100%);margin-top:.9rem;border-radius:18px;border:1px solid rgba(148,199,255,.45);background:linear-gradient(145deg,#131c41e6,#1d143bdb);padding:1rem 1.1rem;box-shadow:0 12px 30px #07091775}.result-tag{margin:0;font-size:.74rem;text-transform:uppercase;letter-spacing:.25em;color:#cce8ffc7}.result-title{margin:.5rem 0 0;font-size:1.2rem;color:#fff2fa}.result-list{margin:.65rem 0 0;padding-left:1rem}.result-item{margin:.32rem 0}@media(max-width:700px){.page{gap:1.7rem;padding-top:.9rem}.category-grid{grid-template-columns:1fr}.flow-actions{flex-direction:column;align-items:stretch}.submit-button{width:100%}}