:root{--bg: #14182b;--surface: #1e2440;--surface-tint: #2a3157;--ink: #eef1fb;--ink-2: #b8c1e2;--muted: #8791b5;--line: rgba(238, 241, 251, .12);--accent: #f4a83a;--accent-soft: rgba(244, 168, 58, .15);--accent-strong: #e8912a;--accent-text: #f6b64f;--on-accent: #241a08;--ember: #e05a3a;--ember-soft: rgba(224, 90, 58, .15);--card-bg: #f4ead2;--card-surface: #fdf7e6;--card-ink: #3a2f1d;--card-ink-2: #6a5a3f;--card-muted: #9c8a68;--card-line: rgba(58, 47, 29, .16);--card-accent-text: #a5561a;--card-seal: #b3462a;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--shadow-sm: 0 1px 2px rgba(4, 6, 16, .4), 0 4px 12px rgba(4, 6, 16, .35);--shadow: 0 1px 2px rgba(4, 6, 16, .4), 0 10px 26px rgba(4, 6, 16, .45), 0 26px 52px -18px rgba(4, 6, 16, .55);--ease-out: cubic-bezier(.22, 1, .36, 1);--font-sans: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{min-height:100dvh;font-family:var(--font-sans);font-size:16px;line-height:1.6;letter-spacing:-.01em;word-break:keep-all;overflow-wrap:anywhere;color:var(--ink);background-color:var(--bg);-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(120% 55% at 50% -8%,rgba(244,168,58,.16),transparent 60%),radial-gradient(90% 50% at 50% 108%,rgba(224,90,58,.1),transparent 62%)}button{font:inherit;color:inherit;border:none;background:none;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}input,select{font:inherit}a{color:var(--accent-text)}img{max-width:100%;display:block}::selection{background:#f4a83a4d;color:var(--ink)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tnum{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.container{width:100%;max-width:480px;margin:0 auto;padding:var(--space-6) 20px calc(var(--space-7) + env(safe-area-inset-bottom));min-height:100dvh;display:flex;flex-direction:column}@media(min-width:520px){.container{padding-top:var(--space-7)}}.page{animation:page-in .45s var(--ease-out) backwards}@keyframes page-in{0%{opacity:0;transform:translateY(12px)}}.stagger>*{animation:rise .4s var(--ease-out) backwards}.stagger>*:nth-child(1){animation-delay:.05s}.stagger>*:nth-child(2){animation-delay:.1s}.stagger>*:nth-child(3){animation-delay:.15s}.stagger>*:nth-child(4){animation-delay:.2s}.stagger>*:nth-child(5){animation-delay:.25s}.stagger>*:nth-child(6){animation-delay:.3s}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.site-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.wordmark{display:inline-flex;align-items:center;gap:var(--space-2);text-decoration:none}.wordmark-mark{display:inline-flex;color:var(--accent)}.wordmark-text{font-size:22px;font-weight:900;letter-spacing:-.02em;color:var(--ink)}.back-link{font-size:14px;font-weight:600;color:var(--ink-2);text-decoration:none}@media(hover:hover){.back-link:hover{color:var(--ink);text-decoration:underline}}.lang-switch{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:36px;padding:0 30px 0 14px;border:1.5px solid var(--line);border-radius:999px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%238791b5' stroke-width='1.6' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 12px center,var(--surface);color:var(--ink-2);font-size:13px;font-weight:600;cursor:pointer}.hero{margin-top:var(--space-4)}.hero-kicker{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-text)}.hero-title{margin-top:var(--space-2);font-size:34px;font-weight:900;line-height:1.18;letter-spacing:-.02em;color:var(--ink);white-space:pre-line}.hero-tagline{margin-top:var(--space-3);font-size:15.5px;line-height:1.6;color:var(--ink-2)}.hero-cta{margin-top:var(--space-5);width:100%}.section-label{margin:var(--space-6) 0 var(--space-3);font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.steps-list{list-style:none;display:grid;gap:var(--space-2)}.step{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface)}.step-num{flex:none;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:999px;background:var(--accent-soft);color:var(--accent-text);font-size:13px;font-weight:800}.step-text{font-size:14.5px;color:var(--ink-2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:44px;padding:0 20px;border-radius:var(--radius-sm);font-size:15px;font-weight:800;text-decoration:none;transition:transform .15s var(--ease-out),filter .15s var(--ease-out),border-color .15s var(--ease-out)}.btn-lg{height:52px;padding:0 28px;font-size:16px}.btn-primary{background:var(--accent);color:var(--on-accent);box-shadow:inset 0 1px #ffffff4d,var(--shadow-sm)}@media(hover:hover){.btn-primary:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px)}}.btn-primary:active:not(:disabled){transform:translateY(1px)}.btn-ghost{border:1.5px solid var(--line);background:var(--surface);color:var(--ink-2)}@media(hover:hover){.btn-ghost:hover:not(:disabled){border-color:var(--accent);color:var(--ink)}}.btn-ghost:active:not(:disabled){transform:translateY(1px)}.quiz-container{gap:0}.quiz-heading{font-size:22px;font-weight:800;line-height:1.35;letter-spacing:-.02em;color:var(--ink)}.quiz-nickname,.quiz-review{display:flex;flex-direction:column;gap:var(--space-4);margin-top:var(--space-6)}.quiz-joining{font-size:13.5px;font-weight:700;color:var(--accent-text)}.quiz-review-nick{font-size:18px;font-weight:800;color:var(--ink);padding:var(--space-3) var(--space-4);border:1.5px dashed var(--line);border-radius:var(--radius-md);text-align:center}.quiz-error{font-size:14px;font-weight:600;color:var(--ember)}.progress{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5)}.progress-track{flex:1;height:8px;border-radius:999px;background:var(--surface-tint);overflow:hidden}.progress-fill{display:block;height:100%;border-radius:999px;background:var(--accent);transition:width .35s var(--ease-out)}.progress-count{flex:none;font-size:13px;font-weight:700;color:var(--muted)}.quiz-body{display:flex;flex-direction:column;gap:var(--space-4)}.quiz-intro{font-size:13.5px;font-weight:600;color:var(--accent-text)}.quiz-question{font-size:21px;font-weight:800;line-height:1.35;letter-spacing:-.02em;color:var(--ink)}.quiz-options{display:grid;gap:var(--space-3);margin-top:var(--space-2)}.quiz-option{min-height:44px;padding:var(--space-3) var(--space-4);border:1.5px solid var(--line);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-sm);color:var(--ink);font-size:15px;line-height:1.5;text-align:left;transition:transform .12s var(--ease-out),border-color .12s var(--ease-out),background .12s var(--ease-out)}@media(hover:hover){.quiz-option:hover{border-color:var(--accent);transform:translateY(-1px)}}.quiz-option:active{transform:translateY(1px)}.quiz-option.is-selected{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-text);font-weight:700}.nickname-input{height:48px;padding:0 var(--space-4);border:1.5px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);font-size:16px}.nickname-input::placeholder{color:var(--muted)}.nickname-input:focus-visible{border-color:var(--accent)}.nickname-hint{font-size:13px;color:var(--muted);margin-top:calc(var(--space-3) * -1 + 2px)}.party-page{align-items:stretch}.party-loading{margin-top:var(--space-7);text-align:center;color:var(--ink-2);font-size:15px}.party-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3);margin-top:var(--space-5)}.party-nudge{margin-top:var(--space-3);text-align:center;font-size:13px;color:var(--muted)}.result-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3);margin-top:var(--space-5)}.result-error{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-4);margin-top:var(--space-7)}.result-error-title{font-size:24px;font-weight:800;letter-spacing:-.02em;color:var(--ink)}.result-error-body{font-size:15px;line-height:1.6;color:var(--ink-2);max-width:320px}.site-foot{margin-top:auto;padding:var(--space-6) 0 var(--space-4);border-top:1px solid var(--line);display:grid;gap:var(--space-1);font-size:12px;color:var(--muted);text-align:center}.foot-links a,.site-foot a{color:var(--ink-2);text-decoration:none}@media(hover:hover){.foot-links a:hover,.site-foot a:hover{text-decoration:underline}}.doc{display:grid;gap:var(--space-5)}.doc-head{display:grid;gap:var(--space-1)}.doc h1{font-size:24px;font-weight:800;letter-spacing:-.02em;color:var(--ink)}.doc-updated{font-size:13px;color:var(--muted)}.doc-intro{font-size:15px;color:var(--ink-2)}.doc-section{display:grid;gap:var(--space-2)}.doc-section h2{font-size:17px;font-weight:700;color:var(--ink)}.doc-section p{font-size:14.5px;line-height:1.6;color:var(--ink-2)}.party-card{width:100%;max-width:380px;margin:0 auto;border:1px solid var(--card-line);border-radius:var(--radius-lg);background:var(--card-bg);box-shadow:var(--shadow);overflow:hidden;color:var(--card-ink)}.pc-head{text-align:center;padding:var(--space-4) var(--space-4) 0}.pc-doc{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:800;letter-spacing:.12em;color:var(--card-accent-text)}.pc-doc svg{color:var(--card-seal)}.pc-rule{height:1px;margin:var(--space-2) var(--space-5);background:linear-gradient(90deg,transparent,var(--card-line),transparent)}.pc-heading{font-size:20px;font-weight:900;letter-spacing:-.02em;line-height:1.3;color:var(--card-ink)}.pc-status{text-align:center;margin-top:var(--space-3)}.pc-chip{display:inline-block;padding:4px 14px;border-radius:999px;font-size:12.5px;font-weight:800}.pc-chip-recruit{background:#a5561a1f;color:var(--card-accent-text);border:1px solid rgba(165,86,26,.28)}.pc-chip-full{background:#3a2f1d14;color:var(--card-ink-2);border:1px solid var(--card-line)}.pc-stage{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2);padding:var(--space-4) var(--space-3) var(--space-2)}.member-figure{flex:0 0 auto;width:80px;display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center}.member-art{position:relative;border-radius:var(--radius-md);line-height:0}.member-figure.is-me .member-art{box-shadow:0 0 0 3px var(--role-color, var(--accent)),0 0 14px #f4a83a8c}.member-you{position:absolute;top:-6px;right:-6px;padding:2px 7px;border-radius:999px;background:var(--accent);color:var(--on-accent);font-size:10px;font-weight:900;letter-spacing:.02em;box-shadow:var(--shadow-sm)}.member-nick{margin-top:3px;font-size:12px;font-weight:800;color:var(--card-ink);line-height:1.3}.member-role{font-size:10.5px;font-weight:600;color:var(--card-muted);line-height:1.3}.char-art{display:block;border-radius:var(--radius-md);object-fit:contain;background:var(--card-surface)}.role-badge{display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);box-shadow:inset 0 1px #ffffff4d}.role-badge-mark{color:#ffffffe6}.pc-verdict{text-align:center;padding:var(--space-3) var(--space-5) 0}.pc-vlabel{font-size:10.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--card-accent-text)}.pc-vname{font-size:23px;font-weight:900;letter-spacing:-.02em;line-height:1.2;color:var(--card-ink);margin-top:2px}.pc-blurb{margin-top:var(--space-2);font-size:13px;line-height:1.55;color:var(--card-ink-2)}.pc-solo{padding:var(--space-3) var(--space-5) 0;text-align:center;font-size:13.5px;line-height:1.55;color:var(--card-ink-2)}.pc-comments{list-style:none;display:grid;gap:var(--space-2);padding:var(--space-4) var(--space-4) 0}.pc-comment{display:grid;gap:2px;padding:var(--space-2) var(--space-3);border:1px solid var(--card-line);border-radius:var(--radius-sm);background:var(--card-surface)}.pc-comment-role{font-size:10.5px;font-weight:800;letter-spacing:.02em;color:var(--role-color, var(--card-accent-text))}.pc-comment-text{font-size:12.5px;line-height:1.5;color:var(--card-ink)}.pc-brand{display:flex;align-items:center;justify-content:center;gap:5px;padding:var(--space-4) 0;margin-top:var(--space-3);font-size:12px;font-weight:800;color:var(--card-muted)}.pc-brand svg{color:var(--card-seal)}