:root{color-scheme:dark;--ink: #141414;--muted: rgba(255, 255, 255, .62);--line: rgba(255, 255, 255, .14);--coral: #ff6b5f;--mint: #5df0c0;--yellow: #ffd166;--blue: #6da7ff}*{box-sizing:border-box}body{margin:0;min-height:100vh;overflow:hidden;font-family:Inter,Noto Sans KR,system-ui,sans-serif;background:radial-gradient(circle at 20% 12%,rgba(255,107,95,.34),transparent 28%),radial-gradient(circle at 82% 20%,rgba(93,240,192,.2),transparent 32%),linear-gradient(145deg,#202124,#111316 48%,#24211d);color:#fff}button{border:0;font:inherit;cursor:pointer}.shell{display:grid;min-height:100vh;place-items:center;padding:24px}.phone{position:relative;width:min(100%,450px);height:min(910px,calc(100vh - 18px));min-height:720px;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:36px;background:linear-gradient(180deg,#ffffff1a,#ffffff08),#17181b;box-shadow:0 32px 90px #0000007a}.ambient{position:absolute;width:260px;height:260px;border-radius:50%;filter:blur(34px);opacity:.48;pointer-events:none}.ambient-a{top:88px;left:-92px;background:var(--coral)}.ambient-b{right:-88px;bottom:112px;background:var(--mint)}.topbar{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:22px 24px 12px}.brand{font-size:24px;font-weight:800;letter-spacing:0}.tagline{margin-top:4px;color:var(--muted);font-size:12px;font-weight:600}.icon-button{display:grid;width:44px;height:44px;place-items:center;border:1px solid var(--line);border-radius:50%;background:#ffffff14;color:#fff;font-size:20px}.progress-wrap{position:relative;z-index:2;padding:0 24px}.progress-wrap span{display:block;margin-bottom:9px;color:#ffffffb8;font-size:12px;font-weight:800}.progress-track{height:5px;overflow:hidden;border-radius:999px;background:#ffffff1f}.progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--coral),var(--yellow),var(--mint));transition:width .36s ease}.deck-zone{position:relative;height:calc(100% - 164px);padding:26px 20px 94px}.shadow-card,.card{position:absolute;left:20px;right:20px;top:26px;height:calc(100% - 120px);min-height:500px;border-radius:30px}.shadow-card{background:#ffffff29;border:1px solid rgba(255,255,255,.1);transform-origin:center bottom}.shadow-card-second{transform:translateY(16px) scale(.95) rotate(-2deg)}.shadow-card-third{transform:translateY(32px) scale(.9) rotate(2deg);opacity:.52}.card{transform-style:preserve-3d;transition:transform .52s cubic-bezier(.2,.8,.2,1),opacity .26s ease}.card-face{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;overflow:hidden;backface-visibility:hidden;border-radius:inherit;border:1px solid rgba(20,20,20,.08);box-shadow:0 24px 60px #00000057}.card-question{overflow-y:auto;overscroll-behavior:contain;scrollbar-color:rgba(20,20,20,.22) transparent;scrollbar-width:thin;padding:24px 24px 22px;background:radial-gradient(circle at top right,rgba(255,209,102,.38),transparent 30%),linear-gradient(155deg,#fff9ef,#f4efe7 48%,#e5f8f0);color:var(--ink)}.card-question::-webkit-scrollbar{width:6px}.card-question::-webkit-scrollbar-thumb{border-radius:999px;background:#1414142e}.card-result{padding:22px;background:radial-gradient(circle at 12% 0%,rgba(109,167,255,.34),transparent 34%),linear-gradient(155deg,#16171a,#26201f 52%,#112820);color:#fff;transform:rotateY(180deg)}.show-result{transform:rotateY(180deg)}.nudge-left{transform:translate(-24px) rotate(-4deg)}.nudge-right{transform:translate(24px) rotate(4deg)}.nudge-up{transform:translateY(-16px) scale(.98)}.exit-card{opacity:0;transform:translateY(-44px) scale(.94) rotate(2deg)}.enter-card{animation:enterCard .36s cubic-bezier(.2,.8,.2,1)}@keyframes enterCard{0%{opacity:0;transform:translateY(42px) scale(.94)}}.card-meta,.result-top,.result-row-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.category,.temperature,.picked{display:inline-flex;min-height:28px;align-items:center;border-radius:999px;padding:0 12px;font-size:11px;font-weight:800}.category{background:#161616;color:#fff8ef}.temperature{background:#14141414;color:#141414ad}.picked{background:#ffffff1f;color:#ffffffc7}.emoji{margin-top:24px;font-size:54px}h1,h2,p{margin:0}h1{margin-top:10px;font-size:32px;line-height:1.05;letter-spacing:0}.situation{display:grid;gap:7px;margin-top:20px;color:#141414c2;font-size:16px;font-weight:700;line-height:1.42}.question{margin-top:auto;border-top:1px solid rgba(20,20,20,.1);padding-top:18px;color:#141414b8;font-size:16px;font-weight:800}.choices{display:grid;gap:10px;margin-top:12px}.choices-2{grid-template-columns:1fr 1fr}.choices-3{grid-template-columns:1fr;gap:8px}.choice{min-height:58px;border-radius:18px;padding:0 16px;color:#141414;font-size:16px;font-weight:900;box-shadow:inset 0 -2px #14141424;transition:transform .16s ease,filter .16s ease}.choices-3 .choice{min-height:52px}.choice:active{transform:scale(.97)}.choice-0{background:var(--coral)}.choice-1{background:var(--mint)}.choice-2{background:var(--yellow)}.card-result .category{background:#ffffff24;color:#fff}h2{margin-top:22px;font-size:24px;line-height:1.2;letter-spacing:0;transition:font-size .12s ease,margin .12s ease}.result-note{margin-top:8px;color:#ffffff9e;font-size:13px;font-weight:800;transition:opacity .12s ease,max-height .12s ease,margin .12s ease}.result-bars{display:grid;gap:13px;margin-top:20px;max-height:180px;overflow:hidden;transition:gap .12s ease,margin .12s ease,max-height .12s ease,opacity .12s ease}.result-row{display:grid;gap:8px;opacity:.68;transition:gap .12s ease}.result-row.selected{opacity:1}.result-row-head span{font-size:15px;font-weight:800;transition:font-size .12s ease}.result-row-head strong{font-size:22px;transition:font-size .12s ease}.bar{height:11px;overflow:hidden;border-radius:999px;background:#ffffff1f;transition:height .12s ease}.bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--coral),var(--yellow),var(--mint))}.reasons{display:grid;flex:1;min-height:0;gap:10px;margin-top:16px;overflow:auto;padding-bottom:8px;transition:flex .12s ease,margin .12s ease}.card-result.reason-focus h2{margin-top:14px;font-size:19px}.card-result.reason-focus .result-note{max-height:0;margin-top:2px;opacity:0;overflow:hidden}.card-result.reason-focus .result-bars{gap:5px;max-height:128px;margin-top:10px;opacity:.72}.card-result.reason-focus .result-row{gap:4px}.card-result.reason-focus .result-row-head span{font-size:11px}.card-result.reason-focus .result-row-head strong{font-size:15px}.card-result.reason-focus .bar{height:7px}.card-result.reason-focus .reasons{flex:1.75;margin-top:12px}.reason-card{border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:15px;background:#ffffff12}.reason-card.selected{border-color:#5df0c080;background:#5df0c01a}.reason-card strong{display:block;margin-bottom:8px;font-size:14px}.reason-card p{color:#ffffffad;font-size:13px;font-weight:700;line-height:1.42}.reason-card p+p{margin-top:4px}.next-button{min-height:58px;margin-top:auto;border-radius:20px;background:#fff;color:#111;font-weight:900}.bottom-nav{position:absolute;left:24px;right:24px;bottom:20px;z-index:3;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:8px;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:#121214b8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.nav-item{min-height:42px;border-radius:17px;background:transparent;color:#ffffff7a;font-size:13px;font-weight:900}.nav-item.active{background:#ffffff1f;color:#fff}@media(max-width:480px){body{overflow:hidden}.shell{padding:0}.phone{width:100vw;height:100vh;min-height:0;border:0;border-radius:0}.deck-zone{height:calc(100% - 128px);padding:16px 16px 74px}.shadow-card,.card{left:16px;right:16px;top:16px;height:calc(100% - 82px);min-height:0}.topbar{padding:16px 20px 10px}.progress-wrap{padding:0 20px}.card-question,.card-result{padding:18px}.emoji{margin-top:14px;font-size:42px}h1{font-size:28px}.situation{margin-top:16px;font-size:14px;line-height:1.38}.question{padding-top:12px;font-size:15px}.choices{margin-top:10px}.choice{min-height:50px}.choices-3 .choice{min-height:44px}}