:root{--bg-oat:#f6f3ec;--bg-oat-2:#efeae0;--ink:#2b241e;--ink-soft:#5b4f45;--ink-mute:#8c8073;--rule:#e5ded1;--card:#fbf8f2;--card-edge:#efe9db;--sage:#8aa17a;--sage-deep:#6f8862;--sage-soft:#d9e2ce;--lavender:#a8a0c5;--lavender-deep:#8c83b0;--lavender-soft:#e2deee;--dawn:#8fa4be;--dawn-deep:#6f88a7;--dawn-soft:#dce4ef;--amber:#c48d52;--accent:var(--sage);--accent-deep:var(--sage-deep);--accent-soft:var(--sage-soft);--t:.6s;--ease:cubic-bezier(.4, 0, .2, 1)}.dusk{--bg-oat:#20191b;--bg-oat-2:#1a1416;--ink:#eadfd2;--ink-soft:#b8a9a0;--ink-mute:#7f716a;--rule:#352a2d;--card:#281e21;--card-edge:#342629;--sage:#98b088;--sage-deep:#b6c9a7;--sage-soft:#3a4235;--lavender:#b8addb;--lavender-deep:#cec3ee;--lavender-soft:#3a3448;--dawn:#a4b8d1;--dawn-deep:#c0d0e5;--dawn-soft:#2e3642}html,body{color:var(--ink);-webkit-font-smoothing:antialiased;background:#0f0b0c;margin:0;padding:0;font-family:Inter,system-ui,sans-serif}body{min-height:100vh}.chrome{z-index:40;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:fixed;top:14px;left:14px;right:14px}.chrome>*{pointer-events:auto}.chrome-label{color:#a89a8c;letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#140f0da6;border:1px solid #ffffff0f;border-radius:999px;padding:7px 12px;font-family:JetBrains Mono,monospace;font-size:11px}.chrome-toggle{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.06em;background:#140f0da6;border:1px solid #ffffff0f;border-radius:999px;padding:4px;font-family:JetBrains Mono,monospace;font-size:11px;display:inline-flex}.chrome-toggle button{appearance:none;color:#a89a8c;cursor:pointer;text-transform:uppercase;background:0 0;border:0;border-radius:999px;padding:6px 12px;transition:color .2s,background .2s}.chrome-toggle button.on{color:#2b241e;background:#eadfd2}.mode-standalone,.mode-host{width:100%;min-height:100vh;transition:opacity .5s}.mode-standalone{background:radial-gradient(at 50% 20%,#1a1416 0%,#0f0b0c 70%);place-items:center;padding:120px 24px 80px;display:grid}.mode-host{background:var(--bg-oat)}.island{background:var(--card);border:1px solid var(--card-edge);border-radius:32px;width:100%;max-width:560px;margin:0 auto;padding:56px 48px 52px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff80,0 40px 80px -40px #28190f2e,0 12px 28px -18px #28190f1f}.dusk .island{box-shadow:inset 0 1px #ffffff0a,0 40px 80px -40px #0009,0 12px 28px -18px #00000080}.mode-standalone .island{max-width:600px}.breathe-wrap{justify-content:center;margin-bottom:28px;display:flex}.breathe{transform-origin:50%;transform-box:fill-box;color:var(--accent);animation:6s ease-in-out infinite breathe}@keyframes breathe{0%,to{opacity:.8;transform:scale(.92)}50%{opacity:1;transform:scale(1.08)}}.breathe-small{transform-origin:50%;transform-box:fill-box;color:var(--accent);animation:6s ease-in-out infinite breathe}.wave-motif{transform-origin:50%;transform-box:fill-box;color:var(--accent);animation:7s ease-in-out infinite waveFloat;overflow:visible}@keyframes waveFloat{0%,to{opacity:.9;transform:translateY(2px)scale(.99)}50%{opacity:1;transform:translateY(-2px)scale(1.01)}}.wave-path-1{animation:11s ease-in-out infinite waveDrift1}.wave-path-2{animation:13s ease-in-out infinite waveDrift2}@keyframes waveDrift1{0%,to{transform:translate(0)}50%{transform:translate(-14px)}}@keyframes waveDrift2{0%,to{transform:translate(0)}50%{transform:translate(12px)}}.lesson-eyebrow{display:inline-block}.lesson-eyebrow .lesson-num{color:var(--accent-deep);margin-left:.35em;display:inline-block}.eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--ink-mute);font-family:JetBrains Mono,monospace;font-size:10.5px}.q-serif{letter-spacing:-.01em;color:var(--ink);padding:4px 0;font-family:Lora,serif;font-weight:400;line-height:1.5}.quote-container{border-left:5px solid var(--accent);text-align:left;background:#00000009;border-radius:24px;margin-bottom:28px;padding:36px 32px}.dusk .quote-container{background:#ffffff0a}.h-intro{font-family:Playfair Display,serif;font-size:34px}.h-question{font-family:Playfair Display,serif;font-size:27px}.h-result{font-family:Playfair Display,serif;font-size:30px}.body-soft{color:var(--ink-soft);letter-spacing:.005em;font-family:Inter,sans-serif;font-size:15px;line-height:1.65}.answers{flex-direction:column;gap:10px;margin-top:28px;display:flex}.answer{appearance:none;text-align:left;width:100%;color:var(--ink);cursor:pointer;transition:background var(--t) var(--ease), color var(--t) var(--ease), border-color var(--t) var(--ease), transform var(--t) var(--ease), opacity var(--t) var(--ease);background:#00000006;border:1px solid #0000;border-radius:18px;align-items:center;gap:14px;padding:18px 22px;font-family:Inter,sans-serif;font-size:15.5px;font-weight:450;line-height:1.45;display:flex;position:relative;overflow:hidden}.dusk .answer{background:#ffffff08}.answer:hover:not(:disabled){background:#0000000b}.dusk .answer:hover:not(:disabled){background:#ffffff0e}.answer:disabled{cursor:default}.answer .dot{background:var(--ink-mute);opacity:.35;width:8px;height:8px;transition:all var(--t) var(--ease);border-radius:999px;flex-shrink:0}.answer.selected-correct{background:var(--accent-soft);color:var(--ink);border-color:color-mix(in oklab, var(--accent) 40%, transparent)}.answer.selected-correct .dot{background:var(--accent-deep);opacity:1;width:10px;height:10px}.answer.selected-wrong{color:var(--ink-mute);opacity:.55;background:#00000005}.dusk .answer.selected-wrong{background:#ffffff05}.answer.reveal-correct{background:color-mix(in oklab, var(--amber) 22%, transparent);color:var(--ink);border-color:color-mix(in oklab, var(--amber) 55%, transparent)}.answer.reveal-correct .dot{background:var(--amber);opacity:1;width:10px;height:10px}.dusk .answer.reveal-correct{background:color-mix(in oklab, var(--amber) 18%, transparent)}.pill{appearance:none;cursor:pointer;letter-spacing:.01em;background:var(--accent);color:#fbf8f2;transition:background var(--t) var(--ease), transform var(--t) var(--ease), box-shadow var(--t) var(--ease);box-shadow:0 2px 0 color-mix(in oklab, var(--accent-deep) 40%, transparent);border:0;border-radius:999px;padding:16px 34px;font-family:Inter,sans-serif;font-size:14.5px;font-weight:500}.dusk .pill{color:#1a1416}.pill:hover{background:var(--accent-deep)}.pill.ghost{color:var(--ink-soft);box-shadow:inset 0 0 0 1px var(--rule);background:0 0}.pill.ghost:hover{color:var(--ink);background:#00000008}.dusk .pill.ghost:hover{background:#ffffff0a}.progress{justify-content:center;gap:10px;margin-bottom:36px;display:flex}.progress .pd{background:var(--rule);width:28px;height:4px;transition:background .8s var(--ease), width .8s var(--ease);border-radius:999px}.progress .pd.done{background:var(--accent)}.progress .pd.cur{background:var(--accent);width:40px}.fade-wrap{position:relative}.fade-enter{opacity:0;filter:blur(4px);transform:translateY(6px)}.fade-active{opacity:1;filter:blur();transition:opacity var(--t) var(--ease), filter var(--t) var(--ease), transform var(--t) var(--ease);transform:translateY(0)}.fade-exit{opacity:0;filter:blur(4px);transition:opacity .4s var(--ease), filter .4s var(--ease), transform .4s var(--ease);transform:translateY(-4px)}.microcopy{background:color-mix(in oklab, var(--amber) 8%, transparent);color:var(--ink);border-left:3px solid color-mix(in oklab, var(--amber) 50%, transparent);border-radius:18px;margin-top:22px;padding:20px 24px;font-family:Lora,serif;font-size:16px;font-style:italic;font-weight:500;line-height:1.6}.dusk .microcopy{background:color-mix(in oklab, var(--amber) 12%, transparent)}.result-stack{text-align:center}.result-big-breathe{margin:8px auto 28px}.result-practice-name{letter-spacing:-.015em;color:var(--ink);margin:18px 0 10px;font-family:Playfair Display,serif;font-size:38px;font-weight:500;line-height:1.1}.result-practice-italic{color:var(--accent-deep);font-family:Playfair Display,serif;font-style:italic}.result-meta{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-mute);align-items:center;gap:14px;font-family:JetBrains Mono,monospace;font-size:11.5px;display:inline-flex}.result-meta .sep{background:var(--ink-mute);opacity:.4;border-radius:999px;width:4px;height:4px}.result-desc{max-width:420px;margin:22px auto 34px}.result-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.flourish{letter-spacing:.18em;text-transform:uppercase;color:var(--ink-mute);opacity:.9;transition:opacity .6s var(--ease);font-family:JetBrains Mono,monospace;font-size:10px;font-weight:500;position:absolute}.flourish.dimmed{opacity:.3}.flourish.tl{color:var(--ink-soft);opacity:1;text-transform:none;letter-spacing:.02em;font-size:11px;top:22px;left:26px}.flourish.br{opacity:1;color:var(--ink-soft);letter-spacing:.12em;font-size:12px;bottom:22px;right:26px}.host-nav{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;padding:28px 48px;font-family:Playfair Display,serif;display:flex}.host-nav .brand{letter-spacing:.01em;color:var(--ink);font-size:22px}.host-nav .links{color:var(--ink-soft);gap:32px;font-family:Inter,sans-serif;font-size:14px;display:flex}.host-hero{text-align:center;max-width:1040px;margin:0 auto;padding:96px 48px 40px}.host-hero .eyebrow{color:var(--accent-deep);margin-bottom:18px;display:block}.host-hero h1{letter-spacing:-.02em;color:var(--ink);text-wrap:balance;margin:0 0 22px;font-family:Playfair Display,serif;font-size:62px;font-weight:500;line-height:1.08}.host-hero h1 em{color:var(--accent-deep);font-style:italic;font-weight:400}.host-hero .lede{color:var(--ink-soft);max-width:620px;margin:0 auto;font-size:18px;line-height:1.65}.host-divider{align-items:center;gap:20px;max-width:1040px;margin:60px auto 0;padding:0 48px;display:flex}.host-divider .line{background:var(--rule);flex:1;height:1px}.host-divider .lbl{letter-spacing:.22em;text-transform:uppercase;color:var(--ink-mute);font-family:JetBrains Mono,monospace;font-size:10.5px}.host-island-frame{justify-content:center;padding:56px 24px 80px;display:flex}.host-footer-lead{text-align:center;max-width:720px;margin:0 auto;padding:40px 48px 24px}.host-footer-lead p{color:var(--ink-soft);font-family:lora,serif;font-size:30px;font-style:italic;font-weight:400;line-height:1.5}.host-footer{border-top:1px solid var(--rule);color:var(--ink-mute);justify-content:space-between;align-items:center;margin-top:40px;padding:40px 48px 60px;font-family:Inter,sans-serif;font-size:13px;display:flex}.annot{color:#847668;letter-spacing:.08em;text-transform:uppercase;text-align:center;margin-top:28px;font-family:JetBrains Mono,monospace;font-size:11px}.annot .tick{color:var(--accent)}.tweaks{z-index:50;color:#e6dcce;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#140f0de0;border:1px solid #ffffff14;border-radius:18px;width:260px;padding:16px 16px 14px;font-family:Inter,sans-serif;position:fixed;bottom:18px;right:18px;box-shadow:0 20px 50px -20px #0009}.tweaks h4{letter-spacing:.18em;text-transform:uppercase;color:#c9bba9;justify-content:space-between;align-items:center;margin:0 0 12px;font-family:JetBrains Mono,monospace;font-size:11px;display:flex}.tweaks .row{margin-bottom:14px}.tweaks .row:last-child{margin-bottom:0}.tweaks .label{letter-spacing:.04em;text-transform:uppercase;color:#9a8e80;margin-bottom:8px;font-family:JetBrains Mono,monospace;font-size:11px}.tweaks .swatches{gap:8px;display:flex}.tweaks .sw{cursor:pointer;border:1.5px solid #0000;border-radius:10px;width:34px;height:34px;transition:border-color .2s,transform .2s}.tweaks .sw.on{border-color:#eadfd2}.tweaks .chips{flex-wrap:wrap;gap:6px;display:flex}.tweaks .chip{appearance:none;color:#d6cabb;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:999px;padding:7px 10px;font-family:Inter,sans-serif;font-size:11.5px;transition:all .2s}.tweaks .chip.on{color:#20191b;background:#eadfd2;border-color:#0000}.tweaks .switch{color:#d6cabb;justify-content:space-between;align-items:center;font-size:12.5px;display:flex}.tweaks input[type=range]{accent-color:#eadfd2;width:100%}.tweaks .range-val{color:#9a8e80;font-family:JetBrains Mono,monospace;font-size:11px}.tweaks-close{appearance:none;color:#9a8e80;cursor:pointer;background:0 0;border:0;padding:0;font-size:16px;line-height:1}.tweaks-toggle{z-index:49;appearance:none;color:#e6dcce;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;background:#140f0de0;border:1px solid #ffffff14;border-radius:999px;padding:10px 16px;font-family:JetBrains Mono,monospace;font-size:11px;position:fixed;bottom:18px;right:18px}.journey-map{justify-content:center;gap:14px;margin-bottom:24px;display:flex}.journey-dot{width:24px;height:24px;transition:transform .2s var(--ease);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;display:flex;position:relative}.journey-dot:after{content:"";background:var(--rule);width:12px;height:12px;transition:background .6s var(--ease);border-radius:999px}.journey-dot:hover{transform:scale(1.2)}.journey-dot.completed:after{background:var(--accent);content:"✓";color:var(--card);justify-content:center;align-items:center;font-size:8px;font-weight:700;display:flex}.journey-dot.current:after{background:var(--accent-soft);box-shadow:0 0 0 1.5px var(--accent)}.journey-dot.current .dot-pulse{border:1px solid var(--accent);border-radius:999px;width:12px;height:12px;animation:2s infinite dotPulse;position:absolute}@keyframes dotPulse{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.8)}}.next-preview{border:1px solid var(--rule);transition:transform .3s var(--ease), border-color .3s var(--ease);margin-top:10px}.next-preview:hover{border-color:var(--accent);transform:translateY(-2px)}@media (width<=720px){.host-nav{padding:20px 24px}.host-nav .links{display:none}.host-hero{padding:60px 24px 24px}.host-hero h1{font-size:40px}.island{border-radius:26px;padding:40px 26px 36px}.h-intro{font-size:26px}.h-question{font-size:22px}.h-result{font-size:24px}.result-practice-name{font-size:30px}}