/* ICDM energy identity: restrained so the mobile quiz frame remains clear. */
html,body{background:radial-gradient(circle at 14% 8%,rgba(35,142,172,.28),transparent 30%),radial-gradient(circle at 94% 18%,rgba(217,101,55,.25),transparent 29%),linear-gradient(135deg,#e2f7f8 0%,#c9edf2 48%,#d9eef6 100%)}
#field{opacity:.62;mix-blend-mode:multiply}
.hero{position:relative}
.hero:before,.hero:after{content:"";position:absolute;z-index:-1;border-radius:50%;filter:blur(12px);pointer-events:none}
.hero:before{width:180px;height:36px;left:-55px;top:58px;background:linear-gradient(90deg,transparent,rgba(35,142,172,.28),transparent);transform:rotate(-18deg)}
.hero:after{width:190px;height:34px;right:-55px;top:58px;background:linear-gradient(90deg,transparent,rgba(217,101,55,.28),transparent);transform:rotate(18deg)}
.choice.wegovy{background:linear-gradient(105deg,rgba(232,252,253,.98),rgba(246,255,255,.98));box-shadow:inset 3px 0 0 var(--cyan)}
.choice.ozempic{background:linear-gradient(105deg,rgba(255,247,240,.98),rgba(255,255,255,.98));box-shadow:inset 3px 0 0 var(--orange)}
.choice.wegovy .choice-orbit{background:var(--cyan)}.choice.ozempic .choice-orbit{background:var(--orange)}
.result{background:linear-gradient(105deg,#154955 0%,#1b6470 72%,#245a79 100%);box-shadow:0 8px 22px rgba(20,74,85,.18)}
@media(max-width:480px){.hero:before{left:-90px}.hero:after{right:-90px}.quiz-panel{box-shadow:0 17px 40px rgba(28,98,112,.2)}}

/* DESIGN-stripe.md tokens: fixed mobile frame, indigo mesh, thin editorial type, pill controls. */
:root{--stripe-indigo:#533afd;--stripe-indigo-deep:#4434d4;--stripe-navy:#1c1e54;--stripe-ink:#0d253d;--stripe-muted:#64748d;--stripe-hairline:#e3e8ee;--stripe-cream:#f5e9d4}
body{font-family:Inter,"SF Pro Display","Pretendard","Apple SD Gothic Neo","Noto Sans KR",system-ui,sans-serif;font-feature-settings:"ss01";color:var(--stripe-ink)}
.shell{width:390px;max-width:100%;padding-left:15px;padding-right:15px;overflow:hidden}
.shell:before{content:"";position:absolute;z-index:-1;left:50%;top:0;width:720px;height:275px;transform:translateX(-50%);opacity:.58;filter:blur(16px);background:radial-gradient(ellipse at 22% 42%,rgba(217,101,55,.42),transparent 31%),radial-gradient(ellipse at 45% 25%,rgba(83,58,253,.33),transparent 34%),radial-gradient(ellipse at 75% 45%,rgba(35,142,172,.5),transparent 35%);pointer-events:none}
.topbar{height:39px;padding:0 5px 0 14px;background:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.78);border-radius:999px;box-shadow:0 1px 3px rgba(0,55,112,.08);backdrop-filter:blur(12px)}
.brand-mark{font-size:14px;letter-spacing:.12em;color:var(--stripe-navy)}.brand-sub{color:var(--stripe-muted)}.status-dot{background:var(--stripe-indigo);box-shadow:0 0 10px rgba(83,58,253,.45)}.lang{border-radius:9999px}.lang.active{background:var(--stripe-indigo)}
.hero{margin:38px 0 20px}.eyebrow{color:var(--stripe-indigo);font-size:10px;letter-spacing:.1em}.eyebrow-line{background:linear-gradient(90deg,var(--stripe-indigo),rgba(83,58,253,.08))}h1{font-weight:300;letter-spacing:-1px;color:var(--stripe-ink)}h1 span{color:var(--stripe-navy);font-weight:400;letter-spacing:.11em}h1 strong{color:var(--stripe-ink);font-weight:300;letter-spacing:-1.4px}.hero-copy{color:var(--stripe-muted);font-size:14px}
.quiz-panel{width:360px;max-width:100%;padding:24px 24px 23px;border-radius:12px;background:rgba(255,255,255,.96);border:1px solid var(--stripe-hairline);box-shadow:0 8px 24px rgba(0,55,112,.08),0 2px 6px rgba(0,55,112,.04);backdrop-filter:blur(14px)}
.panel-head{padding-bottom:16px;border-bottom:1px solid var(--stripe-hairline)}.panel-kicker{font-size:10px;letter-spacing:.1em;color:var(--stripe-indigo);font-weight:500}.panel-count{font-feature-settings:"tnum";color:var(--stripe-muted)}.panel-pulse{border-color:var(--stripe-indigo);box-shadow:0 0 0 4px rgba(83,58,253,.11)}
.question-wrap{padding:23px 0 20px}.question{font-size:17px;line-height:1.4;font-weight:400;letter-spacing:-.2px;color:var(--stripe-ink)}.question-en{font-size:12px;color:var(--stripe-muted);line-height:1.55}
.choices{grid-template-columns:1fr;gap:9px}.choice{min-height:47px;border-radius:9999px;padding:8px 16px;background:#fff;border:1px solid var(--stripe-hairline);box-shadow:none}.choice:after{background:linear-gradient(110deg,rgba(255,255,255,.85),transparent 48%)}.choice.wegovy{box-shadow:inset 3px 0 0 var(--cyan)}.choice.ozempic{box-shadow:inset 3px 0 0 var(--orange)}.choice-index{font-feature-settings:"tnum"}.choice-name{font-size:14px;font-weight:400}.choice-arrow{font-size:16px;color:var(--stripe-indigo)}
.result{border-radius:12px}.footer{color:var(--stripe-muted);padding-top:20px}@media(min-width:600px){.shell{width:390px}.hero{margin-top:68px}.quiz-panel{width:360px}}
/* Full-bleed energy mesh: fixed content frame, viewport-wide visual field. */
html,body{min-width:100%;overflow-x:hidden;background:#d8f3f7}
body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 75% 38% at 8% 8%,rgba(35,142,172,.38),transparent 68%),radial-gradient(ellipse 72% 40% at 94% 10%,rgba(217,101,55,.34),transparent 67%),radial-gradient(ellipse 54% 42% at 50% 0%,rgba(83,58,253,.25),transparent 66%),linear-gradient(180deg,#e6f9fa 0%,#d4f1f4 42%,#d8f3f7 100%)}
#field{z-index:1;inset:0;width:100vw;height:100vh;opacity:.72}.grain{z-index:2}.shell{z-index:3;overflow:visible}
/* The approved ICDM key-visual language: a dark field, white energy core, and two colored orbital paths. */
html,body{background:#060d1b;color:#edf7ff}
body:before{background-image:linear-gradient(180deg,rgba(4,12,27,.18),rgba(4,11,23,.76)),url("assets/icdm-energy-field.png");background-repeat:no-repeat;background-position:center top;background-size:cover,cover;background-color:#061022}
body:before{background-image:linear-gradient(180deg,rgba(4,12,27,.12),rgba(4,11,23,.5)),url("assets/portrait/icdm-energy-field-mobile-v01.png");background-position:center top;background-size:cover,cover}
body:after{content:"";position:fixed;z-index:0;left:-28vw;top:9vh;width:156vw;height:31vh;border:1px solid rgba(170,220,255,.72);border-radius:50%;transform:rotate(0deg);box-shadow:0 0 18px rgba(68,165,255,.62),0 0 42px rgba(58,139,255,.32),inset 0 0 28px rgba(255,177,115,.12),0 3vh 0 -1px rgba(255,179,122,.7),0 6vh 0 -2px rgba(148,211,255,.36),0 9vh 0 -2px rgba(255,187,132,.45);opacity:.82;pointer-events:none}
.topbar{background:rgba(5,18,37,.58);border-color:rgba(173,218,255,.22);box-shadow:0 1px 3px rgba(0,0,0,.25)}.brand-mark{color:#eaf6ff}.brand-sub,.live-label{color:#8eaec5}.lang{color:#83a1b7}.lang.active{color:#fff;background:#533afd}
.hero{color:#eef8ff}.hero:before{background:linear-gradient(90deg,transparent,rgba(58,161,255,.68),transparent);box-shadow:0 0 28px rgba(58,161,255,.65)}.hero:after{background:linear-gradient(90deg,transparent,rgba(255,163,101,.65),transparent);box-shadow:0 0 28px rgba(255,163,101,.55)}.eyebrow{color:#8bdcff}.eyebrow-line{background:linear-gradient(90deg,#6bd7ff,transparent)}h1 span{color:#d5eaf5}h1 strong{color:#fff;text-shadow:0 0 24px rgba(140,215,255,.42)}.hero-copy{color:#a9c0d1}
.quiz-panel{background:rgba(250,253,255,.97);box-shadow:0 12px 34px rgba(0,0,0,.36),0 0 0 1px rgba(143,210,255,.12)}
.footer{color:#7795ad}.panel-kicker{color:#4f3bf1}
@media(max-width:480px){body:after{left:-66vw;width:232vw;height:30vh;top:10vh}.shell:before{opacity:.3}}