:root{color-scheme:dark;--bg: #10121f;--surface: #191c2d;--surface-strong: #22263a;--line: rgba(255, 255, 255, .11);--text: #f7f3ea;--muted: #aaa9b8;--accent: #e4b35c;--accent-soft: #f5d99f;--purple: #9383e8;--max-width: 1120px;font-family:Pretendard,Noto Sans KR,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--text)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 80% 0%,#25203d 0,transparent 34rem),var(--bg)}button,input{font:inherit}button{color:inherit}button,a{-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}.site-header{width:min(100% - 32px,var(--max-width));min-height:68px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font-weight:760;letter-spacing:-.03em}.brand-mark{display:grid;place-items:center;width:31px;height:31px;border:1px solid var(--accent);border-radius:50%;color:var(--accent);font-family:serif}.engine-badge{color:var(--muted);font-size:10px;letter-spacing:.11em}main{width:min(100% - 32px,var(--max-width));margin:0 auto}.landing{padding:72px 0 88px}.hero-copy{max-width:720px}.legacy-hero-copy{display:none}.eyebrow{margin:0 0 12px;color:var(--accent);font-size:12.5px;font-weight:850;letter-spacing:.18em}h1,h2,h3,p{overflow-wrap:anywhere}h1{margin:0;font-family:Georgia,"Noto Serif KR",serif;font-size:clamp(42px,11vw,78px);line-height:1.08;letter-spacing:-.045em}.hero-description{max-width:570px;margin:24px 0 0;color:var(--muted);font-size:16px;line-height:1.75}.draw-card{max-width:590px;margin-top:42px;padding:24px;border:1px solid var(--line);border-radius:18px;background:#191c2dd1;box-shadow:0 24px 80px #00000038}.draw-card label{display:block;margin-bottom:10px;font-size:14px;font-weight:700}.draw-card label span{color:var(--muted);font-weight:500}.draw-card input{width:100%;min-height:52px;padding:0 15px;border:1px solid var(--line);border-radius:10px;outline:none;background:#101321;color:var(--text)}.draw-card input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #e4b35c21}.input-note{margin:9px 0 18px;color:var(--muted);font-size:11px}.primary-button,.secondary-button{width:100%;min-height:54px;padding:0 18px;border:0;border-radius:10px;cursor:pointer;font-weight:800}.primary-button{display:flex;justify-content:space-between;align-items:center;background:var(--accent);color:#211b12}.draw-card .primary-button>span:first-child{font-size:0}.draw-card .primary-button>span:first-child:after{content:"내 전생 살아보기";font-size:1rem}.primary-button:hover{background:var(--accent-soft)}.weekly{margin-top:96px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:24px}.section-heading h2,.panel h2,.reroll-section h2{margin:0;font-family:Georgia,"Noto Serif KR",serif;font-size:clamp(25px,7vw,36px);letter-spacing:-.03em}.count-badge,.subtle-count{color:var(--muted);font-size:12px;white-space:nowrap}.count-badge{padding:7px 9px;border:1px solid var(--line);border-radius:999px}.pack-list{display:grid;gap:10px}.pack-preview{display:grid;grid-template-columns:auto 1fr;gap:7px 13px;padding:18px;border-top:1px solid var(--line)}.pack-preview time{grid-row:span 2;color:var(--accent);font-size:11px}.pack-preview strong{font-size:16px}.pack-preview span,.mock-notice{color:var(--muted);font-size:12px}.mock-notice{margin-top:18px}.result{padding-bottom:112px}.result-hero{position:relative;min-height:460px;padding:92px 0 74px;display:flex;align-items:center;border-bottom:1px solid var(--line);overflow:hidden}.text-button{padding:0;border:0;background:none;color:var(--muted);cursor:pointer;font-size:13px}.result-hero>.text-button{position:absolute;z-index:2;top:24px;left:0}.hero-grid{position:relative;z-index:1;width:100%}.hero-grid.has-illustration{display:grid;grid-template-columns:minmax(0,1fr);gap:32px;align-items:center}.hero-identity{max-width:1000px}.result-era{margin:0 0 18px;color:var(--accent-soft);font-family:Georgia,"Noto Serif KR",serif;font-size:clamp(24px,4vw,36px);font-weight:700;line-height:1.25;letter-spacing:-.025em}.result-hero h1{max-width:1000px;font-size:clamp(38px,6.2vw,70px);line-height:1.12;overflow-wrap:normal;word-break:keep-all;text-wrap:balance}.result-tagline{max-width:760px;margin:24px 0 0;color:var(--accent);font-size:clamp(17px,2.2vw,22px);font-weight:700;line-height:1.55;letter-spacing:-.01em;word-break:keep-all;text-wrap:balance}.result-context{margin:12px 0 0;color:#d9d5cc;font-size:clamp(15px,2vw,18px);line-height:1.6;letter-spacing:.01em;word-break:keep-all}.hero-illustration-slot{width:100%;aspect-ratio:4 / 3;min-height:0;border:1px solid rgba(228,179,92,.22);border-radius:18px;overflow:hidden;background:var(--surface);box-shadow:0 24px 70px #0000003d}.hero-illustration-slot img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.result-seal{position:absolute;right:-55px;bottom:24px;width:230px;height:230px;display:grid;place-items:center;border:1px solid rgba(228,179,92,.18);border-radius:50%;color:#e4b35c14;font:135px/1 Georgia,serif;transform:rotate(10deg)}.result-seal:before{content:"";position:absolute;inset:14px;border:1px solid rgba(228,179,92,.12);border-radius:50%}.result-flow{width:min(100%,860px);margin:0 auto}.panel{padding:26px;border:1px solid var(--line);border-radius:16px;background:#191c2db8}.result-flow h2{margin:0;font-family:Georgia,"Noto Serif KR",serif;font-size:clamp(28px,5vw,40px);letter-spacing:-.035em}.story-section{padding:92px 0 0}.story-section .section-heading{margin-bottom:58px}.story-list{width:min(100%,740px);display:grid;gap:54px}.story-card{padding:0 0 48px;border-bottom:1px solid rgba(255,255,255,.075)}.story-card:last-child{padding-bottom:0;border-bottom:0}.story-phase{display:block;margin-bottom:14px;color:var(--accent);font-size:13.5px;font-weight:850;letter-spacing:.1em}.story-card p{max-width:42rem;margin:0;color:#e3e0e5;font-size:clamp(17px,2vw,18px);line-height:1.9;letter-spacing:.02em;white-space:pre-line;word-break:keep-all;overflow-wrap:break-word}.ending-card{margin-top:88px;padding:clamp(28px,5vw,46px);border:1px solid rgba(228,179,92,.36);border-radius:18px;background:linear-gradient(135deg,#e4b35c1f,#9383e817)}.ending-card>span{color:var(--accent);font-size:13.5px;font-weight:850;letter-spacing:.14em}.ending-card h3{margin:16px 0 22px;font:700 clamp(27px,5vw,38px)/1.35 Georgia,"Noto Serif KR",serif;letter-spacing:-.025em;word-break:keep-all}.ending-card p{max-width:42rem;margin:0;color:#e2dfe5;font-size:17px;line-height:1.9;letter-spacing:.018em;white-space:pre-line;word-break:keep-all;overflow-wrap:break-word}.result-summary{margin-top:104px;padding-top:72px;border-top:1px solid var(--line)}.result-summary>h2{max-width:650px}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:34px}.summary-metric{min-height:180px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid var(--line);border-radius:16px;background:#191c2dbd}.summary-metric>span{color:var(--muted);font-size:13px;font-weight:700}.summary-metric div{display:flex;align-items:baseline;gap:6px}.summary-metric strong{color:var(--accent-soft);font:700 clamp(43px,7vw,64px)/1 Georgia,"Noto Serif KR",serif;letter-spacing:-.045em}.summary-metric div strong{font-family:Pretendard,Noto Sans KR,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:800;font-variant-numeric:tabular-nums}.summary-metric small{color:var(--muted);font-size:12px}.fate-metric strong{font-size:clamp(24px,3.5vw,34px);line-height:1.3;letter-spacing:-.025em;word-break:keep-all}.path-section{margin-top:104px;padding-top:72px;border-top:1px solid var(--line)}.path-section ol{max-width:720px;margin:38px 0 0;padding:0;list-style:none}.path-section li{position:relative;padding:0 0 30px 30px;color:#dbd8df;font-size:15px;line-height:1.65}.path-section li:before{content:"";position:absolute;left:2px;top:.55em;width:8px;height:8px;border:2px solid var(--accent);border-radius:50%;background:var(--bg)}.path-section li:not(:last-child):after{content:"";position:absolute;left:6px;top:calc(.55em + 12px);bottom:5px;width:1px;background:var(--line)}.ad-slot{min-height:250px;margin-top:72px;display:grid;place-items:center;border:1px solid var(--line);border-radius:16px;color:var(--muted);font-size:11px}.reroll-section{margin-top:104px;padding-top:72px;border-top:1px solid var(--line)}.reroll-grid{display:grid;gap:13px;margin-top:28px}.reroll-card{position:relative;min-height:180px;padding:24px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;border:1px solid var(--line);border-radius:16px;background:var(--surface);cursor:pointer}.reroll-card:hover{border-color:#e4b35c80;transform:translateY(-2px)}.reroll-card.featured{border-color:#e4b35c66;background:linear-gradient(145deg,#322a31,#1b1d30)}.reroll-label{position:absolute;top:13px;right:13px;padding:5px 7px;border-radius:999px;background:var(--accent);color:#211b12;font-size:10.25px;font-weight:900}.reroll-card strong{margin-top:18px;font-size:19px}.reroll-card small{max-width:330px;margin-top:9px;color:var(--muted);line-height:1.55}.reroll-card>span:last-child{margin-top:auto;color:var(--accent);font-size:13.5px;font-weight:700}.share-panel{margin-top:28px;display:grid;gap:28px}.share-panel h2{font-size:25px}.share-panel #share-summary{margin:14px 0 0;color:var(--muted);font-size:13px;line-height:1.7;white-space:pre-line}.share-actions{align-self:center}.secondary-button{margin-top:0;background:var(--text);color:#171826}.text-button.boxed{width:100%;margin-top:9px;padding:13px;border:1px solid var(--line);border-radius:9px}.feedback{min-height:20px;margin-bottom:0!important;color:var(--accent-soft)!important}footer{width:min(100% - 32px,var(--max-width));margin:0 auto;padding:26px 0 40px;display:flex;flex-direction:column;gap:7px;border-top:1px solid var(--line);color:var(--muted);font-size:10px;letter-spacing:.04em}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:699px){.engine-badge{display:none}.result-hero{min-height:440px;padding:84px 0 64px}.result-era{margin-bottom:15px}.result-context{margin-top:20px}.result-seal{right:-92px;bottom:20px;opacity:.7}.story-section{padding-top:76px}.story-section .section-heading{margin-bottom:48px}.story-list{gap:46px}.story-card{padding-bottom:40px}.ending-card{margin-top:72px}.result-summary,.path-section,.reroll-section{margin-top:84px;padding-top:60px}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-metric{min-height:150px;padding:20px}.summary-metric strong{font-size:clamp(42px,14vw,56px)}.fate-metric{grid-column:1 / -1;min-height:132px}.fate-metric strong{font-size:28px}}@media(min-width:700px){.site-header,main,footer{width:min(100% - 64px,var(--max-width))}.landing{padding-top:100px}.draw-card{padding:30px}.pack-list{grid-template-columns:repeat(3,1fr)}.pack-preview{grid-template-columns:1fr}.pack-preview time{grid-row:auto}.result-hero{min-height:540px;padding:84px 0 72px}.result-seal{right:3%;width:300px;height:300px;font-size:180px}.reroll-grid{grid-template-columns:1fr 1fr}.share-panel{grid-template-columns:1fr 290px;align-items:center}footer{flex-direction:row;justify-content:space-between}}@media(min-width:940px){.hero-grid.has-illustration{grid-template-columns:minmax(0,3fr) minmax(280px,2fr);gap:56px}}@media(prefers-reduced-motion:no-preference){.reroll-card,.primary-button{transition:transform .2s ease,border-color .2s ease,background .2s ease}}