@import"https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;600;700;800&family=Inter:wght@400;600;700;800&display=swap";:root{--brand: #065f46;--brand-weak: #e6f6f1;--text: #1f2937;--muted: #6b7280;--border: #e5e7eb;--bg: #ffffff;--intro-gap: 5px;--lang-hit: 44px;--lang-icon: 32px;--safe-top: env(safe-area-inset-top, 0px);--topbar-pad-y: 4px;--topbar-pad-x: 12px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:Noto Sans KR,Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple SD Gothic Neo,Malgun Gothic,맑은 고딕,sans-serif}.topbar{position:sticky;top:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:calc(var(--safe-top) + var(--topbar-pad-y)) var(--topbar-pad-x) 8px;min-height:calc(var(--lang-hit) + 6px);background:#fff;border-bottom:1px solid rgba(0,0,0,.04);overflow:visible}.topbar .brand{margin:0;font-weight:800;letter-spacing:.2px;color:var(--brand);font-size:clamp(20px,6vw,32px)}.lang-switcher{position:absolute;right:12px;top:calc(var(--safe-top) + 2px);transform:none;z-index:5000;width:auto;height:auto}.lang-switcher__btn{display:inline-flex;align-items:center;justify-content:center;width:var(--lang-hit);height:var(--lang-hit);background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:0;cursor:pointer}.lang-switcher__btn img,.lang-switcher__btn svg{height:var(--lang-icon);width:auto;display:block;background:transparent!important;border-radius:0!important}.lang-switcher__label{display:none}.lang-switcher__menu{position:absolute;top:calc(100% + 6px);right:0;min-width:112px;background:#fff;border-radius:12px;border:1px solid rgba(0,0,0,.06);box-shadow:0 12px 24px #00000029;z-index:5001;opacity:0;transform:translateY(-4px);pointer-events:none;transition:opacity .15s ease,transform .15s ease;list-style:none;margin:0;padding:6px;padding-inline-start:0}.lang-switcher__menu li{list-style:none;margin:0;padding:0}.lang-switcher__menu li::marker{content:""}.lang-switcher__menu:before{content:"";position:absolute;top:-6px;right:14px;width:12px;height:12px;background:#fff;transform:rotate(45deg);border-left:1px solid rgba(0,0,0,.06);border-top:1px solid rgba(0,0,0,.06)}.lang-switcher.open .lang-switcher__menu{opacity:1;transform:translateY(0);pointer-events:auto}.lang-switcher__item{width:100%;padding:10px 14px;border:0;border-radius:8px;background:#fff;font-weight:700;text-align:center;cursor:pointer}.lang-switcher__item:hover{background:#f3f4f6}.icon-btn{cursor:pointer;border-radius:10px}.icon-btn--plain{background:transparent;border:0;padding:6px;line-height:0}.lang-icon{display:block;width:22px;height:22px;object-fit:contain;image-rendering:auto}.lang-menu,.lang-item{display:none!important}.quiz-wrap{max-width:920px;margin:0 auto;padding:16px 20px}.result-wrap{max-width:720px;margin:0 auto;padding:24px 20px}.page.intro-page{min-height:100dvh;display:flex;flex-direction:column}.intro-page .intro-wrap{flex:1;display:grid;place-items:center;width:100%;padding-inline:16px;padding-block:var(--intro-gap);margin:0}.btn{padding:10px 16px;border-radius:12px;border:1px solid var(--brand);background:var(--brand);color:#fff;cursor:pointer;font-weight:800}.btn.secondary{background:#fff;color:var(--brand)}.btn:hover{filter:brightness(.97)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-lg{padding:14px 22px;min-height:48px;min-width:200px;font-size:18px;border-radius:14px}.retry-btn{background:var(--brand);border:1px solid var(--brand);color:#fff}.insta-btn{display:flex;align-items:center;justify-content:center;text-decoration:none}.quiz-bottom-actions{display:flex;justify-content:center;margin:16px 0 8px}.result-actions{display:flex;flex-direction:column;gap:12px;margin-top:16px;justify-content:center}.progress{height:12px;border-radius:999px;background:#f3f4f6;border:1px solid var(--border);overflow:hidden;margin-bottom:12px}.progress>div{height:100%;background:var(--brand);transition:width .25s ease}.q-card{border:1px solid var(--border);border-radius:14px;padding:12px;margin:18px 0;background:#fff;position:relative}.q-image{width:100%;border-radius:12px;display:block}.opt-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}.opt{padding:0;border-radius:12px;border:1px solid var(--border);overflow:hidden;background:#fff;cursor:pointer}.opt.selected{border:3px solid var(--brand);background:var(--brand-weak)}.opt img{width:100%;display:block}.intro-hero-wrapper{max-width:820px;width:100%;height:100%;display:flex;justify-content:center;align-items:center;margin:0 auto;padding:0 8px}.intro-hero{display:block;width:100%;max-width:820px;height:auto;max-height:calc(90vh - (var(--intro-gap) * 2));object-fit:contain;margin:0 auto}.hero-btn{position:absolute;left:50%;transform:translate(-50%);top:45%;background:transparent;border:0;padding:0;line-height:0;cursor:pointer;margin-left:25px}.hero-btn img{display:block;width:clamp(110px,34vw,200px);height:auto;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}@media (max-width: 480px){.topbar{padding:calc(var(--safe-top) + 2px) 16px 8px;min-height:calc(var(--lang-hit) + 4px)}.lang-switcher{top:calc(var(--safe-top) + 1px);right:10px}.intro-hero{max-height:calc(92vh - (var(--intro-gap) * 2))}.hero-btn{top:43.5%}.hero-btn img{width:clamp(100px,38vw,180px)}}.pyramid-card{border:1px solid var(--border);border-radius:12px;padding:16px;background:#fff;margin:12px 0}