:root{--sand: #fff6ea;--sand-2: #f3e4cc;--ink: #14202b;--muted: #5c6b75;--lagoon: #0f766e;--lagoon-2: #115e59;--amber: #ea8c2f;--amber-2: #c56a14;--ok: #0f766e;--bad: #b42318;--line: rgba(20, 32, 43, .1);--shadow: 0 20px 50px rgba(20, 32, 43, .08);--radius: 28px;font-family:Pretendard Variable,Pretendard,Segoe UI,sans-serif;color:var(--ink);background:var(--sand);line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(900px 420px at 90% -10%,rgba(234,140,47,.16),transparent 55%),radial-gradient(700px 380px at 0% 20%,rgba(15,118,110,.1),transparent 50%),linear-gradient(180deg,#fffaf1 0%,var(--sand) 38%)}button,a{font:inherit;color:inherit}a{text-decoration:none}button{cursor:pointer}.site-header,.site-footer,main{width:min(1080px,calc(100% - 36px));margin:0 auto}.site-header,.site-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 0}.brand{display:flex;align-items:center;gap:12px}.dino-mark{width:42px;height:36px;color:var(--lagoon)}.brand-kicker{display:block;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.brand-name{font-family:Outfit,Pretendard,sans-serif;font-weight:700;font-size:22px;letter-spacing:-.04em}.nav-links{display:flex;gap:8px;flex-wrap:wrap}.nav-links a{padding:8px 14px;border-radius:999px;background:#ffffff8c;border:1px solid var(--line);font-size:14px}.nav-links a.active,.nav-links a:hover{background:var(--ink);color:var(--sand);border-color:var(--ink)}main{padding:8px 0 72px}.kicker{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--lagoon);font-weight:700}h1{font-family:Outfit,Pretendard,sans-serif;font-size:clamp(40px,7vw,72px);line-height:.95;letter-spacing:-.05em;margin:8px 0 16px;font-weight:700}h1 em{font-style:normal;color:var(--amber-2)}.display{font-family:Outfit,Pretendard,sans-serif;font-size:clamp(32px,5vw,52px);letter-spacing:-.05em;margin:8px 0 12px}.lede{font-size:18px;color:var(--muted);max-width:58ch}.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:stretch;margin:12px 0 40px}.hero-panel{background:var(--ink);color:#f8f1e4;border-radius:32px;padding:24px;box-shadow:var(--shadow)}.trail-spine{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:8px}.trail-spine li{display:grid;grid-template-columns:88px 1fr auto;gap:10px;align-items:center;padding:10px 12px;border-radius:16px;background:#ffffff0f;font-size:14px}.trail-spine .era{font-size:11px;letter-spacing:.08em;color:#fde68a}.trail-spine small{display:block;color:#f8f1e49e;font-size:12px}.trail-spine .soon{opacity:.55}.habitat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.habitat-card{background:#fffdf8;border-radius:var(--radius);border:1px solid var(--line);box-shadow:var(--shadow);min-height:230px}.habitat-card a,.habitat-card>div{display:flex;flex-direction:column;gap:10px;padding:24px;height:100%}.habitat-card h2{font-family:Outfit,Pretendard,sans-serif;margin:0;font-size:28px;letter-spacing:-.04em}.habitat-card p{margin:0;color:var(--muted);flex:1}.era-tag{font-size:12px;font-weight:700;color:var(--lagoon);letter-spacing:.06em}.stage-hatchling{background:linear-gradient(180deg,rgba(234,140,47,.08),transparent 40%),#fffdf8}.stage-juvenile{background:linear-gradient(180deg,rgba(15,118,110,.08),transparent 40%),#fffdf8}.stage-guardian{background:linear-gradient(180deg,rgba(20,32,43,.06),transparent 40%),#fffdf8}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;padding:11px 18px;font-weight:700}.btn.primary{background:var(--amber);color:#1a1208}.btn.primary:disabled{opacity:.45}.btn.ghost{background:transparent;border:1px solid var(--line)}.stats,.chip-row,.action-row{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.stats span,.chip,.type-pill{padding:6px 12px;border-radius:999px;background:var(--sand-2);font-size:13px}.chip{border:0}.chip.active{background:var(--lagoon);color:#fff}.mode-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:20px 0 32px}.mode-card{display:block;padding:20px;border-radius:24px;background:#fffdf8;border:1px solid var(--line)}.mode-card strong{display:block;font-size:22px;font-family:Outfit,Pretendard,sans-serif;margin:4px 0 8px}.notes{color:var(--muted);font-size:14px}.section-title{font-family:Outfit,Pretendard,sans-serif;font-size:22px;margin:28px 0 12px}.chapter-list{display:grid;gap:8px}.chapter-row{display:grid;grid-template-columns:52px 1fr auto;gap:12px;align-items:center;padding:14px 16px;border-radius:18px;background:#fffdf8;border:1px solid var(--line)}.ch-num{font-family:Outfit,Pretendard,sans-serif;font-weight:700;color:var(--amber-2)}.chapter-row small{display:block;color:var(--muted);font-size:12px}.qplay{background:#fffdf8;border:1px solid var(--line);border-radius:24px;padding:22px;margin:16px 0}.qplay.is-ok{border-color:#0f766e73}.qplay.is-bad{border-color:#b4231866}.q-prompt{color:var(--muted);margin:8px 0}.q-stem{font-family:"Source Serif 4",Georgia,serif;font-size:22px;line-height:1.55;margin:8px 0 16px}.blank-slot{display:inline-block;min-width:72px;border-bottom:2px solid var(--amber);margin:0 4px}.blank-input{width:min(420px,100%);padding:12px 14px;border-radius:14px;border:1px solid var(--line);font-size:16px;background:#fff}.choice-list{list-style:none;padding:0;margin:0;display:grid;gap:8px}.choice,.choose-opt,.token{display:flex;gap:10px;width:100%;text-align:left;border:1px solid var(--line);background:#fff;border-radius:16px;padding:12px 14px}.choose-group{display:inline-flex;gap:6px;vertical-align:middle;margin:0 4px}.choose-opt{width:auto;padding:4px 10px;border-radius:999px}.choice.on,.choose-opt.on,.token.used{background:var(--ink);color:var(--sand);border-color:var(--ink)}.choice.ans{outline:2px solid var(--lagoon)}.token-row{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.token{width:auto}.order-built{min-height:48px;padding:12px;border-radius:14px;background:var(--sand-2);font-family:"Source Serif 4",Georgia,serif}.explain{margin-top:16px;padding-top:14px;border-top:1px dashed var(--line)}.accordion{margin:10px 0}.accordion-head{width:100%;text-align:left;background:#fffdf8;border:1px solid var(--line);border-radius:16px;padding:14px 16px}.result-panel{max-width:320px}.score-num{font-family:Outfit,Pretendard,sans-serif;font-size:64px;margin:0}.review-list{list-style:none;padding:0;display:grid;gap:12px}.review-list li{padding:16px;border-radius:18px;background:#fffdf8;border:1px solid var(--line)}.review-list .ok{border-color:#0f766e59}.review-list .bad{border-color:#b4231859}.warn{color:var(--bad)}.footnote-list{margin-top:28px}.site-footer{color:var(--muted);font-size:13px;border-top:1px solid var(--line)}.footer-legal{display:flex;gap:14px;flex-wrap:wrap}@media(max-width:800px){.hero,.habitat-grid,.mode-grid,.trail-spine li,.chapter-row{grid-template-columns:1fr}}