:root{--bg: #f5f9ff;--ink: #172430;--line: #1e3344;--card: #ffffff;--pink: #ff6f91;--cyan: #32c6d8;--mint: #6ad8b5}*{box-sizing:border-box}body{margin:0;font-family:Space Grotesk,Noto Sans KR,sans-serif;color:var(--ink);background:radial-gradient(1100px 650px at 0% 0%,#e6f3ff 0%,transparent 70%),radial-gradient(900px 520px at 100% 0%,#ffe9f1 0%,transparent 68%),var(--bg)}.page{max-width:1240px;margin:0 auto;padding:42px 18px 58px}.page.landing{min-height:100vh;display:flex;flex-direction:column;justify-content:flex-start;padding-top:46px}.hero{text-align:center;margin-bottom:26px}.kicker{margin:0;font-size:.82rem;letter-spacing:.12em;font-weight:800;color:#476278}h1{margin:8px 0 10px;font-size:clamp(2rem,3.1vw,2.9rem);line-height:1.08}.hero p{margin:0;color:#486377;font-size:1.01rem}.panel{background:var(--card);border:2px solid var(--line);border-radius:20px;box-shadow:7px 7px 0 var(--line);padding:20px;margin-bottom:16px}.panel h2{margin:0 0 12px;font-size:1.28rem}.panel h3{margin:12px 0 8px;font-size:1.02rem}.flow-panel{text-align:center}.step1-panel{max-width:980px;margin:0 auto 22px}.step1-panel h2{margin:0 0 18px;font-size:1.42rem}.chip-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;justify-content:center}.chip-btn{border:2px solid #304b62;background:linear-gradient(145deg,#fff,#eefaff);color:#173344;border-radius:18px;min-height:182px;padding:14px;font:inherit;font-size:1.12rem;font-weight:800;cursor:pointer;display:grid;grid-template-rows:auto 1fr;gap:10px;align-items:start;text-align:left;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.chip-btn:hover{transform:translateY(-2px);border-color:#ff6f91;box-shadow:0 12px 24px #ff6f9129}.chip-btn.active{background:linear-gradient(135deg,#ffd3e0,#ffe4bd);border-color:#ff6f91}.chip-label{display:block}.chip-preview{width:100%;border-radius:12px;border:1px solid rgba(33,62,80,.32);background:linear-gradient(135deg,#f6fbff,#ffeef4);overflow:hidden;min-height:96px;opacity:0;transform:translateY(6px);transition:opacity .2s ease,transform .2s ease}.chip-preview.show{opacity:1;transform:translateY(0)}.chip-preview img{width:100%;height:96px;object-fit:cover}.chip-preview-loading{display:block;padding:36px 10px;text-align:center;color:#456273;font-weight:700;font-size:.88rem}.primary-btn{margin-top:14px;border:2px solid var(--line);border-radius:13px;background:var(--cyan);color:#0f2630;font:inherit;font-weight:800;padding:11px 16px;cursor:pointer}.loading-text{margin:12px 0 0;color:#496474;font-weight:700}.step2-topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.picked-count{margin:0;font-weight:800;color:#223b4b}.source-note{margin:4px 0 12px;font-size:.86rem;font-weight:700;color:#4e6a7c}.picked-strip{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}.picked-pill{border:1px solid #2a4556;background:#ecf8ff;color:#173241;border-radius:999px;padding:6px 12px;font:inherit;font-size:.84rem;cursor:pointer}.primary-btn:disabled{opacity:.6;cursor:not-allowed}.primary-btn.strong{background:var(--pink);color:#fff}.grid.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.grid.cards.five{grid-template-columns:repeat(5,minmax(0,1fr))}.anime-card{border:2px solid #2a4556;border-radius:14px;background:#fbfeff;padding:10px;display:grid;grid-template-columns:96px minmax(0,1fr);gap:10px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.anime-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0e232c1f}.anime-card.selected{border-color:#ff5f86;box-shadow:0 0 0 3px #ff5f862e;background:#fff5f8}.anime-card img{width:100%;height:136px;object-fit:cover;border-radius:10px;border:2px solid #2f4b5b}.anime-card h4{margin:0;font-size:.96rem;line-height:1.25}.anime-card p{margin:7px 0 0;color:#476273;font-size:.83rem;line-height:1.35}.meta-row{margin-top:8px;display:flex;gap:8px;font-size:.76rem;color:#4d6879}.anime-card.compact{grid-template-columns:1fr;padding:8px}.anime-card.compact img{height:180px}.anime-card.compact h4{margin-top:8px}.anime-card.result{background:linear-gradient(145deg,#fff,#f2fcff)}.result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.anime-card.result.large{cursor:default;grid-template-columns:132px minmax(0,1fr);padding:14px}.anime-card.result.large:hover{transform:none}.anime-card.result.large img{height:188px}.anime-card.result.large h4{font-size:1.06rem}.anime-card p.reason{color:#1f4457;font-weight:700}.tag-row{margin-top:8px;display:flex;flex-wrap:wrap;gap:6px}.tag-row span{border:1px solid #2a4556;border-radius:999px;padding:2px 8px;font-size:.72rem;color:#173241;background:#dcf5ff}.error-text{margin:10px 0 0;color:#b50034;font-weight:700}.result-panel{background:linear-gradient(170deg,#fff,#f7fff9,#f4f8ff)}.footer-note{text-align:center;color:#4c6678;font-size:.84rem;margin-top:12px}.motion-in{animation:rise .45s ease both}@media(max-width:1080px){.grid.cards{grid-template-columns:repeat(3,minmax(0,1fr))}.result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.page{padding:28px 12px 40px}.page.landing{padding-top:34px}.grid.cards,.result-grid{grid-template-columns:1fr}.step2-topbar{flex-direction:column;align-items:flex-start}.chip-btn{min-height:162px;padding:12px;font-size:1rem}.chip-group{grid-template-columns:1fr}.chip-preview img{height:90px}.anime-card{grid-template-columns:86px minmax(0,1fr)}.anime-card img{height:124px}.anime-card.result.large{grid-template-columns:1fr}.anime-card.result.large img{height:220px}}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}