:root{--ink:#20231e;--muted:#6e746a;--paper:#f6f4ed;--card:#fffefa;--line:#d9d8d0;--lime:#c9ff55;--coral:#ff796d;--blue:#6c8cff;--shadow:0 18px 60px #20231e1a}*{box-sizing:border-box}html{background:var(--paper)}body{min-height:100vh;color:var(--ink);background:radial-gradient(circle at 8% 18%, #c9ff5529, transparent 25rem), radial-gradient(circle at 91% 74%, #6c8cff1a, transparent 24rem), var(--paper);-webkit-font-smoothing:antialiased;margin:0;font-family:Pretendard,Pretendard Variable,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans KR,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit}.brand{letter-spacing:-.8px;align-items:center;gap:10px;width:max-content;font-size:20px;font-weight:900;display:inline-flex}.brand-mark{color:#fff;background:var(--ink);width:34px;height:34px;box-shadow:3px 3px 0 var(--lime);border-radius:10px;justify-content:center;align-items:center;font-size:15px;display:inline-flex}.button{text-align:center;white-space:normal;overflow-wrap:anywhere;letter-spacing:-.35px;cursor:pointer;border:1px solid #0000;border-radius:16px;justify-content:center;align-items:center;gap:9px;width:auto;min-height:52px;padding:0 24px;font-weight:850;line-height:1.35;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button:active{transform:translateY(1px)}.button-primary{color:#fff;background:var(--ink);box-shadow:5px 6px 0 var(--lime)}.button-secondary{border-color:var(--line);background:#fff}.button-block{width:100%}.share-actions,.share-secondary-actions{gap:10px;width:100%;display:grid}.share-secondary-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.share-secondary-actions .button{min-width:0;padding-inline:12px}.landing-shell{overflow:hidden}.landing-header,.hero,.how-it-works,.landing-footer{width:min(1120px,100% - 40px);margin:0 auto}.landing-header,.game-header{justify-content:space-between;align-items:center;display:flex}.landing-header{height:86px}.daily-badge,.date-chip{border:1px solid var(--line);color:var(--muted);background:#ffffff9e;border-radius:999px;align-items:center;gap:8px;padding:8px 13px;font-size:13px;font-weight:750;display:inline-flex}.daily-badge i{background:#55bc70;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #55bc7021}.hero{grid-template-columns:.95fr 1.05fr;align-items:center;gap:70px;min-height:610px;padding:44px 0 72px;display:grid}.eyebrow,.section-label{color:#67705f;letter-spacing:2.3px;font-size:12px;font-weight:900;display:block}.hero h1{letter-spacing:-5px;margin:18px 0 22px;font-size:clamp(50px,6vw,78px);line-height:.99}.hero h1 em{color:var(--blue);font-style:normal}.hero-copy>p{max-width:470px;color:var(--muted);letter-spacing:-.5px;margin:0 0 32px;font-size:18px;line-height:1.72}.hero-button{min-height:60px;padding:0 28px;font-size:16px}.hero-button span{font-size:23px;font-weight:400}.no-login{color:#898e85;margin:18px 0 0 10px;font-size:12px;display:block}.hero-visual{justify-content:center;align-items:center;min-height:480px;display:flex;position:relative}.hero-visual:before,.hero-visual:after{content:"";border-radius:50%;position:absolute}.hero-visual:before{background:var(--lime);opacity:.78;width:430px;height:430px}.hero-visual:after{border:1px dashed #20231e66;width:350px;height:350px}.sample-card{z-index:2;border:2px solid var(--ink);background:var(--card);width:min(390px,82vw);box-shadow:15px 17px 0 var(--ink);border-radius:28px;padding:34px 30px 27px;position:relative;transform:rotate(-2.5deg)}.sample-number{color:var(--blue);letter-spacing:1px;font-weight:900}.sample-card>p{letter-spacing:-1.2px;margin:16px 0 28px;font-size:25px;font-weight:900;line-height:1.38}.sample-choice{border:1px solid var(--line);background:#fff;border-radius:15px;grid-template-columns:32px 1fr auto;align-items:center;gap:9px;min-height:61px;margin-top:10px;padding:0 15px;display:grid}.sample-choice b{background:#eceee8;border-radius:9px;justify-content:center;align-items:center;width:27px;height:27px;font-size:12px;display:flex}.sample-choice span{font-weight:750}.sample-choice strong{font-size:18px}.sample-b{border:2px solid var(--blue);background:#f1f4ff}.sample-b b{color:#fff;background:var(--blue)}.sample-progress{background:#e8e7e0;border-radius:9px;height:5px;margin-top:27px;overflow:hidden}.sample-progress span{background:var(--ink);width:60%;height:100%;display:block}.profile-sample-card>p{margin-bottom:8px}.sample-summary{color:var(--muted);font-size:13px;line-height:1.55;display:block}.sample-traits{gap:14px;margin-top:28px;display:grid}.sample-traits>div{grid-template-columns:67px 1fr 67px;align-items:center;gap:8px;display:grid}.sample-traits span{color:var(--muted);font-size:9px}.sample-traits span:last-child{text-align:right}.sample-traits i{background:#e5e5de;border-radius:10px;height:5px;display:block;position:relative;overflow:hidden}.sample-traits b{background:var(--blue);border-radius:10px;height:100%;display:block}.float-pill{z-index:3;border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);background:#fff;border-radius:999px;padding:11px 17px;font-size:13px;font-weight:850;position:absolute}.pill-one{color:#d94d43;top:36px;right:20px;transform:rotate(4deg)}.pill-two{color:#4e6fe3;bottom:26px;left:10px;transform:rotate(-4deg)}.how-it-works{border-top:1px solid var(--line);padding:84px 0 105px}.section-label{text-align:center;margin-bottom:28px}.step-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.step-grid article{border:1px solid var(--line);background:#ffffff8c;border-radius:24px;min-height:190px;padding:25px}.step-grid article>span{color:#fff;background:var(--ink);border-radius:11px;justify-content:center;align-items:center;width:34px;height:34px;margin-bottom:25px;font-weight:900;display:flex}.step-grid article:nth-child(2)>span{color:var(--ink);background:var(--lime)}.step-grid article:nth-child(3)>span{background:var(--blue)}.step-grid strong{letter-spacing:-.5px;font-size:18px;display:block}.step-grid p{color:var(--muted);margin:9px 0 0;font-size:14px;line-height:1.55}.landing-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding:34px 0 50px;display:flex}.landing-footer p{color:var(--muted);font-size:13px}.landing-footer p a{color:var(--ink);text-underline-offset:4px;margin-left:5px;font-weight:750;text-decoration:underline}.info-shell{width:min(760px,100% - 32px);margin:0 auto;padding:28px 0 70px}.text-nav{color:var(--muted);font-size:13px;font-weight:750}.info-hero{text-align:center;padding:80px 10px 62px}.info-hero h1{letter-spacing:-3px;margin:17px 0 22px;font-size:clamp(39px,8vw,58px);line-height:1.08}.info-hero>p{max-width:590px;color:var(--muted);margin:0 auto;font-size:16px;line-height:1.75}.info-card,.info-notice{border:1px solid var(--line);background:var(--card);box-shadow:var(--shadow);border-radius:24px;padding:clamp(24px,6vw,40px)}.info-card h2,.info-notice h2{letter-spacing:-1px;margin:0 0 27px;font-size:23px}.axis-explainer{grid-template-columns:1fr 1fr;gap:12px;display:grid}.axis-explainer article{border:1px solid var(--line);background:#faf9f5;border-radius:17px;padding:19px}.axis-explainer span{color:var(--blue);font-size:10px;font-weight:900}.axis-explainer strong{margin:8px 0;font-size:16px;display:block}.axis-explainer p,.info-notice p{color:var(--muted);margin:0;font-size:13px;line-height:1.7}.info-notice{box-shadow:none;margin:16px 0}.info-notice p+p{margin-top:13px}.game-shell,.result-shell{width:min(620px,100% - 32px);min-height:100vh;margin:0 auto;padding:28px 0 52px}.game-header{min-height:48px;margin-bottom:28px}.game-header .brand{flex:0 auto;min-width:0}.game-header .date-chip{text-align:center;flex:none;max-width:52%}.game-progress{margin:0 4px 24px}.progress-label{color:var(--muted);justify-content:space-between;margin-bottom:10px;font-size:13px;display:flex}.progress-label strong{color:var(--ink)}.progress-track{background:#dfded7;border-radius:20px;height:7px;overflow:hidden}.progress-track span{background:var(--ink);border-radius:20px;height:100%;transition:width .32s;display:block}.challenge-banner,.match-banner{color:#3e59b9;background:#eef2ff;border:1px solid #b8c7ff;border-radius:14px;justify-content:center;align-items:center;gap:7px;margin-bottom:20px;padding:11px 15px;font-size:13px;display:flex}.question-card,.result-card{border:1px solid var(--line);background:var(--card);box-shadow:var(--shadow);border-radius:28px}.question-card{padding:34px clamp(20px,5vw,38px) 27px}.category-chip{color:#3750a8;background:#edf1ff;border-radius:9px;padding:6px 11px;font-size:12px;font-weight:850;display:inline-flex}.question-kicker{color:var(--muted);margin:25px 0 8px;font-size:13px}.question-card h1{letter-spacing:-1.6px;min-height:78px;margin:0 0 31px;font-size:clamp(25px,7vw,32px);line-height:1.33}.choice-list{gap:8px;display:grid}.choice-button{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:18px;grid-template-columns:38px 1fr auto;align-items:center;gap:12px;min-height:76px;padding:0 20px;transition:border-color .15s,transform .15s,opacity .15s;display:grid;position:relative;overflow:hidden}.choice-button:hover:not(:disabled){border-color:var(--ink);transform:translateY(-2px)}.choice-button:disabled{cursor:default}.choice-button.is-selected{border:2px solid var(--ink)}.choice-button.is-muted{opacity:.62}.choice-letter{z-index:2;background:#edefe9;border-radius:11px;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:900;display:flex;position:relative}.is-selected .choice-letter{color:#fff;background:var(--ink)}.choice-button strong{z-index:2;letter-spacing:-.45px;font-size:16px;position:relative}.choice-arrow{z-index:2;color:#a3a79f;font-size:21px;position:relative}.choice-percent{z-index:2;font-size:20px;font-weight:900;position:relative}.choice-fill{background:#c9ff556b;transition:width .5s;position:absolute;inset:0 auto 0 0}.or-divider{color:#aaada6;align-items:center;gap:10px;font-size:10px;font-weight:850;display:flex}.or-divider:before,.or-divider:after{content:"";background:#e2e1da;flex:1;height:1px}.choice-hint{color:#8c9188;text-align:center;min-height:18px;margin:24px 0 0;font-size:12px;line-height:1.5}.privacy-note{color:#969a92;text-align:center;margin:21px 0 0;font-size:11px}.inline-error{color:#a1332c;text-align:center;background:#fff0ee;border-radius:12px;padding:10px 14px;font-size:12px}.centered-shell{flex-direction:column;justify-content:center;gap:28px;display:flex}.loader-card{border:1px solid var(--line);text-align:center;background:var(--card);box-shadow:var(--shadow);border-radius:24px;flex-direction:column;align-items:center;padding:52px 24px;display:flex}.loader-card strong{margin-top:20px;font-size:19px}.loader-card p{color:var(--muted);margin:9px 0 22px;font-size:13px}.loader{border:4px solid #e1e0d9;border-top-color:var(--ink);border-radius:50%;width:42px;height:42px;animation:.7s linear infinite spin}.error-symbol{color:#fff;background:var(--coral);border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;font-weight:900;display:flex}@keyframes spin{to{transform:rotate(360deg)}}.result-shell{width:min(580px,100% - 32px)}.result-shell .game-header{margin-bottom:22px}.match-banner{flex-direction:column;gap:2px;padding:13px}.match-banner span{font-size:11px}.match-banner strong{font-size:17px}.result-card{text-align:center;padding:34px clamp(22px,6vw,42px) 38px}.result-kicker{color:var(--muted);margin:0 0 24px;font-size:13px;font-weight:750}.result-card h1{letter-spacing:-1.7px;margin:0;font-size:32px}.result-description{color:var(--muted);margin:12px auto 28px;font-size:14px;line-height:1.55}.result-stats{border:1px solid var(--line);background:#f8f7f2;border-radius:17px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.result-stats>div{flex-direction:column;justify-content:center;align-items:center;min-height:83px;display:flex}.result-stats>div+div{border-left:1px solid var(--line)}.result-stats span{color:var(--muted);margin-bottom:7px;font-size:11px}.result-stats strong{font-size:19px}.result-stats small{color:var(--muted);font-size:12px}.early-note{color:#8a8f85;margin:12px 0 0;font-size:11px}.result-actions{gap:12px;margin-top:28px;display:grid}.result-actions>.button{min-width:0}.profile-result-card{padding-top:31px}.profile-symbol{border:3px solid var(--ink);background:var(--lime);width:132px;height:132px;box-shadow:9px 10px 0 var(--ink);border-radius:38px 62px 42px 58px;justify-content:center;align-items:center;margin:0 auto 19px;display:flex;transform:rotate(-3deg)}.profile-symbol span{letter-spacing:2px;font-size:29px;font-weight:950;transform:rotate(3deg)}.profile-code{color:var(--blue);letter-spacing:1.8px;margin:0 0 8px;font-size:11px;font-weight:900}.profile-summary{max-width:410px;margin-bottom:32px;font-size:15px;line-height:1.65}.trait-list{border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:left;gap:21px;padding:28px 2px;display:grid}.trait-labels{grid-template-columns:1fr auto 1fr;align-items:center;margin-bottom:9px;display:grid}.trait-labels span{color:var(--muted);font-size:10px}.trait-labels span:last-child{text-align:right}.trait-labels strong{color:#80857c;font-size:10px}.trait-track{background:#e5e4dd;border-radius:10px;height:7px;position:relative}.trait-track span{background:linear-gradient(90deg, var(--coral), var(--blue));border-radius:10px;height:100%;display:block}.trait-track i{background:var(--ink);border:3px solid #fff;border-radius:50%;width:15px;height:15px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 1px 5px #20231e40}.insight-grid{text-align:left;gap:11px;margin-top:25px;display:grid}.insight-grid article{border:1px solid var(--line);background:#faf9f5;border-radius:16px;padding:17px 18px}.insight-grid span{color:#4862bd;margin-bottom:6px;font-size:11px;font-weight:850;display:block}.insight-grid p{color:#555b52;margin:0;font-size:13px;line-height:1.65}.daily-insight-card{border:2px solid var(--ink);text-align:left;box-shadow:5px 6px 0 var(--ink);background:#f0f5ff;border-radius:20px;margin-top:24px;padding:21px}.daily-insight-heading{justify-content:space-between;align-items:center;display:flex}.daily-insight-heading span{color:var(--blue);letter-spacing:1.4px;font-size:9px;font-weight:900}.daily-insight-heading strong{font-size:14px}.daily-insight-card>p{letter-spacing:-.45px;margin:18px 0;font-size:16px;font-weight:800;line-height:1.55}.daily-insight-card dl{gap:7px;margin:0;display:grid}.daily-insight-card dl div{grid-template-columns:72px 1fr;font-size:12px;display:grid}.daily-insight-card dt{color:var(--muted)}.daily-insight-card dd{margin:0;font-weight:750}.daily-insight-card small{color:#858b81;margin-top:18px;font-size:9px;line-height:1.5;display:block}.menu-recommendation{margin-top:34px}.clarity-line{color:var(--muted);grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin:25px 3px 0;font-size:10px;display:grid}.clarity-line>div{background:#e4e3dc;border-radius:10px;height:5px;overflow:hidden}.clarity-line i{background:var(--ink);border-radius:10px;height:100%;display:block}.clarity-line strong{color:var(--ink);font-size:11px}.viral-explainer{border:1px solid var(--line);background:#ffffff8c;border-radius:18px;align-items:flex-start;gap:14px;margin:18px 0;padding:18px;display:flex}.mini-icon{color:#fff;background:var(--blue);border-radius:11px;flex:none;justify-content:center;align-items:center;width:37px;height:37px;font-weight:900;display:flex}.viral-explainer strong{font-size:14px}.viral-explainer p{color:var(--muted);margin:6px 0 0;font-size:12px;line-height:1.55}.text-link{width:max-content;color:var(--muted);text-underline-offset:4px;margin:25px auto 0;font-size:12px;text-decoration:underline;display:block}@media (max-width:820px){.hero{grid-template-columns:1fr;gap:20px;padding-top:58px}.hero-copy{text-align:center}.hero-copy>p{margin-inline:auto}.hero h1{letter-spacing:-3.5px}.no-login{margin-left:0}.hero-visual{min-height:460px}.step-grid{grid-template-columns:1fr}.step-grid article{min-height:160px}}@media (max-width:540px){.landing-header,.hero,.how-it-works,.landing-footer{width:min(100% - 28px,1120px)}.landing-header{height:72px}.daily-badge{font-size:11px}.hero{min-height:auto;padding-top:38px}.hero h1{letter-spacing:-3.7px;font-size:47px}.hero-copy>p{font-size:15px}.hero-button{width:100%}.hero-visual{min-height:410px}.hero-visual:before{width:330px;height:330px}.hero-visual:after{width:280px;height:280px}.sample-card{box-shadow:10px 12px 0 var(--ink);padding:27px 22px 23px}.sample-card>p{font-size:21px}.float-pill{font-size:11px}.pill-one{top:18px;right:2px}.pill-two{bottom:10px;left:2px}.how-it-works{padding:70px 0}.landing-footer{text-align:center;flex-direction:column;gap:14px}.info-shell{padding-top:18px}.info-hero{padding:58px 5px 45px}.axis-explainer{grid-template-columns:1fr}.game-shell,.result-shell{width:min(100% - 24px,620px);padding-top:18px}.game-header{gap:12px;margin-inline:3px}.game-header .brand{max-width:58%}.game-header .brand-mark{flex:none}.game-header .brand{font-size:18px}.question-card{border-radius:23px;padding-top:27px}.question-card h1{min-height:72px;font-size:25px}.choice-button{min-height:70px;padding:0 15px}.choice-button strong{font-size:15px}.result-card{border-radius:23px}.share-secondary-actions{grid-template-columns:1fr}.share-secondary-actions .button{min-height:48px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.admin-page{width:min(100% - 32px,1120px);margin:0 auto;padding:48px 0 72px}.admin-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:28px;display:flex}.admin-header h1,.admin-auth-card h1{letter-spacing:-1.8px;margin:5px 0 8px;font-size:clamp(28px,5vw,42px)}.admin-header p:not(.eyebrow),.admin-auth-card>p:not(.eyebrow){color:var(--muted);margin:0}.admin-periods{gap:8px;margin-bottom:16px;display:flex}.admin-periods button{border:1px solid var(--line);background:var(--card);cursor:pointer;border-radius:999px;padding:9px 15px}.admin-periods button.is-active{color:#fff;border-color:var(--ink);background:var(--ink)}.admin-metrics{grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:16px;display:grid}.admin-metric,.admin-panel,.admin-auth-card{border:1px solid var(--line);background:var(--card);box-shadow:var(--shadow);border-radius:20px}.admin-metric{padding:19px}.admin-metric span{color:var(--muted);font-size:13px;display:block}.admin-metric strong{letter-spacing:-1px;margin-top:12px;font-size:30px;display:block}.admin-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.admin-panel{padding:24px}.admin-panel h2{letter-spacing:-.8px;margin:0 0 22px;font-size:20px}.admin-funnel{gap:10px;display:grid}.admin-funnel-row{border-bottom:1px solid #e8e5dc;grid-template-columns:1fr auto auto;align-items:baseline;gap:12px;padding:13px 0;display:grid}.admin-funnel-row:last-child{border-bottom:0}.admin-funnel-row strong{font-size:20px}.admin-funnel-row small,.admin-choice-row small{color:var(--muted);font-size:11px}.admin-daily{align-items:end;gap:8px;height:190px;padding-top:10px;display:flex;overflow-x:auto}.admin-day{flex-direction:column;flex:1 0 25px;justify-content:end;align-items:center;gap:8px;height:100%;display:flex}.admin-bar{background:var(--lime);border-radius:7px 7px 2px 2px;width:100%;min-height:5px}.admin-day small{color:var(--muted);white-space:nowrap;font-size:10px}.admin-choice-table{overflow-x:auto}.admin-choice-head,.admin-choice-row{grid-template-columns:minmax(240px,1fr) 90px 90px 70px;align-items:center;gap:12px;min-width:520px;padding:13px 0;display:grid}.admin-choice-head{color:var(--muted);border-bottom:1px solid var(--line);font-size:12px}.admin-choice-row{border-bottom:1px solid #e8e5dc;font-size:13px}.admin-choice-row:last-child{border-bottom:0}.admin-empty{color:var(--muted);margin:0}.admin-note{color:var(--muted);margin:16px 0 0;font-size:12px}.admin-auth-shell{background:var(--paper);place-items:center;min-height:100vh;padding:24px;display:grid}.admin-auth-card{width:min(100%,420px);padding:32px}.admin-auth-card label{margin:26px 0 8px;font-size:13px;font-weight:800;display:block}.admin-auth-card input{border:1px solid var(--line);background:#fff;border-radius:12px;outline:none;width:100%;padding:13px 14px}.admin-auth-card input:focus{border-color:var(--ink)}.admin-auth-card .button{margin-top:18px}.admin-error{font-size:13px;color:#bd3d38!important;margin:12px 0 0!important}@media (max-width:760px){.admin-page{width:min(100% - 28px,560px);padding-top:28px}.admin-header{flex-direction:column;align-items:stretch}.admin-header .button{align-self:flex-start}.admin-metrics{grid-template-columns:repeat(2,1fr)}.admin-metric:last-child{grid-column:span 2}.admin-grid{grid-template-columns:1fr}.admin-panel{padding:20px 16px}}