@import"https://fonts.googleapis.com/css2?family=Gaegu:wght@400;700&family=Gowun+Dodum&display=swap";html,body,#root{margin:0;min-height:100%}body{font-family:Manrope,Noto Sans KR,sans-serif}:root{--bg: #f5f1ff;--surface: rgba(250, 246, 255, .9);--line: rgba(133, 102, 201, .24);--ink: #2b1f4a;--muted: #6f6296;--primary: #8d61ff;--primary-ink: #ffffff;--accent: #b86cff;--danger: #c2423f}*{box-sizing:border-box}body{margin:0;font-family:Gowun Dodum,sans-serif;background:var(--bg);color:var(--ink)}.cat-shell{min-height:100vh;position:relative;overflow:hidden;background:radial-gradient(circle at 10% 10%,rgba(141,97,255,.2),transparent 38%),radial-gradient(circle at 90% 90%,rgba(184,108,255,.18),transparent 42%),var(--bg)}.halo{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:0}.halo-a{width:360px;height:360px;right:-100px;top:-140px;background:#8d61ff47}.halo-b{width:360px;height:360px;left:-140px;bottom:-120px;background:#b86cff3d}.cat-topbar,.cat-main{position:relative;z-index:1}.cat-topbar{max-width:1080px;margin:0 auto;padding:18px;display:flex;justify-content:space-between;align-items:center}.cat-brand{display:flex;align-items:center;gap:10px;font-weight:800}.cat-brand p{margin:0;font-family:Gaegu,cursive;font-size:1.38rem;letter-spacing:.01em}.cat-brand-icon{width:36px;height:36px;border-radius:12px;overflow:hidden;border:1px solid var(--line);box-shadow:0 6px 12px #2b20161f}.cat-brand-icon img{width:100%;height:100%;object-fit:cover;display:block}.ghost-btn{border:1px solid var(--line);background:#ffffffb8;color:var(--ink);border-radius:999px;padding:8px 14px;font-weight:700;cursor:pointer}.cat-main{max-width:900px;margin:0 auto;padding:10px 18px 64px;display:grid;gap:18px}.hero-wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:16px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:0 20px 40px #2b201614}.micro-label{display:inline-block;margin:0;font-size:.7rem;letter-spacing:.13em;color:var(--accent);font-weight:800}.hero-wrap h1,.result-panel h2{margin:10px 0 8px;font-family:Gaegu,cursive;font-size:clamp(2rem,4.5vw,3rem);line-height:1.02}.lead-copy{margin:0;color:var(--muted);line-height:1.55}.mascot-card{border-radius:18px;border:1px solid rgba(141,97,255,.28);background:linear-gradient(165deg,#f3eaff,#efe6ff);padding:18px;display:grid;justify-items:center;text-align:center;animation:floaty 3s ease-in-out infinite}.mascot-card img{width:min(240px,100%);border-radius:18px;border:2px solid rgba(141,97,255,.26);background:#fff}.mascot-card p{margin:10px 0 0;font-weight:700;color:#6b57a2}.cat-panel{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:0 14px 28px #2b20160f}.panel-head b{font-family:Gaegu,cursive;font-size:1.35rem}.panel-head p{margin:3px 0 0;color:var(--muted);font-size:.95rem}.profile-grid{margin-top:16px;display:grid;grid-template-columns:1fr 1.2fr;gap:16px}.upload-slot{min-height:260px;border:2px dashed rgba(141,97,255,.44);border-radius:16px;background:#f0e7ffb8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;position:relative;padding:20px;color:#5f4f8d}.upload-slot strong{font-family:Gaegu,cursive;font-size:1.28rem}.upload-slot small{color:var(--muted)}.upload-slot img{width:100%;height:100%;object-fit:cover;border-radius:12px}.upload-slot input{position:absolute;inset:0;opacity:0;cursor:pointer}.field-stack{display:grid;gap:12px}.field-stack label{display:grid;gap:6px;font-size:.92rem;font-weight:700}.field-stack input{width:100%;border:1px solid rgba(133,102,201,.32);border-radius:12px;background:#fff;color:var(--ink);padding:11px 12px;font-size:.96rem}.field-stack input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #b86cff33}.gender-segment{background:#ffffffb8;border:1px solid var(--line);border-radius:12px;padding:4px;display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.gender-segment button{border:0;background:transparent;border-radius:8px;padding:8px 0;font-weight:700;color:var(--muted);cursor:pointer}.gender-segment button.active{background:var(--primary);color:var(--primary-ink)}.info-text{margin:0;font-size:.85rem;color:var(--muted)}.note-grid{margin-top:16px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.note-card{border:1px solid var(--line);border-radius:14px;padding:12px;display:grid;gap:8px;justify-items:center;text-align:center;background:#ffffffbf}.note-card span{font-size:1.4rem}.note-card p{margin:0;font-weight:800}.note-card.liked{border-color:#8d61ff73;background:#f0e7fff2}.note-card.disliked{border-color:#c2423f73;background:#ffebeaf2}.note-actions{display:flex;gap:6px}.note-actions button{border:0;border-radius:999px;padding:6px 10px;font-size:.77rem;font-weight:800;cursor:pointer;background:#efe8ff;color:#5f4f8d}.vibe-wrap{margin-top:16px;display:flex;flex-wrap:wrap;gap:8px}.vibe-wrap button,.vibe-row span{border:1px solid var(--line);border-radius:999px;padding:8px 13px;background:#ffffffb8;color:var(--muted);font-weight:700;cursor:pointer}.vibe-wrap button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.cta-wrap{padding:8px 0 0;display:grid;gap:10px;justify-items:center}.main-cta{width:min(100%,560px);border:0;border-radius:16px;padding:16px 20px;background:linear-gradient(120deg,#8d61ff,#c77dff);color:#fff;font-family:Gaegu,cursive;font-size:clamp(1.15rem,2.8vw,1.5rem);letter-spacing:.01em;cursor:pointer;box-shadow:0 14px 30px #8d61ff52}.main-cta:disabled{opacity:.66;cursor:not-allowed}.error-box{width:min(100%,560px);background:#ffe9e8;border:1px solid rgba(194,66,63,.3);color:#8e2c2a;border-radius:12px;padding:10px 12px;font-weight:600}.notice-box{margin-top:12px;background:#8d61ff1f;border:1px solid rgba(141,97,255,.28);color:#4f3f7c;border-radius:12px;padding:10px 12px;font-weight:600;font-size:.9rem}.loading-hint{margin:0;font-size:.84rem;color:var(--muted);text-align:center}.result-main{gap:16px}.loading-main{min-height:calc(100vh - 80px);align-content:center}.loading-panel{text-align:center;display:grid;justify-items:center;gap:10px}.loading-panel img{width:min(100%,520px);border-radius:22px;border:2px solid rgba(141,97,255,.28);box-shadow:0 18px 38px #4a2e8a33}.loading-panel h2{margin:6px 0 0;font-family:Gaegu,cursive;font-size:clamp(1.8rem,4.6vw,2.8rem)}.loading-panel p{margin:0;color:var(--muted)}.result-hero{display:grid;grid-template-columns:280px 1fr;gap:16px;align-items:center}.result-hero img{width:100%;border-radius:18px;border:2px solid rgba(141,97,255,.26)}.result-panel h2{font-size:clamp(1.8rem,4.1vw,2.7rem)}.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.stat-grid article{border:1px solid var(--line);border-radius:14px;padding:12px;background:#ffffffd9}.stat-grid small{color:var(--muted);font-size:.77rem}.stat-grid strong{margin-top:4px;display:block;line-height:1.3}.vibe-row{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px}.result-note{margin:14px 0 0;color:#5e4b86}.pick-list{margin-top:12px;display:grid;gap:10px}.pick-card{border:1px solid var(--line);border-radius:14px;padding:14px;background:#ffffffd1;display:flex;justify-content:space-between;gap:14px}.pick-copy small,.pick-copy p{color:var(--muted)}.pick-copy h4{margin:5px 0;font-size:1.08rem}.pick-copy p{margin:4px 0;line-height:1.45}.pick-price{min-width:140px;display:grid;align-content:start;gap:4px;text-align:right}.pick-price span{color:var(--muted);font-size:.85rem}.pick-price strong{font-size:1.1rem}.pick-price em{color:var(--accent);font-style:normal;font-weight:700}.empty-box{border:1px dashed var(--line);border-radius:12px;padding:16px;color:var(--muted);text-align:center}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@media(max-width:900px){.hero-wrap,.profile-grid{grid-template-columns:1fr}.note-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.result-hero,.stat-grid{grid-template-columns:1fr}.pick-card{flex-direction:column}.pick-price{text-align:left;min-width:0}}