:root{--ink: #231A33;--ink-soft: #5E5670;--paper: #F6F3F9;--paper-deep: #EEE7F5;--card: #ffffff;--line: #E4DCEC;--line-strong: #8A8199;--accent: #5B3A8C;--accent-deep: #452A6E;--accent-soft: #EEE7F5;--sky: #e9f1ff;--cream: #F6EEDD;--reward: #B08D57;--within: #2F6B4F;--within-text: #24563F;--edge: #A86F1C;--edge-text: #7E5212;--exception: #9E2B3A;--exception-text: #8A2433;--focus: #5B3A8C;--font-display: "Newsreader", "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--font-text: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", "Segoe UI Variable Text", "Segoe UI", system-ui, sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--radius: 20px;--radius-sm: 14px;--shadow: 0 12px 28px -10px rgba(42, 24, 66, .18);--gutter: 20px;--measure: 66ch;--base: #E4DBEE;--slab: 0 1px 0 rgba(255, 255, 255, .95) inset, 0 0 0 1px rgba(91, 58, 140, .07), 0 3px 0 var(--base), 0 4px 6px -2px rgba(42, 24, 66, .08), 0 18px 36px -16px rgba(42, 24, 66, .22);--slab-hover: 0 1px 0 rgba(255, 255, 255, .95) inset, 0 0 0 1px rgba(91, 58, 140, .12), 0 5px 0 var(--base), 0 8px 12px -4px rgba(42, 24, 66, .1), 0 28px 48px -18px rgba(42, 24, 66, .32);--green-soft: #E5F0EA;--amber-soft: #F7EEDD;--red-soft: #F6E4E6;--grad-primary: linear-gradient(180deg, #7652B0 0%, #5B3A8C 100%);--ease: cubic-bezier(.22, 1, .36, 1);--ease-expo: cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;background:var(--paper)}body{margin:0;color:var(--ink);font-family:var(--font-text);font-size:17px;line-height:1.55;letter-spacing:-.011em;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv11","ss01";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .2 0 0 0 0 .15 0 0 0 0 .3 0 0 0 .05 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E"),radial-gradient(900px 520px at 85% -10%,rgba(146,115,194,.2),transparent 70%),radial-gradient(700px 480px at -10% 30%,rgba(196,181,225,.2),transparent 70%),linear-gradient(180deg,#FBF9FD 0%,var(--paper) 40%,#F1ECF6 100%);background-attachment:fixed}h1,h2,h3{font-family:var(--font-display);font-weight:560;line-height:1.1;margin:0 0 .5em;letter-spacing:-.012em;font-optical-sizing:auto;color:var(--ink)}h1{font-size:clamp(2.1rem,4.4vw,3rem)}h2{font-size:clamp(1.55rem,2.8vw,2.1rem)}h3{font-size:1.25rem}p{margin:0 0 1em}strong,b{font-weight:600}a{color:var(--accent-deep);text-decoration-thickness:1px;text-underline-offset:3px}a:hover{color:var(--accent)}:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:8px}[tabindex="-1"]:focus{outline:none}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:var(--gutter);top:-60px;background:var(--ink);color:#fff;padding:10px 14px;border-radius:var(--radius-sm);z-index:100}.skip-link:focus{top:10px}.site-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px max(var(--gutter),calc((100% - 1140px)/2));background:#ffffffb8;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid rgba(91,58,140,.1);position:sticky;top:0;z-index:20}@media(max-width:700px){.site-header{position:static;flex-wrap:wrap}}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);min-width:0}.brand .mark{width:38px;height:38px;margin:-2px 0}.brand .wordmark{font-family:var(--font-display);font-weight:560;font-size:1.4rem;letter-spacing:-.01em}.brand .by{font-size:.8rem;color:var(--ink-soft);display:flex;align-items:center;gap:6px;white-space:nowrap}.brand .by img{height:15px;width:auto;opacity:.85}.site-nav{display:flex;gap:2px;flex-wrap:wrap;justify-content:flex-end;align-items:center}.site-nav a{color:var(--ink-soft);text-decoration:none;padding:7px 13px;border-radius:999px;font-weight:500;font-size:.92rem;transition:background .2s ease,color .2s ease}.site-nav a:hover{color:var(--ink);background:#5b3a8c12}.site-nav a[aria-current=page]{color:var(--accent-deep);background:#5b3a8c1f}.site-nav a.nav-cta{margin-left:8px;color:#fff;background:var(--grad-primary);box-shadow:0 1px #ffffff59 inset,0 2px 0 var(--accent-deep),0 8px 16px -8px #5b3a8cb3}main{padding:40px var(--gutter) 88px;max-width:1140px;margin:0 auto;perspective:1600px}.site-footer{border-top:1px solid var(--line);padding:28px var(--gutter) 44px;color:var(--ink-soft);font-size:.84rem;max-width:1140px;margin:0 auto}.site-footer p{margin:0 0 .5em}.site-footer nav a{display:inline-block;padding:6px 0;margin-right:16px;color:var(--ink-soft)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border-radius:var(--radius-sm);border:0;font:inherit;font-weight:600;letter-spacing:-.01em;cursor:pointer;min-height:48px;text-decoration:none;color:var(--ink);transition:transform .18s var(--ease),box-shadow .18s var(--ease),filter .2s ease,background .2s ease}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(3px);transition-duration:.05s}.btn-primary,.btn-accent{background:var(--grad-primary);color:#fff;box-shadow:0 1px #fff6 inset,0 3px #3e2463,0 12px 24px -10px #5b3a8cb3}.btn-primary:hover,.btn-accent:hover{color:#fff;filter:brightness(1.05);box-shadow:0 1px #fff6 inset,0 4px #3e2463,0 18px 30px -10px #5b3a8cbf}.btn-primary:active,.btn-accent:active{box-shadow:0 1px #fff6 inset,0 0 #3e2463,0 4px 10px -6px #5b3a8cb3}.btn-secondary{background:#fff;color:var(--accent-deep);box-shadow:var(--slab)}.btn-secondary:hover{color:var(--accent-deep);box-shadow:var(--slab-hover)}.btn-secondary:active{box-shadow:0 1px #fffffff2 inset,0 0 0 1px #5b3a8c1f,0 0 0 var(--base)}.btn-quiet{background:transparent;color:var(--accent-deep);padding:8px 12px;min-height:40px}.btn-quiet:hover{background:#5b3a8c14;transform:none}.btn-quiet:active{transform:none}.btn[disabled],.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed;transform:none;filter:grayscale(.4)}.btn-sm{padding:7px 14px;min-height:38px;font-size:.9rem}.btn-lg{min-height:54px;padding:14px 28px;font-size:1.05rem}.card,.activity,.dialog{background:linear-gradient(180deg,#fff,#fdfcff);border-radius:var(--radius);box-shadow:var(--slab)}.card{padding:24px}.activity,main>.play section.card,.split-hero+section.card{animation:swing-in .6s var(--ease) both;transform-origin:50% 0}@keyframes swing-in{0%{opacity:0;transform:perspective(1200px) rotateX(-14deg) translateY(18px)}to{opacity:1;transform:none}}[data-tilt]{position:relative;transform:perspective(1200px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));transform-style:preserve-3d;transition:transform .6s var(--ease)}[data-tilt][data-tilting=true]{transition:transform .12s linear}.panel{background:var(--paper-deep);border-radius:var(--radius-sm);padding:16px 18px}.eyebrow{font-size:.9rem;font-weight:600;color:var(--reward);margin-bottom:6px;font-variant-caps:all-small-caps;letter-spacing:.08em}.measure{max-width:var(--measure)}.muted{color:var(--ink-soft)}.mono{font-family:var(--font-mono)}.stack>*+*{margin-top:18px}.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.grid-2{display:grid;gap:24px;grid-template-columns:1fr}@media(min-width:820px){.grid-2{grid-template-columns:1fr 1fr}}.pill{display:inline-flex;align-items:center;gap:6px;padding:3px 11px;border-radius:999px;font-size:.8rem;font-weight:600;background:var(--accent-soft);color:var(--accent-deep)}.icon{display:inline-block;flex:none;object-fit:contain}label.field{display:block;font-weight:600;margin-bottom:16px}label.field span.hint{display:block;font-weight:400;color:var(--ink-soft);font-size:.9rem}input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],input[type=date],select,textarea{display:block;width:100%;margin-top:8px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius-sm);font:inherit;background:#fbf9fd;color:var(--ink);min-height:48px;box-shadow:0 1px 2px #2a18420f inset;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}input:hover,select:hover,textarea:hover{border-color:#d6cbe6}input:focus,select:focus,textarea:focus{border-color:var(--accent);background:#fff;outline:none;box-shadow:0 0 0 4px #5b3a8c29}input.code-input{font-family:var(--font-mono);font-size:1.25rem;letter-spacing:.12em;text-transform:uppercase}.checkbox{display:flex;gap:10px;align-items:flex-start;font-weight:400;margin-bottom:14px}.checkbox input{width:22px;height:22px;margin-top:1px;flex:none;accent-color:var(--accent)}input[type=radio]{accent-color:var(--accent)}.error-text{color:var(--exception-text);font-weight:600}.alert{background:#fff;padding:13px 16px;border-radius:var(--radius-sm);box-shadow:0 0 0 1px #5b3a8c2e,0 8px 18px -12px #2a184266}.alert-error{background:var(--red-soft);color:var(--exception-text);box-shadow:0 0 0 1px #9e2b3a40}.alert-success{background:var(--green-soft);color:var(--within-text);box-shadow:0 0 0 1px #2f6b4f40}.hero{display:grid;gap:36px;align-items:center;grid-template-columns:1fr;padding:4px 0 40px}@media(min-width:940px){.hero{grid-template-columns:1fr 1.05fr;gap:56px;padding:20px 0 56px}.hero-copy{order:-1}}.hero-copy{display:grid;gap:20px}.hero-copy h1{font-size:clamp(2.5rem,5vw,3.9rem);font-weight:520;letter-spacing:-.02em;line-height:1.02;margin:0}.hero-copy .eyebrow,.hero-copy .lede,.hero-copy .fine{margin:0}.hero .lede{font-size:1.18rem;color:var(--ink-soft);max-width:34em}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:4px}.hero .fine{font-size:.88rem;color:var(--ink-soft)}.stage3d{position:relative;height:470px;transform:perspective(1400px) rotateX(calc(8deg + var(--rx, 0deg))) rotateY(calc(-14deg + var(--ry, 0deg)));transform-style:preserve-3d}.stage3d-inner{position:absolute;inset:0;transform-style:preserve-3d}.float-card{position:absolute;background:#ffffffeb;backdrop-filter:blur(16px) saturate(170%);-webkit-backdrop-filter:blur(16px) saturate(170%);border-radius:18px;padding:16px 18px;font-size:.86rem;box-shadow:0 1px #fff inset,0 0 0 1px #5b3a8c1a,0 30px 60px -24px #2a184266;animation:bob 7s ease-in-out infinite}.float-card p{margin:6px 0 10px;font-weight:500;line-height:1.35}@keyframes bob{0%,to{translate:0 0}50%{translate:0 -10px}}.fc-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.fc-row strong{font-family:var(--font-display);font-size:1.05rem;letter-spacing:-.02em}.fc-board{left:4%;top:22%;width:62%;transform:translateZ(0)}.fc-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.fc-col{background:var(--paper-deep);border-radius:12px;padding:8px;display:grid;gap:6px;align-content:start;min-height:140px;position:relative}.fc-col span{font-size:.72rem;font-weight:600;color:var(--ink-soft)}.fc-task{display:block;height:26px;border-radius:8px;background:#fff;box-shadow:0 1px #fff inset,0 2px 0 var(--base),0 4px 8px -4px #2a184240;position:relative}.fc-task:after{content:"";position:absolute;left:8px;top:10px;height:6px;border-radius:3px;width:60%;background:var(--c, #c9bdf8)}.t0a{--c: #a68bfa}.t0b{--c: #B08D57}.t0c{--c: #5B3A8C}.t1a{--c: #9E2B3A}.t1b{--c: #3bb5c6}.t2a,.t2b{--c: #2F6B4F}.fc-task.moving{animation:carry 8s var(--ease) infinite}@keyframes carry{0%,25%{transform:translate(0)}45%,70%{transform:translate(calc(100% + 16px),-64px)}90%,to{transform:translate(0)}}.fc-progress{margin-top:12px;height:8px;border-radius:999px;background:var(--paper-deep);overflow:hidden}.fc-progress span{display:block;height:100%;width:100%;border-radius:999px;background:var(--grad-primary);transform-origin:left;animation:grow 8s var(--ease) infinite}@keyframes grow{0%{transform:scaleX(.25)}60%,to{transform:scaleX(.68)}}.fc-question{right:0;top:4%;width:46%;transform:translateZ(90px);animation-delay:-2s}.fc-opt{padding:8px 10px;margin-top:6px;border-radius:10px;background:#fff;font-weight:500;font-size:.78rem;box-shadow:0 0 0 1px var(--line),0 2px 0 var(--base)}.fc-opt.right{background:var(--green-soft);color:var(--within-text);box-shadow:0 0 0 1.5px #9dc2af,0 2px #c6ddd1;animation:mark 8s var(--ease) infinite}@keyframes mark{0%,30%{background:#fff;color:var(--ink);box-shadow:0 0 0 1px var(--line),0 2px 0 var(--base)}40%,to{background:var(--green-soft);color:var(--within-text);box-shadow:0 0 0 1.5px #9dc2af,0 2px #c6ddd1}}.fc-health{right:4%;bottom:4%;width:42%;transform:translateZ(140px);animation-delay:-4s;display:grid;gap:8px}.fc-health strong{font-family:var(--font-display);letter-spacing:-.02em}.fc-gauge{display:grid;grid-template-columns:26px 44px 1fr;align-items:center;gap:8px;font-weight:500;font-size:.78rem}.fc-gauge b{height:7px;border-radius:999px;background:linear-gradient(90deg,#2F6B4F calc(var(--v) * 100%),var(--paper-deep) 0)}.fc-chat{left:0;bottom:6%;width:52%;display:flex;gap:10px;align-items:center;transform:translateZ(60px);animation-delay:-1s}.fc-chat img{border-radius:12px;flex:none}.fc-chat p{margin:2px 0 0}.fc-badge{left:2%;top:0;display:flex;align-items:center;gap:10px;transform:translateZ(180px);animation-delay:-3s;padding:10px 16px 10px 10px}.fc-badge span{display:block;color:var(--ink-soft);font-size:.76rem}@media(max-width:939px){.stage3d{height:420px;transform:perspective(1400px) rotateX(6deg) rotateY(-8deg)}}@media(max-width:560px){.stage3d{height:380px}.fc-board{width:80%}.fc-question{width:60%}.fc-health{width:56%}.fc-chat{width:70%}}.stats-band{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media(min-width:760px){.stats-band{grid-template-columns:repeat(4,1fr)}}.stats-band>div{background:#fff;border-radius:var(--radius);padding:20px 22px;display:grid;gap:2px;box-shadow:var(--slab)}.stats-band strong{font-family:var(--font-display);font-size:2.5rem;font-weight:520;letter-spacing:-.02em;line-height:1.05;color:var(--accent-deep);font-variant-numeric:tabular-nums}.stats-band span{color:var(--ink-soft);font-weight:500;font-size:.92rem}.section-title{text-align:center;margin-bottom:8px}.feature-row{display:grid;gap:28px;align-items:center;grid-template-columns:1fr;padding:16px 0}@media(min-width:860px){.feature-row{grid-template-columns:1.1fr 1fr;gap:64px}.feature-row.reverse>.art-card{order:2}}.art-card{background:#fff;border-radius:28px;padding:10px;box-shadow:var(--slab)}.art-card img{width:100%;height:auto;display:block;border-radius:20px;background:linear-gradient(180deg,#fbf9fd,#f1ecf6)}.feature-row h3{font-size:clamp(1.5rem,2.6vw,1.95rem);letter-spacing:-.03em;margin:14px 0 10px}.feature-row p{color:var(--ink-soft);font-size:1.06rem;max-width:44ch}.compare{width:100%;border-collapse:separate;border-spacing:0;font-size:.95rem;background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:var(--slab)}.compare th,.compare td{text-align:left;vertical-align:top;padding:14px 18px;border-bottom:1px solid var(--line)}.compare tr:last-child td{border-bottom:0}.compare th{background:#faf8fc;font-weight:600}.compare th+th{background:var(--accent-soft);color:var(--accent-deep)}.compare th+th,.compare td+td{border-left:1px solid var(--line)}.cta-band{text-align:center;padding:52px 24px;background:linear-gradient(135deg,#f3eef8,#e7ddf1);border-radius:28px;display:grid;justify-items:center;gap:20px;box-shadow:0 1px #fff inset,0 0 0 1px #5b3a8c1a}.cta-band h2{margin:0}main>.stack>section+section{margin-top:72px}.play{display:grid;gap:26px;grid-template-columns:1fr}@media(min-width:1000px){.play{grid-template-columns:minmax(0,1fr) 320px;align-items:start}.play aside{position:sticky;top:84px}}.scene-art{width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover;border-radius:var(--radius);display:block;background:var(--paper-deep);box-shadow:var(--slab);animation:scene-in .8s var(--ease) both}@keyframes scene-in{0%{opacity:0;transform:perspective(1400px) rotateX(10deg) scale(.97)}to{opacity:1;transform:none}}.page-art{width:100%;height:auto;display:block}.split-hero{display:grid;gap:32px;align-items:center;grid-template-columns:1fr;padding:8px 0 16px}@media(min-width:900px){.split-hero{grid-template-columns:1.1fr 1fr}}.page-head{display:flex;align-items:center;gap:16px}.page-head h1{margin:0}.scene-head{display:flex;gap:12px;align-items:baseline;justify-content:space-between;flex-wrap:wrap}.beat{animation:rise .45s var(--ease) both}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.narration{font-size:1.08rem}.line{display:grid;grid-template-columns:60px 1fr;gap:14px;align-items:start}.line .portrait{width:60px;height:60px;border-radius:18px;object-fit:cover;background:var(--paper-deep);box-shadow:0 1px #fff inset,0 3px 0 var(--base),0 10px 18px -10px #2a184273}.line .portrait.placeholder{display:grid;place-items:center;font-weight:600;color:var(--ink);background:var(--accent-soft)}.line .speaker{font-weight:600;font-size:.92rem;margin-bottom:4px}.line .speaker small{font-weight:400;color:var(--ink-soft);margin-left:4px}.line .bubble{background:#fff;border-radius:6px var(--radius) var(--radius) var(--radius);padding:13px 16px;box-shadow:var(--slab);animation:pop-in .5s var(--ease-expo) both;transform-origin:0 0}@keyframes pop-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:none}}.note{background:var(--cream);border-radius:var(--radius-sm);padding:12px 16px;font-size:.95rem;box-shadow:0 0 0 1px #a86f1c2e}.cliffhanger{background:linear-gradient(135deg,#2a1e40,#4b3172);color:#fff;border-radius:var(--radius);padding:30px;box-shadow:0 3px #1a1229,0 24px 48px -18px #2a184299;animation:swing-in .7s var(--ease) both}.cliffhanger h2{color:#e6cc97}.cliffhanger:focus-visible{outline-color:#e6cc97}.activity{padding:24px}.activity-head{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:baseline}.activity-type{font-size:.8rem;font-weight:600;color:var(--accent-deep);background:var(--accent-soft);padding:4px 12px;border-radius:999px}.options{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:12px;perspective:900px}.options>li{animation:flip-up .55s var(--ease) both;transform-origin:50% 0}.options>li:nth-child(2){animation-delay:.07s}.options>li:nth-child(3){animation-delay:.14s}.options>li:nth-child(4){animation-delay:.21s}.options>li:nth-child(5){animation-delay:.28s}.options>li:nth-child(n+6){animation-delay:.35s}@keyframes flip-up{0%{opacity:0;transform:rotateX(-55deg) translateY(10px)}to{opacity:1;transform:none}}.option{position:relative;width:100%;text-align:left;background:linear-gradient(180deg,#fff,#fbf9fd);border:0;border-radius:var(--radius-sm);padding:15px 18px;font:inherit;font-weight:500;cursor:pointer;color:var(--ink);display:grid;gap:4px;box-shadow:var(--slab);transform:translateY(0) rotateX(0);transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .2s ease}.option:hover:not([disabled]){transform:translateY(-3px) rotateX(5deg);box-shadow:var(--slab-hover)}.option:active:not([disabled]){transform:translateY(3px);box-shadow:0 1px #fff inset,0 0 0 1px #5b3a8c2e,0 0 0 var(--base),0 2px 4px #2a18421f;transition-duration:.06s}.option .detail{color:var(--ink-soft);font-weight:400;font-size:.93rem}.option[aria-pressed=true]{background:linear-gradient(180deg,#f6f1fb,#ece3f6);color:var(--accent-deep);box-shadow:0 1px #fff inset,0 0 0 2px var(--accent),0 3px #d3c3e8,0 16px 30px -14px #5b3a8c8c}.option[disabled]{cursor:default}.option[data-result]:after{content:"";position:absolute;right:14px;top:50%;width:28px;height:28px;margin-top:-14px;border-radius:50%;background:var(--within) no-repeat center / 16px;animation:badge .5s var(--ease-expo) .15s both}.option[data-result]{padding-right:56px}.option[data-result=right]{background:linear-gradient(180deg,#f2f7f4,#e3efe8);color:var(--within-text);box-shadow:0 1px #fff inset,0 0 0 2px #5e9c7e,0 3px #c6ddd1,0 16px 30px -14px #2f6b4f80;animation:lift .6s var(--ease-expo)}.option[data-result=right]:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.option[data-result=close]{background:linear-gradient(180deg,#fbf7ef,#f6ebd7);color:var(--edge-text);box-shadow:0 1px #fff inset,0 0 0 2px #c9974a,0 3px #e8d4ae,0 16px 30px -14px #a86f1c73;animation:lift .6s var(--ease-expo)}.option[data-result=close]:after{background-color:var(--edge);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12h12' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round'/%3E%3C/svg%3E")}.option[data-result=wrong]{background:linear-gradient(180deg,#fbf2f3,#f5e3e6);color:var(--exception-text);box-shadow:0 1px #fff inset,0 0 0 2px #c26b77,0 3px #e9c7cc,0 16px 30px -14px #9e2b3a73;animation:shake .5s var(--ease)}.option[data-result=wrong]:after{background-color:var(--exception);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 7l10 10M17 7L7 17' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round'/%3E%3C/svg%3E")}@keyframes badge{0%{opacity:0;transform:scale(.2) rotate(-30deg)}to{opacity:1;transform:none}}@keyframes lift{0%{transform:none}40%{transform:translateY(-6px) scale(1.015)}to{transform:none}}@keyframes shake{0%,to{transform:none}20%{transform:translate(-7px) rotate(-.6deg)}40%{transform:translate(6px) rotate(.5deg)}60%{transform:translate(-4px)}80%{transform:translate(2px)}}.feedback{position:relative;border-radius:var(--radius);padding:20px 22px 18px 76px;margin-top:16px;background:linear-gradient(180deg,#f2f7f4,#e3efe8);box-shadow:0 1px #fff inset,0 0 0 1px #2f6b4f38,0 3px #c6ddd1,0 18px 36px -18px #2f6b4f73;animation:flip-open .65s var(--ease) both;transform-origin:50% 0}@keyframes flip-open{0%{opacity:0;transform:perspective(1000px) rotateX(-70deg)}to{opacity:1;transform:none}}.feedback:before{content:"";position:absolute;left:20px;top:18px;width:40px;height:40px;border-radius:13px;background:linear-gradient(180deg,#4e8c6e,#2f6b4f) no-repeat;box-shadow:0 1px #ffffff73 inset,0 3px #24563f,0 8px 16px -8px #2f6b4fcc;animation:badge .55s var(--ease-expo) .25s both}.feedback:after{content:"";position:absolute;left:20px;top:18px;width:40px;height:40px;background:no-repeat center / 22px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");animation:badge .55s var(--ease-expo) .25s both}.feedback[data-credit="0"]{background:linear-gradient(180deg,#fbf2f3,#f5e3e6);box-shadow:0 1px #fff inset,0 0 0 1px #9e2b3a38,0 3px #e9c7cc,0 18px 36px -18px #9e2b3a66}.feedback[data-credit="0"]:before{background:linear-gradient(180deg,#b9505e,#9e2b3a);box-shadow:0 1px #ffffff73 inset,0 3px #7a1f2c,0 8px 16px -8px #9e2b3acc}.feedback[data-credit="0"]:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 7l10 10M17 7L7 17' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round'/%3E%3C/svg%3E")}.feedback[data-credit="0.5"]{background:linear-gradient(180deg,#fbf7ef,#f6ebd7);box-shadow:0 1px #fff inset,0 0 0 1px #a86f1c40,0 3px #e8d4ae,0 18px 36px -18px #a86f1c66}.feedback[data-credit="0.5"]:before{background:linear-gradient(180deg,#c48a35,#a86f1c);box-shadow:0 1px #ffffff73 inset,0 3px #7e5212,0 8px 16px -8px #a86f1ccc}.feedback[data-credit="0.5"]:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12h12' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round'/%3E%3C/svg%3E")}.feedback .verdict{font-weight:560;font-family:var(--font-display);font-size:1.45rem;letter-spacing:-.01em;margin-bottom:10px;color:var(--within-text)}.feedback[data-credit="0"] .verdict{color:var(--exception-text)}.feedback[data-credit="0.5"] .verdict{color:var(--edge-text)}.feedback dl{margin:0;display:grid;gap:3px}.feedback dt{font-weight:600;font-size:.8rem;color:var(--ink-soft)}.feedback dd{margin:0 0 9px}@media(max-width:560px){.feedback{padding-left:22px;padding-top:72px}}.sort-item{border-radius:var(--radius-sm);padding:14px 16px;background:linear-gradient(180deg,#fff,#fbf9fd);box-shadow:var(--slab);animation:flip-up .55s var(--ease) both}.sort-item .from{font-size:.82rem;font-weight:600;color:var(--accent)}.sort-item .choose{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.chip{border:0;background:#fff;color:var(--ink);border-radius:999px;padding:7px 15px;font:inherit;font-size:.9rem;font-weight:500;cursor:pointer;min-height:38px;box-shadow:0 1px #fff inset,0 0 0 1px var(--line),0 2px 0 var(--base),0 6px 12px -8px #2a18424d;transition:transform .2s var(--ease),box-shadow .2s var(--ease),background .2s ease}.chip:hover:not([disabled]){transform:translateY(-1px);box-shadow:0 1px #fff inset,0 0 0 1px #d6cbe6,0 3px 0 var(--base),0 10px 16px -8px #2a184259}.chip:active:not([disabled]){transform:translateY(2px)}.chip[aria-pressed=true]{background:var(--grad-primary);color:#fff;box-shadow:0 1px #ffffff59 inset,0 2px #3e2463,0 8px 16px -8px #5b3a8cb3}.chip[disabled]{cursor:default}.targets{display:grid;gap:10px;grid-template-columns:1fr;margin:12px 0}@media(min-width:720px){.targets{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}.target{background:var(--paper-deep);border-radius:var(--radius-sm);padding:12px 14px;font-size:.9rem}.target strong{display:block}.block{border-radius:var(--radius-sm);padding:14px 16px;background:linear-gradient(180deg,#fff,#fbf9fd);display:grid;grid-template-columns:1fr auto;gap:10px;align-items:start;box-shadow:var(--slab);transition:box-shadow .25s var(--ease),background .2s ease,transform .25s var(--ease);animation:flip-up .55s var(--ease) both}.block[data-chosen=true]{background:linear-gradient(180deg,#f6f1fb,#ece3f6);box-shadow:0 1px #fff inset,0 0 0 2px var(--accent),0 3px #d3c3e8,0 16px 30px -14px #5b3a8c80;transform:translateY(-2px)}.block h3,.block h4{margin:0 0 4px;font-size:1rem;font-family:var(--font-text);font-weight:600;letter-spacing:-.015em}.block p{margin:0;font-size:.93rem;color:var(--ink-soft)}.block .mark{font-weight:600;font-size:.85rem}.block-result{margin-top:8px}.question{border-top:1px solid var(--line);padding-top:18px;margin-top:18px}.q-style{font-size:.82rem;font-weight:600;color:var(--accent)}.confidence{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:8px;font-size:.9rem}.health{display:grid;gap:12px}.gauge{display:grid;grid-template-columns:30px 1fr auto;grid-template-areas:"icon label state" "icon bar bar";column-gap:10px;row-gap:5px;align-items:center;font-size:.86rem;font-weight:500}.gauge>.icon{grid-area:icon}.gauge>span:not(.state){grid-area:label}.gauge>.bar{grid-area:bar}.gauge>.state{grid-area:state;white-space:nowrap}.gauge .bar{height:8px;background:var(--paper-deep);border-radius:999px;position:relative;overflow:hidden;box-shadow:0 1px 2px #2a18421f inset}.gauge .bar:after{content:"";position:absolute;left:66.6%;top:0;bottom:0;width:2px;background:var(--ink);opacity:.45}.gauge .bar.no-mark:after{display:none}.gauge .fill{display:block;width:100%;height:100%;border-radius:999px;background:linear-gradient(90deg,#4E8C6E,var(--within));transform-origin:left center;transition:transform .6s var(--ease)}.gauge[data-state=edge] .fill{background:linear-gradient(90deg,#C48A35,var(--edge))}.gauge[data-state=exception] .fill{background:linear-gradient(90deg,#B9505E,var(--exception))}.gauge .state{font-weight:600;text-align:right;font-size:.76rem}.gauge[data-state=edge] .state{color:var(--edge-text)}.gauge[data-state=exception] .state{color:var(--exception-text)}.gauge[data-state=within] .state{color:var(--within-text)}.team-meter{margin-top:6px;padding-top:12px;border-top:1px solid var(--line)}.health-notes{font-size:.85rem;color:var(--ink-soft);margin:8px 0 0;padding-left:18px}.stages{list-style:none;padding:0;margin:0;display:grid;gap:18px;position:relative}.stages:before{content:"";position:absolute;left:22px;top:22px;bottom:22px;width:3px;border-radius:2px;background:linear-gradient(180deg,#dcd0ea,#eee8f5)}.stages>li{position:relative;display:grid;grid-template-columns:48px 1fr;gap:12px;align-items:start}.stages .scenes{margin:8px 0 0;padding:10px 14px 10px 30px;font-size:.9rem;background:#faf8fc;border-radius:var(--radius-sm);box-shadow:0 0 0 1px var(--line)}.stages .scenes li{margin:3px 0}.stages .scenes li[aria-current=step]{color:var(--accent-deep)}.stages .lvl{position:relative;z-index:1;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-weight:650;font-size:1rem;color:#fff;background:radial-gradient(circle at 35% 28%,#a98bd1,#6b4a9e 48%,#452a6e);box-shadow:0 1px #ffffff80 inset,0 3px #34204f,0 10px 18px -8px #5b3a8cb3}.stages li[data-state=current] .lvl{background:radial-gradient(circle at 35% 28%,#e8d3a8,#b08d57,#8c6a35);color:#3d2c10;box-shadow:0 1px #fff9 inset,0 3px #7e5212,0 0 0 6px #b08d5738,0 10px 20px -6px #a86f1cb3;animation:beacon 2.4s ease-in-out infinite}@keyframes beacon{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.stages li[data-state=done] .lvl{background:radial-gradient(circle at 35% 28%,#a9cdb9,#2f6b4f 55%,#24563f);box-shadow:0 1px #ffffff80 inset,0 3px #1c4632,0 10px 18px -8px #2f6b4fb3}.stages li[data-state=locked] .lvl{background:radial-gradient(circle at 35% 28%,#fff,#ece7fb 60%,#dcd3f6);color:#9a93bd;box-shadow:0 1px #fff inset,0 3px #d3c9f2,0 8px 14px -8px #2a18424d}.stages li[data-state=locked]{color:var(--ink-soft)}.stages .title{font-weight:600;display:block;padding-top:10px}.stages small{color:var(--ink-soft);display:block}.progress-track{height:12px;background:var(--paper-deep);border-radius:999px;overflow:hidden;box-shadow:0 1px 2px #2a18421f inset}.progress-track>span{display:block;height:100%;border-radius:999px;background:var(--grad-primary);box-shadow:inset 0 3px #ffffff40}.timeline{list-style:none;padding:0;margin:0;display:grid;gap:14px;position:relative}.timeline:before{content:"";position:absolute;left:5px;top:8px;bottom:8px;width:2px;background:var(--line)}.timeline li{position:relative;padding-left:28px}.timeline li:before{content:"";position:absolute;left:0;top:6px;width:12px;height:12px;border-radius:50%;background:var(--line-strong);box-shadow:0 0 0 3px #fff}.timeline li[data-credit="0"]:before{background:var(--exception)}.timeline li[data-credit="0.5"]:before{background:var(--edge)}.timeline li[data-credit="1"]:before{background:var(--within)}.badges{display:flex;gap:10px;flex-wrap:wrap}.badge{background:linear-gradient(180deg,#faf4e7,#f1e4c6);color:#5c4520;border-radius:999px;padding:7px 15px;font-size:.9rem;font-weight:600;box-shadow:0 1px #fff inset,0 0 0 1px #dcc59a,0 3px #cdb27e,0 10px 18px -10px #a86f1c99;animation:badge .6s var(--ease-expo) both}table.data{width:100%;border-collapse:separate;border-spacing:0;font-size:.9rem}table.data th,table.data td{text-align:left;padding:11px 12px;border-bottom:1px solid var(--line);vertical-align:top}table.data th{background:#faf8fc;font-weight:600}table.data tbody tr{transition:background .15s ease}table.data tbody tr:hover td{background:#fbf9fd}.status{display:inline-block;padding:2px 10px;border-radius:999px;font-size:.8rem;font-weight:600;background:var(--paper-deep)}.status[data-s=active]{background:var(--green-soft);color:var(--within-text)}.status[data-s=issued]{background:var(--accent-soft);color:var(--accent-deep)}.status[data-s=expired]{background:var(--amber-soft);color:var(--edge-text)}.status[data-s=revoked]{background:var(--red-soft);color:var(--exception-text)}.code-reveal{font-family:var(--font-mono);font-size:1.5rem;letter-spacing:.1em;background:#fff;padding:12px 18px;border-radius:var(--radius-sm);display:inline-block;box-shadow:var(--slab);animation:badge .6s var(--ease-expo) both}.table-wrap{overflow-x:auto}.preview-banner{background:linear-gradient(90deg,#efe9ff,#f7f3ff);color:var(--accent-deep);font-size:.84rem;font-weight:500;padding:7px var(--gutter);text-align:center}.reply-indent{margin-left:74px}@media(max-width:600px){.reply-indent{margin-left:0}}caption.visually-hidden{position:absolute}.dialog-overlay{position:fixed;inset:0;background:#231a3352;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:40}.dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(560px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto;padding:28px;z-index:41}.admin-nav{display:flex;flex-wrap:wrap;gap:2px;align-items:center;padding:4px;background:#5b3a8c12;border-radius:14px}.admin-nav a{padding:7px 13px;text-decoration:none;color:var(--ink-soft);border-radius:10px;font-weight:500;font-size:.92rem}.admin-nav a:hover,.admin-nav a:focus-visible{color:var(--ink)}.admin-nav a.active{color:var(--ink);background:#fff;box-shadow:0 1px 2px #2a18421f,0 1px #fff inset}.admin-nav button{margin-left:auto}.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(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}[data-tilt]{transform:none!important}}.narration{font-family:var(--font-display);font-size:1.24rem;line-height:1.6;font-weight:420;color:#2e2440}.option{padding:16px 20px;box-shadow:0 1px #fff inset,0 0 0 1px #5b3a8c1a,0 5px 0 var(--base),0 7px 12px -4px #2a18421f,0 22px 36px -20px #2a184257}.option:hover:not([disabled]){transform:translateY(-4px) rotateX(7deg);box-shadow:0 1px #fff inset,0 0 0 1px #5b3a8c29,0 8px 0 var(--base),0 12px 18px -6px #2a184224,0 30px 46px -20px #2a184266}.option:active:not([disabled]){transform:translateY(5px)}.option.has-key{grid-template-columns:auto 1fr;align-items:center;gap:16px}.option-text{display:grid;gap:4px}.key{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-family:var(--font-display);font-size:1.15rem;font-weight:600;color:var(--accent-deep);background:linear-gradient(180deg,#fff,#efe9f6);box-shadow:0 1px #fff inset,0 0 0 1px #ddd2ea,0 3px #d3c6e3,0 6px 10px -6px #2a184266;transition:transform .25s var(--ease),background .2s ease,color .2s ease,box-shadow .2s ease}.option:hover:not([disabled]) .key{transform:translateY(-1px)}.option[aria-pressed=true] .key{color:#fff;background:var(--grad-primary);box-shadow:0 1px #ffffff59 inset,0 3px #3e2463,0 8px 14px -6px #5b3a8cb3}.option[data-result=right] .key{color:#fff;background:linear-gradient(180deg,#4e8c6e,#2f6b4f);box-shadow:0 1px #ffffff59 inset,0 3px #1c4632}.option[data-result=wrong] .key{color:#fff;background:linear-gradient(180deg,#b9505e,#9e2b3a);box-shadow:0 1px #ffffff59 inset,0 3px #7a1f2c}.q-stem{font-family:var(--font-display);font-size:1.32rem;line-height:1.42;font-weight:480;margin:4px 0 6px}.q-progress{display:flex;gap:6px;margin:4px 0 2px}.q-progress span{flex:1;height:8px;border-radius:999px;background:var(--paper-deep);box-shadow:0 1px 2px #2a18421f inset;transition:background .3s ease}.q-progress span[data-state=right]{background:var(--within)}.q-progress span[data-state=wrong]{background:var(--exception)}.q-progress span[data-state=current]{background:var(--grad-primary);animation:breathe 2.4s ease-in-out infinite}@keyframes breathe{0%,to{opacity:1}50%{opacity:.55}}.q-score{height:12px;border-radius:999px;background:var(--paper-deep);overflow:hidden}.q-score span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#4e8c6e,#2f6b4f);transform-origin:left;animation:grow-in 1s var(--ease) both}@keyframes grow-in{0%{transform:scaleX(0)}}.q-results{list-style:none;padding:0;margin:0;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.q-results li{display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:var(--radius-sm);background:#fff;box-shadow:var(--slab);font-size:.92rem;animation:flip-up .5s var(--ease) both}.q-num{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;font-weight:600;font-size:.85rem;color:#fff;flex:none}.q-results li[data-result=right] .q-num{background:var(--within)}.q-results li[data-result=wrong] .q-num{background:var(--exception)}select{appearance:none;-webkit-appearance:none;padding-right:44px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5' fill='none' stroke='%235B3A8C' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 14px center / 18px;border:0;box-shadow:0 1px #fff inset,0 0 0 1px #5b3a8c24,0 3px 0 var(--base),0 10px 18px -12px #2a184259;cursor:pointer;font-weight:500}select:hover{box-shadow:0 1px #fff inset,0 0 0 1px #5b3a8c3d,0 4px 0 var(--base),0 14px 22px -12px #2a184266}select:focus{background-color:#fff;box-shadow:0 0 0 2px var(--accent),0 3px 0 var(--base),0 0 0 6px #5b3a8c24}input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],input[type=date],textarea{background:#fbf9fd;box-shadow:0 2px 4px #2a184214 inset,0 1px #fff}.field-label{display:block;font-weight:600;margin-bottom:8px}.segmented{display:flex;padding:4px;gap:4px;border-radius:14px;background:var(--paper-deep);box-shadow:0 2px 4px #2a18421a inset}.segmented button{flex:1;border:0;font:inherit;font-weight:500;color:var(--ink-soft);background:transparent;border-radius:10px;padding:9px 12px;min-height:42px;cursor:pointer;transition:background .25s var(--ease),color .2s ease,box-shadow .25s var(--ease),transform .2s var(--ease)}.segmented button:hover{color:var(--ink)}.segmented button[aria-pressed=true]{background:#fff;color:var(--accent-deep);font-weight:600;box-shadow:0 1px #fff inset,0 0 0 1px #5b3a8c1f,0 2px 0 var(--base),0 6px 12px -6px #2a184259;transform:translateY(-1px)}.toggle{display:flex;gap:14px;align-items:flex-start;cursor:pointer;margin-bottom:4px}.toggle input{position:absolute;opacity:0;width:1px;height:1px}.toggle .track{position:relative;flex:none;width:52px;height:32px;border-radius:999px;background:#ddd5e8;box-shadow:0 2px 4px #2a18422e inset;transition:background .3s var(--ease)}.toggle .thumb{position:absolute;top:3px;left:3px;width:26px;height:26px;border-radius:50%;background:linear-gradient(180deg,#fff,#f2eef7);box-shadow:0 1px #fff inset,0 3px 6px #2a18424d,0 1px 1px #2a184233;transition:transform .35s var(--ease)}.toggle input:checked+.track{background:linear-gradient(180deg,#4e8c6e,#2f6b4f)}.toggle input:checked+.track .thumb{transform:translate(20px)}.toggle input:focus-visible+.track{outline:3px solid var(--focus);outline-offset:3px}.toggle-text{font-size:.95rem;padding-top:4px}.stat-row{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}@media(min-width:900px){.stat-row-4{grid-template-columns:repeat(4,1fr)}}.stat-tile{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:var(--radius-sm);background:linear-gradient(180deg,#fff,#fbf9fd);box-shadow:var(--slab);animation:flip-up .55s var(--ease) both}.stat-tile strong{display:block;font-family:var(--font-display);font-size:1.75rem;font-weight:520;line-height:1.1;color:var(--accent-deep);font-variant-numeric:lining-nums tabular-nums}.stat-tile span{display:block;color:var(--ink-soft);font-size:.85rem}.control-panel{display:grid;gap:20px;padding:28px;box-shadow:0 0 0 1px #b08d5738,var(--slab)}.panel-head h2{margin:0 0 4px}.panel-head p{margin:0}.panel-grid{display:grid;gap:28px;grid-template-columns:1fr}@media(min-width:860px){.panel-grid{grid-template-columns:1fr 1fr}}.btn-block{width:100%}.tile-grid{list-style:none;padding:0;margin:0;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.style-tile{display:grid;gap:4px;padding:18px 20px;border-radius:var(--radius);background:#fff;box-shadow:var(--slab);animation:flip-up .55s var(--ease) both}.style-tile:nth-child(2){animation-delay:.06s}.style-tile:nth-child(3){animation-delay:.12s}.style-tile:nth-child(4){animation-delay:.18s}.style-tile strong{font-family:var(--font-display);font-size:2rem;font-weight:520;line-height:1;color:var(--accent-deep)}.style-tile span{color:var(--ink-soft);font-size:.92rem}.drill-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.timer-chip{display:inline-flex;align-items:center;gap:10px;margin:0;padding:8px 16px 8px 8px;border-radius:999px;background:#fff;font-weight:600;font-variant-numeric:tabular-nums;box-shadow:var(--slab)}.timer-chip[data-low]{color:var(--exception-text);animation:breathe 1.2s ease-in-out infinite}.scene-hero{position:relative;border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 0 0 1px #b08d5733,var(--slab);animation:scene-in .8s var(--ease) both}.scene-hero-art{display:block;width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover}.scene-plate{padding:20px 24px 22px;display:grid;gap:10px;background:#fff}.scene-hero[data-has-art] .scene-plate{position:absolute;left:18px;bottom:18px;width:min(460px,calc(100% - 36px));padding:16px 20px 18px;background:#ffffffd1;backdrop-filter:blur(18px) saturate(170%);-webkit-backdrop-filter:blur(18px) saturate(170%);border-radius:18px;box-shadow:0 1px #fff inset,0 18px 36px -18px #2a184273;transform:translateZ(40px)}@media(max-width:640px){.scene-hero[data-has-art] .scene-plate{position:static;border-radius:0;transform:none}}.scene-plate h1{margin:0;font-size:clamp(1.9rem,3.6vw,2.6rem)}.chips{display:flex;flex-wrap:wrap;gap:6px}.pill-quiet{background:#5b3a8c12;color:var(--ink-soft)}.beat-progress{height:6px;border-radius:999px;background:var(--paper-deep);overflow:hidden}.beat-progress span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#b08d57,#8c6a35);transform-origin:left;transition:transform .6s var(--ease)}.profile-card{display:flex;align-items:center;gap:20px;padding:24px 26px;border-radius:24px;background:linear-gradient(135deg,#fff,#f6f1fb);box-shadow:0 0 0 1px #b08d5738,var(--slab);animation:swing-in .6s var(--ease) both;flex-wrap:wrap}.profile-card h1{margin:0 0 2px}.profile-card .eyebrow{margin:0}.profile-signout{margin-left:auto}.monogram{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;flex:none;font-family:var(--font-display);font-size:1.9rem;font-weight:560;color:#fff;background:radial-gradient(circle at 35% 28%,#a98bd1,#5b3a8c 55%,#3e2463);box-shadow:0 1px #ffffff73 inset,0 0 0 4px #fff,0 0 0 5px #b08d5780,0 14px 24px -10px #2a184299}.access-list{list-style:none;padding:0;margin-bottom:0;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.access-card{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:var(--radius);background:#fff;box-shadow:var(--slab);animation:flip-up .55s var(--ease) both}.access-card strong{display:block;font-family:var(--font-display);font-size:1.2rem;font-weight:560}.access-card span:not(.status){color:var(--ink-soft);font-size:.9rem}.access-card .status{margin-left:auto;text-transform:capitalize}.action-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.action-tile{display:grid;gap:6px;align-content:start;padding:20px;border-radius:var(--radius);background:linear-gradient(180deg,#fff,#fbf9fd);box-shadow:var(--slab);text-decoration:none;color:var(--ink);animation:flip-up .55s var(--ease) both}.action-tile:nth-child(2){animation-delay:.06s}.action-tile:nth-child(3){animation-delay:.12s}.action-tile:nth-child(4){animation-delay:.18s}.action-tile:hover{color:var(--ink);box-shadow:var(--slab-hover)}.action-tile strong{font-family:var(--font-display);font-size:1.2rem;font-weight:560;margin-top:6px}.action-tile span{color:var(--ink-soft);font-size:.9rem}.medal-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}.medal-list li{display:flex;gap:12px;align-items:center;padding:10px 12px;border-radius:var(--radius-sm);background:linear-gradient(180deg,#fffdf8,#f8f1e2);box-shadow:0 1px #fff inset,0 0 0 1px #b08d574d,0 3px #e8dcc2;animation:flip-up .5s var(--ease) both}.medal-list strong{display:block;font-family:var(--font-display);font-weight:560}.medal-list span{display:block;font-size:.88rem;color:var(--ink-soft)}.timeline li{display:grid;gap:3px;padding:12px 14px 12px 34px;border-radius:var(--radius-sm);background:#fff;box-shadow:var(--slab);animation:flip-up .5s var(--ease) both}.timeline li:before{left:14px;top:18px}.timeline:before{display:none}.timeline{padding-left:0}.tl-title{font-family:var(--font-display);font-size:1.08rem;font-weight:560}.tl-choice{font-size:.95rem}.tl-consequence{font-size:.9rem}.gauge.no-icon{grid-template-columns:1fr auto;grid-template-areas:"label state" "bar bar"}.side-card{padding:22px;animation:swing-in .7s var(--ease) both}.side-head{display:flex;align-items:center;gap:12px;margin-bottom:6px}.side-head h2{margin:0 0 4px;font-size:1.35rem}.side-head>div{flex:1;min-width:0}.side-head .muted{font-size:.82rem}.side-note{font-size:.82rem;margin:4px 0 14px}.side-sub{font-size:1rem;margin:18px 0 8px}.summary-pill{display:inline-flex;align-items:center;gap:6px;padding:2px 10px 2px 8px;border-radius:999px;font-size:.76rem;font-weight:600;background:var(--green-soft);color:var(--within-text)}.summary-pill:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;animation:breathe 2.4s ease-in-out infinite}.summary-pill[data-state=edge]{background:var(--amber-soft);color:var(--edge-text)}.summary-pill[data-state=exception]{background:var(--red-soft);color:var(--exception-text)}.health-card .health{gap:10px}.health-card .gauge{padding:8px 10px;border-radius:12px;background:linear-gradient(180deg,#fdfcfe,#f8f5fb);box-shadow:0 1px #fff inset,0 0 0 1px #5b3a8c0f;animation:flip-up .5s var(--ease) both;animation-delay:calc(var(--i, 0) * .05s);transition:transform .25s var(--ease),box-shadow .25s var(--ease)}.health-card .gauge:hover{transform:translate(3px);box-shadow:0 1px #fff inset,0 0 0 1px #5b3a8c24,0 6px 14px -8px #2a18424d}.health-card .gauge .bar,.mastery .gauge .bar{height:10px;background:linear-gradient(180deg,#e3dbec,#f1edf6);box-shadow:0 1px 2px #2a18422e inset;overflow:visible}.health-card .gauge .bar:after{width:3px;top:-3px;bottom:-3px;border-radius:2px;background:var(--reward);opacity:1;box-shadow:0 0 0 2px #fff}.health-card .gauge .fill{position:relative;box-shadow:inset 0 3px #ffffff59,0 2px 6px -2px #2f6b4f99;animation:grow-in 1s var(--ease) both;animation-delay:calc(.2s + var(--i, 0) * .06s)}.health-card .gauge[data-state=edge] .fill{box-shadow:inset 0 3px #ffffff59,0 2px 6px -2px #a86f1c99}.health-card .gauge[data-state=exception] .fill{box-shadow:inset 0 3px #ffffff59,0 2px 6px -2px #9e2b3a99}.health-card .gauge .state{padding:1px 8px;border-radius:999px;background:var(--green-soft)}.health-card .gauge[data-state=edge] .state{background:var(--amber-soft)}.health-card .gauge[data-state=exception] .state{background:var(--red-soft)}.team-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding:14px;border-radius:16px;background:linear-gradient(135deg,#faf7fd,#f1ebf7);box-shadow:0 1px #fff inset,0 0 0 1px #b08d5738}.team-row>div:first-child{display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center}.team-row>div:first-child .icon{grid-row:span 2}.team-row strong{font-family:var(--font-display);font-size:1.1rem;font-weight:560}.team-row .muted{font-size:.78rem}.team-dial{position:relative;width:120px;height:70px;flex:none}.team-dial .dial-fill{stroke:var(--within);filter:drop-shadow(0 2px 3px rgba(47,107,79,.35));transition:stroke-dasharray .8s var(--ease);animation:dial-in 1.2s var(--ease) both .3s}.team-dial[data-state=edge] .dial-fill{stroke:var(--edge)}.team-dial[data-state=exception] .dial-fill{stroke:var(--exception)}@keyframes dial-in{0%{stroke-dasharray:0 200}}.dial-value{position:absolute;left:0;right:0;bottom:2px;text-align:center;line-height:1}.dial-value strong{display:block;font-family:var(--font-display);font-size:1.5rem;font-weight:560}.dial-value span{font-size:.68rem;color:var(--ink-soft)}.moves{list-style:none;padding:0;margin:0;display:grid;gap:8px}.moves li{display:grid;gap:4px;font-size:.84rem;color:var(--ink-soft);animation:rise .45s var(--ease) both}.move-chip{justify-self:start;display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border-radius:999px;font-size:.74rem;font-weight:600;background:var(--red-soft);color:var(--exception-text)}.move-chip:before{content:"";width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid currentColor}.moves li[data-good=true] .move-chip{background:var(--green-soft);color:var(--within-text)}.moves li[data-good=true] .move-chip:before{border-top:0;border-bottom:6px solid currentColor}.ring{position:relative;width:56px;height:56px;flex:none}.ring svg{display:block}.ring .ring-fill{stroke:var(--reward);animation:ring-in 1.2s var(--ease) both .3s}@keyframes ring-in{0%{stroke-dasharray:0 200}}.ring span{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--font-display);font-size:.95rem;font-weight:560}.side-card .stages{margin-top:14px}.side-card .stages>li{animation:flip-up .5s var(--ease) both;animation-delay:calc(var(--i, 0) * .07s)}.stage-body{min-width:0}.stages .title{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-family:var(--font-display);font-size:1.08rem;font-weight:560}.stages .title .pill{font-family:var(--font-text);font-size:.7rem;padding:1px 8px}.pill-done{background:var(--green-soft);color:var(--within-text)}.stages small{font-size:.8rem;line-height:1.45}.stages li[data-state=locked] .lvl{color:#a59cba}.stages li[data-state=current] .stage-body{padding:12px;margin:-4px 0 0 -4px;border-radius:16px;background:linear-gradient(180deg,#fff,#faf7fd);box-shadow:var(--slab),0 0 0 1px #b08d574d}.stages .scenes{list-style:none;padding:8px 0 0;margin:10px 0 0;background:none;box-shadow:none;border-top:1px solid var(--line);display:grid;gap:2px}.stages .scenes li{display:grid;grid-template-columns:18px 1fr auto;gap:8px;align-items:center;padding:5px 6px;margin:0;border-radius:8px;font-size:.86rem}.stages .scenes li[aria-current=step]{background:var(--accent-soft);color:var(--accent-deep);font-weight:600}.tick{width:14px;height:14px;border-radius:50%;box-shadow:0 0 0 1.5px #cfc4dd inset}.stages .scenes li[aria-current=step] .tick{background:var(--accent);box-shadow:0 0 0 3px #5b3a8c2e;animation:breathe 2s ease-in-out infinite}.stages .scenes li[data-done] .tick{background:var(--within) no-repeat center / 10px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5' fill='none' stroke='white' stroke-width='3.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");box-shadow:none}.mins{font-size:.74rem;color:var(--ink-soft);font-weight:500}.scene-link{border:0;background:none;padding:0;font:inherit;color:var(--accent-deep);text-align:left;cursor:pointer;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.count{margin-top:4px}.hero-art{position:relative}.hero-platform{position:absolute;inset:6% -4% -2% 2%;border-radius:40px;background:radial-gradient(circle at 1px 1px,rgba(91,58,140,.16) 1px,transparent 0) 0 0 / 22px 22px,linear-gradient(160deg,#f4effa,#e8dff2);box-shadow:0 1px #fff inset,0 0 0 1px #b08d5733,0 40px 80px -40px #2a184273;transform:perspective(1400px) rotateX(8deg) rotateY(-14deg)}.credentials{list-style:none;padding:18px 0 0;margin:4px 0 0;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:10px 26px;font-size:.9rem;color:var(--ink-soft)}.credentials li{display:flex;align-items:center;gap:10px}.figures{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid rgba(176,141,87,.45);border-bottom:1px solid rgba(176,141,87,.45);padding:8px 0}@media(min-width:760px){.figures{grid-template-columns:repeat(4,1fr)}}.figures>div{padding:18px 22px;display:grid;gap:2px;text-align:center}.figures>div+div{border-left:1px solid var(--line)}.figures strong{font-family:var(--font-display);font-size:clamp(2.4rem,4vw,3.2rem);font-weight:460;line-height:1;color:var(--accent-deep);font-variant-numeric:oldstyle-nums proportional-nums}.figures span{font-variant-caps:all-small-caps;letter-spacing:.08em;color:var(--ink-soft);font-weight:600}.section-intro{text-align:center;max-width:640px;margin:0 auto 12px}.section-intro h2{margin:0;font-size:clamp(1.9rem,3.4vw,2.6rem)}.feature-row{padding:28px 0}.feature-stage{perspective:1400px}.feature-copy h3{margin-top:6px}.numeral{display:inline-grid;place-items:center;min-width:48px;height:48px;padding:0 10px;border-radius:50%;font-family:var(--font-display);font-size:1.35rem;font-weight:500;color:var(--reward);box-shadow:0 0 0 1px #b08d578c,0 0 0 5px #fff,0 0 0 6px #b08d5738;background:#fff}.preview{position:relative;border-radius:24px;background:#fff;box-shadow:0 0 0 1px #b08d5733,var(--slab);overflow:hidden;transform:rotateY(var(--lean, 8deg)) rotateX(4deg);transition:transform .8s var(--ease)}.feature-row.reverse .preview{--lean: -8deg}.feature-stage:hover .preview{transform:none}.preview-art{display:block;width:100%;height:auto}.preview-bubble{position:absolute;left:18px;bottom:18px;right:30%;display:flex;gap:10px;align-items:center;padding:12px 14px;border-radius:16px;background:#ffffffe0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 18px 30px -16px #2a184280;font-size:.84rem;animation:bob 7s ease-in-out infinite}.preview-bubble img{border-radius:12px;flex:none}.preview-bubble strong{display:block;font-size:.8rem}.preview-card{padding:26px;display:grid;gap:10px;background:linear-gradient(180deg,#fff,#fbf9fd)}.preview-stem{font-family:var(--font-display);font-size:1.25rem;line-height:1.35;margin:4px 0}.preview-opt{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;font-weight:500;font-size:.92rem;background:#fff;box-shadow:0 0 0 1px var(--line),0 3px 0 var(--base)}.preview-opt .key{width:30px;height:30px;font-size:.95rem;border-radius:9px}.preview-opt[data-result=right]{background:linear-gradient(180deg,#f2f7f4,#e3efe8);color:var(--within-text);box-shadow:0 0 0 2px #5e9c7e,0 3px #c6ddd1;animation:mark 7s var(--ease) infinite}.preview-opt[data-result=right] .key{color:#fff;background:linear-gradient(180deg,#4e8c6e,#2f6b4f);box-shadow:0 3px #1c4632}.preview-feedback{background:linear-gradient(180deg,#f4f9f6,#e6f1eb)}.pf-head{display:flex;align-items:center;gap:12px}.pf-head strong{font-family:var(--font-display);font-size:1.5rem;font-weight:560;color:var(--within-text)}.pf-mark{width:40px;height:40px;border-radius:13px;background:linear-gradient(180deg,#4e8c6e,#2f6b4f) no-repeat;box-shadow:0 3px #1c4632;position:relative}.pf-mark:after{content:"";position:absolute;inset:0;background:no-repeat center / 22px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.preview-feedback dl{margin:4px 0 0;display:grid;gap:2px}.preview-feedback dt{font-size:.78rem;font-weight:600;color:var(--ink-soft)}.preview-feedback dd{margin:0 0 8px;font-size:.95rem}.plans{display:grid;gap:22px;grid-template-columns:1fr}@media(min-width:860px){.plans{grid-template-columns:1fr 1fr}}.plan{display:grid;gap:10px;align-content:start;padding:30px;border-radius:26px;background:#fff;box-shadow:var(--slab)}.plan h3{margin:0;font-size:1.8rem}.plan-sub{margin:0;color:var(--ink-soft)}.plan ul{list-style:none;padding:0;margin:10px 0 14px;display:grid;gap:12px}.plan li{position:relative;padding-left:32px;line-height:1.5}.plan li:before{content:"";position:absolute;left:0;top:2px;width:20px;height:20px;border-radius:50%;background:var(--green-soft) no-repeat center / 12px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5' fill='none' stroke='%232F6B4F' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.plan-full{color:#f4eefa;background:radial-gradient(120% 90% at 100% 0%,#6b4a9e,#3e2463 55%,#2a1842);box-shadow:0 0 0 1px #b08d578c,0 4px #1f1233,0 30px 60px -24px #2a1842b3}.plan-full h3{color:#fff}.plan-full .plan-sub{color:#e6cc97}.plan-full li:before{background-color:#e6cc972e;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5' fill='none' stroke='%23E6CC97' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.btn-gold{color:#2a1a05;background:linear-gradient(180deg,#e6cc97,#c9a463);box-shadow:0 1px #fff9 inset,0 3px #8c6a35,0 12px 24px -10px #8c6a35b3}.btn-gold:hover{color:#2a1a05;filter:brightness(1.04)}.btn-gold:active{box-shadow:0 1px #fff9 inset,0 0 #8c6a35}.fine-print{margin:4px auto 0;text-align:center;font-size:.88rem}.closing{display:grid;grid-template-columns:1fr;align-items:center;gap:10px;padding:44px;border-radius:32px;overflow:hidden;color:#f4eefa;background:radial-gradient(120% 120% at 0% 0%,#6b4a9e,#3e2463,#22143a);box-shadow:0 0 0 1px #b08d5780,0 4px #1a0f2b,0 40px 80px -30px #2a1842b3}@media(min-width:900px){.closing{grid-template-columns:1fr 1.1fr;padding:56px 0 56px 56px}}.closing-copy{display:grid;gap:14px;justify-items:start}.closing-copy h2{color:#fff;margin:0;font-size:clamp(2rem,3.6vw,2.8rem)}.closing-copy p{margin:0;color:#dcd0ea;font-size:1.1rem}.closing .eyebrow{color:#e6cc97}.closing-art{width:118%;height:auto;margin:-40px -12% -60px 0;border-radius:24px;mix-blend-mode:normal;filter:drop-shadow(0 30px 40px rgba(10,4,30,.5))}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid var(--line)}.footer-top nav a{margin-right:0;margin-left:20px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.closing-art{-webkit-mask-image:radial-gradient(ellipse 60% 62% at 50% 50%,#000 58%,transparent 78%);mask-image:radial-gradient(ellipse 60% 62% at 50% 50%,#000 58%,transparent 78%);filter:none}.side-head>.ring{flex:none}.preview-card .pill{justify-self:start}.scene-hero[data-has-art]{display:grid;grid-template-columns:1fr}.scene-hero[data-has-art] .scene-plate{position:static;width:auto;transform:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;background:transparent;border-radius:0;padding:26px 28px;align-content:center}@media(min-width:760px){.scene-hero[data-has-art]{grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);align-items:center}.scene-hero[data-has-art] .scene-hero-art{order:2;aspect-ratio:4 / 3;object-position:50% 60%}}.closing-art{-webkit-mask-image:none;mask-image:none;width:100%;margin:0;border-radius:22px;box-shadow:0 0 0 1px #e6cc9759,0 30px 60px -20px #0a041eb3;transform:perspective(1400px) rotateY(-10deg) rotateX(4deg)}@media(min-width:900px){.closing{padding:56px;gap:40px}}.activity-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px}.activity-head h2{font-size:1.35rem!important}.head-icon{animation:head-in .7s var(--ease) both;filter:drop-shadow(0 6px 10px rgba(42,24,66,.18))}@keyframes head-in{0%{opacity:0;transform:perspective(400px) rotateY(-50deg) scale(.8)}to{opacity:1;transform:none}}@media(max-width:560px){.activity-head{grid-template-columns:auto 1fr}.activity-head .activity-type{grid-column:1 / -1;justify-self:start}}.tip-card{display:flex;gap:12px;align-items:flex-start;margin-top:8px;padding:14px 16px;border-radius:var(--radius-sm);background:linear-gradient(180deg,#fffaf0,#f8efdc);box-shadow:0 1px #fff inset,0 0 0 1px #b08d574d,0 3px #ead9b6;animation:flip-open .5s var(--ease) both;transform-origin:50% 0}.tip-card .portrait{width:44px;height:44px;border-radius:14px;flex:none}.tip-card strong{display:block;font-family:var(--font-display);font-weight:560;margin-bottom:2px}.tip-card p{margin:0;font-size:.95rem}.btn-quiet .icon{margin:-6px 0}.feedback dt{display:flex;align-items:center;gap:8px;margin-top:4px}.feedback dd{padding-left:32px}.note-graphic{display:flex;gap:14px;align-items:center;background:#fff;box-shadow:var(--slab)}.note-graphic.note-done{background:linear-gradient(180deg,#f6faf7,#ecf4ef);box-shadow:0 1px #fff inset,0 0 0 1px #2f6b4f2e,0 3px #d3e5da}.score-hero{display:flex;align-items:center;gap:18px;padding:6px 0 4px}.score-hero .icon{animation:head-in .8s var(--ease) both}.line .portrait{animation:pop-in .5s var(--ease) both}.q-art{position:relative;border-radius:18px;overflow:hidden;aspect-ratio:2.4 / 1;background:#f3eff8;box-shadow:0 0 0 1px #b08d5733,0 1px #fff inset,0 14px 28px -18px #2a184273;animation:scene-in .7s var(--ease) both}.q-art img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:50% 45%}@media(max-width:560px){.q-art{aspect-ratio:2 / 1}}.q-art{aspect-ratio:auto;height:clamp(190px,21vw,260px);background:radial-gradient(ellipse at 50% 45%,#fbf9fd,#ece4f3)}.q-art img{object-fit:contain}@media(max-width:560px){.q-art{aspect-ratio:auto;height:180px}}.welcome-banner{position:relative;display:grid;grid-template-columns:1fr;align-items:center;gap:8px;padding:30px;border-radius:30px;overflow:hidden;color:#f4eefa;background:radial-gradient(120% 140% at 0% 0%,#7652b0,#4b3172 48%,#2a1842);box-shadow:0 0 0 1px #b08d5780,0 4px #1a0f2b,0 36px 70px -30px #2a1842bf;animation:swing-in .7s var(--ease) both}@media(min-width:860px){.welcome-banner{grid-template-columns:1.1fr 1fr;padding:34px 0 34px 40px}}.welcome-copy{display:flex;align-items:center;gap:22px;position:relative;z-index:1}.welcome-copy h1{color:#fff;margin:0;font-size:clamp(2rem,4vw,2.8rem)}.welcome-banner .eyebrow{color:#e6cc97;margin:0 0 2px}.welcome-email{margin:2px 0 10px;color:#d9cdea}.welcome-banner .monogram{width:92px;height:92px;font-size:2.2rem;box-shadow:0 1px #ffffff73 inset,0 0 0 4px #ffffffe6,0 0 0 6px #e6cc97b3,0 18px 30px -10px #0a041eb3;animation:bob 6s ease-in-out infinite}.pill-gold{background:#e6cc972e;color:#f1dfb6;box-shadow:0 0 0 1px #e6cc9766}.welcome-art{width:120%;height:auto;margin:-40px -14% -50px 0;border-radius:22px;transform:perspective(1400px) rotateY(-12deg) rotateX(5deg);box-shadow:0 0 0 1px #e6cc974d,0 30px 60px -24px #0a041eb3}@media(max-width:859px){.welcome-art{width:100%;margin:10px 0 0;transform:none}}.welcome-signout{position:absolute;top:18px;right:18px;z-index:2}.resume-card{display:grid;grid-template-columns:1fr;border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 0 0 1px #b08d5738,var(--slab);animation:swing-in .7s var(--ease) both .08s}@media(min-width:760px){.resume-card{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center}}.resume-art{display:block;width:100%;height:100%;min-height:220px;object-fit:cover;background:#f3eff8}.resume-copy{padding:26px 28px;display:grid;gap:10px;justify-items:start}.resume-copy h2{margin:0;font-size:clamp(1.7rem,3vw,2.2rem)}.resume-copy .beat-progress{width:100%;margin:4px 0 8px}.journey h2{font-size:1.4rem;margin:0 0 18px}.journey-path{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);position:relative}.journey-path:before{content:"";position:absolute;left:10%;right:10%;top:23px;height:4px;border-radius:2px;background:linear-gradient(90deg,#dcd0ea,#eee8f5)}.journey-path li{position:relative;display:grid;justify-items:center;gap:10px;text-align:center;animation:flip-up .55s var(--ease) both;animation-delay:calc(var(--i, 0) * .08s)}.journey-node{position:relative;z-index:1;width:50px;height:50px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-display);font-weight:560;font-size:1.1rem;color:#9a93bd;background:radial-gradient(circle at 35% 28%,#fff,#ece7fb 60%,#dcd3f6);box-shadow:0 1px #fff inset,0 3px #d3c9f2,0 8px 14px -8px #2a18424d}.journey-path li[data-state=done] .journey-node{color:#fff;background:radial-gradient(circle at 35% 28%,#a9cdb9,#2f6b4f 55%,#1c4632);box-shadow:0 1px #ffffff80 inset,0 3px #133325,0 10px 18px -8px #2f6b4fb3}.journey-path li[data-state=current] .journey-node{color:#3d2c10;background:radial-gradient(circle at 35% 28%,#e8d3a8,#b08d57,#8c6a35);box-shadow:0 1px #fff9 inset,0 3px #6e521f,0 0 0 7px #b08d5733,0 10px 20px -6px #8c6a35b3;animation:beacon 2.4s ease-in-out infinite}.journey-label{font-size:.86rem;font-weight:500;color:var(--ink-soft);max-width:14ch}.journey-path li[data-state=current] .journey-label{color:var(--ink);font-weight:600}@media(max-width:560px){.journey-label{font-size:.72rem}.journey-node{width:40px;height:40px}.journey-path:before{top:18px}}.access-body{display:grid;gap:4px;flex:1;min-width:0}.access-bar{display:block;height:6px;border-radius:999px;background:var(--paper-deep);overflow:hidden}.access-bar span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#c9a463,#8c6a35);transform-origin:left;animation:grow-in 1.1s var(--ease) both .2s}.ring-row{display:grid;gap:14px;grid-template-columns:repeat(2,1fr)}@media(min-width:860px){.ring-row{grid-template-columns:repeat(4,1fr)}}.ring-tile{display:grid;justify-items:center;gap:8px;padding:18px 12px;border-radius:var(--radius);background:linear-gradient(180deg,#fff,#fbf9fd);box-shadow:var(--slab);text-align:center;animation:flip-up .55s var(--ease) both}.ring-tile>span{color:var(--ink-soft);font-size:.88rem}.ring-big{position:relative;width:84px;height:84px}.ring-big svg{display:block}.ring-big strong{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--font-display);font-size:1.3rem;font-weight:560}.ring-arc{stroke:var(--accent);animation:ring-big-in 1.3s var(--ease) both .25s;filter:drop-shadow(0 2px 3px rgba(91,58,140,.3))}.ring-tile[data-tone=green] .ring-arc{stroke:var(--within)}.ring-tile[data-tone=brass] .ring-arc{stroke:var(--reward)}@keyframes ring-big-in{0%{stroke-dasharray:0 300}}.action-tile{padding:0;overflow:hidden;gap:0}.action-art{display:block;aspect-ratio:16 / 8;overflow:hidden;background:#f3eff8}.action-art img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}.action-tile:hover .action-art img{transform:scale(1.06)}.action-text{display:flex;gap:12px;align-items:center;padding:14px 16px 16px}.action-text strong{display:block;font-family:var(--font-display);font-size:1.15rem;font-weight:560;margin:0}.action-text span span{display:block;color:var(--ink-soft);font-size:.86rem}.prefs h2{font-size:1.4rem}.pref-row{display:flex;gap:14px;align-items:flex-start;padding:12px 14px;border-radius:var(--radius-sm);background:#faf8fc;box-shadow:0 0 0 1px var(--line)}.pref-row .toggle{flex:1;margin:0}.lesson-hero{display:grid;gap:28px;align-items:center;grid-template-columns:1fr}@media(min-width:900px){.lesson-hero{grid-template-columns:1.1fr 1fr}}.lesson-hero-copy{display:grid;gap:14px}.lesson-hero-copy h1{margin:0;font-size:clamp(2.1rem,4vw,3rem)}.lesson-hero-copy .lede{margin:0;color:var(--ink-soft);font-size:1.1rem}.lesson-hero-art{border-radius:26px;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#fbf9fd,#ece4f3);box-shadow:0 0 0 1px #b08d5738,var(--slab)}.lesson-hero-art img{display:block;width:100%;height:auto}.link-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}.link-list li{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:var(--radius-sm);background:#faf8fc;box-shadow:0 0 0 1px var(--line);animation:flip-up .5s var(--ease) both}.link-list strong{display:block;font-family:var(--font-display);font-weight:560;font-size:1.05rem}.link-list .muted{display:block;font-size:.88rem}.link-action{padding-left:0;margin-top:4px}.study-card{display:flex;align-items:center;gap:18px;flex-wrap:wrap;background:linear-gradient(135deg,#fff,#f6f1fb);box-shadow:0 0 0 1px #b08d574d,var(--slab)}.study-card>div{flex:1;min-width:220px}.lesson-filter{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 16px;border-radius:var(--radius-sm);background:var(--green-soft);box-shadow:0 0 0 1px #2f6b4f33}.lesson-filter>span{flex:1}.lesson-link{font-weight:500}.landing-duo{display:grid;gap:0}.landing-duo h1,.landing-duo h2{text-wrap:balance}.duo-hero{display:grid;gap:32px;align-items:center;grid-template-columns:1fr;padding:10px 0 56px}@media(min-width:900px){.duo-hero{grid-template-columns:1.15fr 1fr;gap:56px;padding:24px 0 72px}}.welcome-video{position:relative;border-radius:28px;overflow:hidden;background:#1f2a44;box-shadow:0 0 0 1px #b08d5759,0 6px #d9cfe6,0 40px 70px -30px #2a184299;animation:scene-in .9s var(--ease) both}.welcome-video video{display:block;width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover}.sound-btn{position:absolute;left:16px;bottom:16px;display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:0;border-radius:999px;font:inherit;font-weight:700;font-size:.9rem;color:var(--ink);background:#ffffffeb;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 3px #0000002e,0 10px 20px -10px #00000080;cursor:pointer;transition:transform .15s var(--ease),box-shadow .15s var(--ease)}.sound-btn:hover{transform:translateY(-1px)}.sound-btn:active{transform:translateY(3px);box-shadow:0 0 #0000002e}.sound-btn[aria-pressed=true]{background:var(--within);color:#fff}.sound-icon{font-size:1.1rem}.duo-hero-copy{display:grid;gap:22px;justify-items:center;text-align:center}@media(min-width:900px){.duo-hero-copy{justify-items:start;text-align:left}}.duo-hero-copy h1{margin:0;font-size:clamp(2.2rem,4.2vw,3.2rem);line-height:1.08}.duo-actions{display:grid;gap:12px;width:100%;max-width:380px}.duo-fine{margin:0;color:var(--ink-soft);font-size:.92rem}.btn-duo{position:relative;justify-content:center;width:100%;min-height:58px;padding:14px 26px;border-radius:18px;font-size:.98rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;overflow:hidden}.btn-duo>span{transition:transform .3s var(--ease)}.btn-duo .btn-icon{position:absolute;right:18px;top:50%;translate:24px -50%;opacity:0;transition:translate .3s var(--ease),opacity .25s ease}.btn-duo:hover>span,.btn-duo:focus-visible>span{transform:translate(-16px)}.btn-duo:hover .btn-icon,.btn-duo:focus-visible .btn-icon{translate:0 -50%;opacity:1}.btn-duo-primary{background:var(--grad-primary);color:#fff;box-shadow:0 1px #fff6 inset,0 4px #3e2463,0 14px 26px -12px #5b3a8cb3}.btn-duo-primary:hover{color:#fff;filter:brightness(1.05)}.btn-duo-primary:active{box-shadow:0 1px #fff6 inset,0 0 #3e2463;transform:translateY(4px)}.btn-duo-secondary{background:#fff;color:var(--accent-deep);box-shadow:0 0 0 2px var(--line) inset,0 4px 0 var(--base)}.btn-duo-secondary:hover{color:var(--accent-deep);background:#faf8fc}.btn-duo-secondary:active{box-shadow:0 0 0 2px var(--line) inset,0 0 0 var(--base);transform:translateY(4px)}.btn-duo-gold{color:#2a1a05;background:linear-gradient(180deg,#e6cc97,#c9a463);box-shadow:0 1px #fff9 inset,0 4px #8c6a35,0 14px 26px -12px #8c6a35b3}.btn-duo-gold:hover{color:#2a1a05;filter:brightness(1.04)}.btn-duo-gold:active{box-shadow:0 1px #fff9 inset,0 0 #8c6a35;transform:translateY(4px)}.frame{padding:56px 0;border-top:1px solid var(--line)}.frame h2{margin:0 0 10px;font-size:clamp(1.9rem,3.6vw,2.7rem)}.frame p{margin:0;color:var(--ink-soft);font-size:1.12rem;max-width:34ch}.frame-row{display:grid;gap:28px;align-items:center;grid-template-columns:1fr}@media(min-width:860px){.frame-row{grid-template-columns:1.1fr 1fr;gap:64px;padding:72px 0}.frame-row.reverse .frame-art{order:2}}.frame-art,.frame-copy{opacity:0;transition:opacity .7s var(--ease),transform .8s var(--ease)}.frame-art{transform:translate(-40px) perspective(1200px) rotateY(10deg)}.frame-row.reverse .frame-art{transform:translate(40px) perspective(1200px) rotateY(-10deg)}.frame-copy{transform:translateY(24px);transition-delay:.15s}.frame.in .frame-art,.frame.in .frame-copy{opacity:1;transform:none}.frame-art .preview{transform:none}.preview-health{gap:12px}.ph-title{font-family:var(--font-display);font-size:1.3rem;font-weight:560}.preview-health .gauge{padding:8px 10px;border-radius:12px;background:#faf8fc;box-shadow:0 0 0 1px var(--line)}.preview-health .gauge .fill{transform-origin:left}.preview-record{justify-items:center;text-align:center;gap:8px;padding:36px 26px}.preview-record strong{font-family:var(--font-display);font-size:1.5rem;font-weight:560}.preview-record>span{color:var(--ink-soft)}.preview-record .badges{justify-content:center;margin-top:8px}.frame-mascot{text-align:center;padding-bottom:24px}.frame-mascot h2{opacity:0;transform:translateY(16px);transition:opacity .6s var(--ease),transform .7s var(--ease)}.frame-mascot.in h2{opacity:1;transform:none}.mascot-stage{position:relative;display:grid;justify-items:center;min-height:460px;margin-top:8px}.mascot-btn{position:relative;border:0;background:none;padding:0;cursor:pointer;border-radius:40px;z-index:2;transition:transform .4s var(--ease)}.mascot-btn:hover{transform:translateY(-6px) rotate(-2deg)}.mascot-btn:active{transform:translateY(4px) scale(.97)}.mascot-img{display:block;width:min(300px,62vw);height:auto;filter:drop-shadow(0 30px 30px rgba(42,24,66,.3));animation:owl-breathe 4.5s ease-in-out infinite}@keyframes owl-breathe{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.015)}}.mascot-stage[data-told] .mascot-img{animation:owl-nod .9s var(--ease) 1,owl-breathe 4.5s ease-in-out .9s infinite}@keyframes owl-nod{0%{transform:none}30%{transform:translateY(-26px) rotate(-6deg) scale(1.06)}60%{transform:translateY(0) rotate(3deg)}to{transform:none}}.tap-hint{position:absolute;top:8%;right:-12px;padding:8px 14px;border-radius:999px;font-weight:800;font-size:.85rem;letter-spacing:.04em;text-transform:uppercase;color:#fff;background:var(--within);box-shadow:0 3px #1c4632,0 10px 20px -8px #2f6b4fcc;animation:hint-bob 1.6s ease-in-out infinite}.tap-hint:after{content:"";position:absolute;left:14px;bottom:-7px;border:7px solid transparent;border-top-color:var(--within);border-bottom:0}@keyframes hint-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.owl-burst{position:absolute;inset:0;pointer-events:none;z-index:3}.owl-burst img{position:absolute;left:50%;top:40%;width:54px;height:auto;margin:-34px 0 0 -27px;animation:fly 1.6s cubic-bezier(.2,.7,.3,1) var(--d, 0s) both}@keyframes fly{0%{opacity:0;transform:translate(0) rotate(0) scale(.5)}12%{opacity:1}to{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(var(--r)) scale(.35)}}.owl-bubbles{list-style:none;margin:0;padding:0;position:absolute;inset:0;pointer-events:none}.owl-bubbles li{position:absolute;display:flex;align-items:center;gap:10px;width:min(280px,44vw);padding:12px 16px;border-radius:20px;background:#fff;color:var(--ink);font-weight:600;font-size:.95rem;text-align:left;box-shadow:0 0 0 1px #b08d5740,0 4px 0 var(--base),0 20px 36px -18px #2a184273;animation:bubble-in .6s var(--ease) calc(.35s + var(--k) * .55s) both;pointer-events:auto}.owl-bubbles li:after{content:"";position:absolute;width:14px;height:14px;background:#fff;transform:rotate(45deg);box-shadow:1px 1px #b08d5740}.owl-bubbles li:nth-child(1){left:2%;top:6%}.owl-bubbles li:nth-child(1):after{right:-6px;top:50%;margin-top:-7px;box-shadow:1px -1px #b08d5740}.owl-bubbles li:nth-child(2){right:2%;top:14%}.owl-bubbles li:nth-child(2):after{left:-6px;top:50%;margin-top:-7px;box-shadow:-1px 1px #b08d5740}.owl-bubbles li:nth-child(3){left:2%;bottom:18%}.owl-bubbles li:nth-child(3):after{right:-6px;top:50%;margin-top:-7px;box-shadow:1px -1px #b08d5740}.owl-bubbles li:nth-child(4){right:2%;bottom:8%}.owl-bubbles li:nth-child(4):after{left:-6px;top:50%;margin-top:-7px;box-shadow:-1px 1px #b08d5740}@keyframes bubble-in{0%{opacity:0;transform:scale(.6) translateY(16px)}to{opacity:1;transform:none}}@media(max-width:760px){.mascot-stage{min-height:0}.owl-bubbles{position:static;display:grid;gap:10px;margin-top:18px}.owl-bubbles li{position:static;width:100%}.owl-bubbles li:after{display:none}}.frame-plans{display:grid;gap:18px;grid-template-columns:1fr}@media(min-width:760px){.frame-plans{grid-template-columns:1fr 1fr}}.plan-tile{display:grid;gap:8px;justify-items:center;text-align:center;padding:32px 26px;border-radius:26px;background:#fff;box-shadow:var(--slab);opacity:0;transform:translateY(24px);transition:opacity .6s var(--ease),transform .7s var(--ease)}.frame.in .plan-tile{opacity:1;transform:none}.frame.in .plan-tile+.plan-tile{transition-delay:.12s}.plan-tile strong{font-family:var(--font-display);font-size:1.6rem;font-weight:560}.plan-tile>span{color:var(--ink-soft);max-width:30ch}.plan-tile .btn-duo{max-width:300px;margin-top:10px}.plan-tile-full{color:#f4eefa;background:radial-gradient(120% 90% at 100% 0%,#6b4a9e,#3e2463 55%,#2a1842);box-shadow:0 0 0 1px #b08d578c,0 5px #1f1233,0 30px 60px -24px #2a1842b3}.plan-tile-full strong{color:#fff}.plan-tile-full>span{color:#dcd0ea}.frame-end{text-align:center;display:grid;justify-items:center;gap:14px;padding:64px 0 24px}.end-owl{width:110px;height:auto;animation:owl-breathe 4.5s ease-in-out infinite}.frame-end .btn-duo{max-width:360px}.frame-end h2{margin:0}.frame-owl{position:absolute;width:var(--size, 150px);z-index:3;pointer-events:auto;transform-style:preserve-3d}.frame-owl img{display:block;width:100%;height:auto;filter:drop-shadow(0 18px 22px rgba(42,24,66,.32));transform-origin:50% 90%}.frame-owl[data-flip] img{scale:-1 1}.owl-ground{position:absolute;left:12%;right:12%;bottom:-8px;height:18px;border-radius:50%;background:radial-gradient(ellipse at center,#2a184259,#2a184200 70%);transform-origin:center;animation:ground 4.5s ease-in-out infinite;z-index:-1}@keyframes ground{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.82);opacity:.6}}.frame-art{position:relative}.frame-owl img{opacity:0}.frame.in .frame-owl img{opacity:1}.owl-peek{right:-6%;bottom:-10px}.frame.in .owl-peek img{animation:swoop-right .9s var(--ease) both,idle-peek 4.5s ease-in-out .9s infinite}.owl-point{left:-8%;bottom:-14px}.frame.in .owl-point img{animation:swoop-left .9s var(--ease) both,idle-point 2.6s ease-in-out .9s infinite}.owl-cheer{right:-5%;bottom:-12px}.frame.in .owl-cheer img{animation:swoop-right .9s var(--ease) both,idle-cheer 1.9s cubic-bezier(.3,0,.2,1) .9s infinite}.owl-watch{left:-7%;bottom:-12px}.frame.in .owl-watch img{animation:swoop-left .9s var(--ease) both,idle-watch 3.6s ease-in-out .9s infinite}.owl-hold{right:-4%;bottom:-10px}.frame.in .owl-hold img{animation:swoop-right .9s var(--ease) both,idle-hold 4s ease-in-out .9s infinite}.end-owl-wrap{position:relative;margin:0 auto 10px}.end-owl-wrap img{opacity:1;animation:idle-wave 2.8s ease-in-out infinite}@keyframes swoop-right{0%{opacity:0;transform:translate(120px,-140px) rotate(28deg) scale(.6)}to{opacity:1;transform:none}}@keyframes swoop-left{0%{opacity:0;transform:translate(-120px,-140px) rotate(-28deg) scale(.6)}to{opacity:1;transform:none}}@keyframes idle-peek{0%,to{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-10px) rotate(-2deg)}}@keyframes idle-point{0%,to{transform:rotate(0) translate(0)}50%{transform:rotate(10deg) translate(10px)}}@keyframes idle-cheer{0%,to{transform:translateY(0) scale(1)}25%{transform:translateY(0) scale(1.06,.92)}50%{transform:translateY(-34px) scale(.96,1.06) rotate(4deg)}80%{transform:translateY(0) scale(1.04,.95)}}@keyframes idle-watch{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg) translateY(-4px)}}@keyframes idle-hold{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(-3deg)}}@keyframes idle-wave{0%,to{transform:rotate(0) translateY(0)}20%{transform:rotate(-8deg) translateY(-8px)}40%{transform:rotate(6deg) translateY(-8px)}60%{transform:rotate(-4deg) translateY(-4px)}}.mascot-btn{transform-style:preserve-3d;transform:perspective(1200px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg))}.mascot-btn:hover{transform:perspective(1200px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)) translateY(-6px)}.mascot-ground{left:18%;right:18%;bottom:6px;height:26px}@media(max-width:860px){.frame-owl{--size: 100px !important}.owl-peek,.owl-cheer,.owl-hold{right:4px}.owl-point,.owl-watch{left:4px}}.frame-row .frame-art{padding-right:120px}.frame-row.reverse .frame-art{padding-right:0;padding-left:120px}.owl-peek,.owl-cheer,.owl-hold{right:-10px}.owl-point,.owl-watch{left:-10px}@media(max-width:860px){.frame-row .frame-art{padding-right:80px}.frame-row.reverse .frame-art{padding-right:0;padding-left:80px}.owl-peek,.owl-cheer,.owl-hold{right:-6px}.owl-point,.owl-watch{left:-6px}}@keyframes owl-breathe{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes owl-nod{0%{transform:none}40%{transform:translateY(-12px) rotate(-2deg)}to{transform:none}}@keyframes hint-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes swoop-right{0%{opacity:0;transform:translate(50px,-60px) rotate(8deg)}to{opacity:1;transform:none}}@keyframes swoop-left{0%{opacity:0;transform:translate(-50px,-60px) rotate(-8deg)}to{opacity:1;transform:none}}@keyframes idle-peek{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-6px) rotate(-1deg)}}@keyframes idle-point{0%,to{transform:rotate(0) translate(0)}50%{transform:rotate(4deg) translate(5px)}}@keyframes idle-cheer{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-7px) rotate(2deg)}}@keyframes idle-watch{0%,to{transform:rotate(-2.5deg)}50%{transform:rotate(2.5deg) translateY(-3px)}}@keyframes idle-hold{0%,to{transform:translateY(0)}50%{transform:translateY(-7px) rotate(-1.5deg)}}@keyframes idle-wave{0%,to{transform:rotate(0) translateY(0)}50%{transform:rotate(-2.5deg) translateY(-6px)}}.frame.in .owl-cheer img{animation:swoop-right 1s var(--ease) both,idle-cheer 5s ease-in-out 1s infinite}.frame.in .owl-point img{animation:swoop-left 1s var(--ease) both,idle-point 5s ease-in-out 1s infinite}.mascot-img{animation:owl-breathe 6s ease-in-out infinite}.mascot-stage[data-told] .mascot-img{animation:owl-nod .9s var(--ease) 1,owl-breathe 6s ease-in-out .9s infinite}.mascot-btn:hover{transform:perspective(1200px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)) translateY(-4px)}.owl-burst img,.owl-fly img{width:100%;height:auto}.owl-burst .owl-fly,.owl-flight .owl-fly{position:absolute;left:50%;top:42%;width:calc(96px * var(--s, 1));margin-left:calc(-48px * var(--s, 1));opacity:0;animation:fly-arc 2.4s cubic-bezier(.25,.6,.35,1) var(--d, 0s) both;filter:drop-shadow(0 10px 12px rgba(42,24,66,.3))}.owl-burst .owl-fly img,.owl-flight .owl-fly img{display:block;animation:flap .32s ease-in-out infinite alternate;transform-origin:50% 70%}@keyframes fly-arc{0%{opacity:0;transform:translate(0) rotate(0) scale(.7)}10%{opacity:1;transform:translate(calc(var(--dx) * .08),calc(var(--dy) * .12)) rotate(calc(var(--r) * .3)) scale(1)}55%{opacity:1;transform:translate(calc(var(--dx) * .55),calc(var(--dy) * .75 - 60px)) rotate(var(--r)) scale(.9)}to{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(var(--r)) scale(.6)}}@keyframes flap{0%{transform:rotate(-7deg) scaleX(1)}to{transform:rotate(7deg) scaleX(.92)}}.owl-burst .owl-fly{top:36%}.owl-flight{position:fixed;width:0;height:0;z-index:60;pointer-events:none}.owl-flight .owl-fly{left:0;top:0;animation-duration:1.6s}.owl-bubbles{position:absolute;inset:auto;left:calc(50% + 180px);top:4%;width:min(320px,38vw);display:grid;gap:12px;align-content:start}.owl-bubbles li{position:static;width:100%;animation:bubble-in .6s var(--ease) calc(1s + var(--k) * .7s) both}.owl-bubbles li:after{left:-6px;right:auto;top:50%;margin-top:-7px;box-shadow:-1px 1px #b08d5740}.mascot-stage{justify-items:start;padding-left:calc(50% - 150px)}@media(max-width:760px){.mascot-stage{justify-items:center;padding-left:0}.owl-bubbles{position:static;width:100%;margin-top:18px}}.btn-duo{text-transform:none;letter-spacing:-.01em;font-size:1.05rem;font-weight:700}.end-line{max-width:40ch!important;text-align:center}.frame-end .duo-actions{margin-top:6px}.owl3d{--lx: 0;--ly: 0;position:relative;width:100%;aspect-ratio:1223 / 1564;user-select:none}.owl3d-rig{position:absolute;inset:0;perspective:900px;transform-style:preserve-3d;transform:rotateY(calc(var(--lx) * 7deg)) rotateX(calc(var(--ly) * -3deg));transition:transform .6s cubic-bezier(.22,1,.36,1)}.owl3d[data-flip] .owl3d-rig{scale:-1 1}.owl3d-body,.owl3d-head{position:absolute;left:0;width:100%}.owl3d-body{top:0;height:100%;z-index:2;transform-origin:50% 96%;animation:owl3d-breathe 4.2s ease-in-out infinite}.owl3d img{display:block;width:100%;height:auto;pointer-events:none}.owl3d-body img{height:100%;filter:drop-shadow(0 22px 24px rgba(42,24,66,.28))}.owl3d-head{top:0;height:51.15%;z-index:1;transform-origin:35% 78%;transform:translate(calc(var(--lx) * 2.2%)) translateY(calc(var(--ly) * 1.2%)) rotateY(calc(var(--lx) * 16deg)) rotateX(calc(var(--ly) * -9deg));transition:transform .45s cubic-bezier(.22,1,.36,1);transform-style:preserve-3d}.owl3d-head img{height:100%;filter:drop-shadow(0 6px 8px rgba(42,24,66,.18))}.owl3d-lid{position:absolute;width:12.3%;height:18%;border-radius:50%;background:linear-gradient(180deg,#6f799f,#4b5a86 60%,#3d4f79);box-shadow:inset 0 -3px 4px #14183059;transform-origin:50% 0;transform:scaleY(0);animation:owl3d-blink 5.2s infinite}.owl3d-lid-l{left:15.9%;top:32.6%}.owl3d-lid-r{left:37.6%;top:31.7%}@keyframes owl3d-blink{0%,90%,to{transform:scaleY(0)}92%{transform:scaleY(1)}94%{transform:scaleY(0)}95.5%{transform:scaleY(0)}97%{transform:scaleY(.9)}98.5%{transform:scaleY(0)}}.owl3d-sheen{position:absolute;inset:0;pointer-events:none;background:radial-gradient(42% 46% at calc(38% - var(--lx) * 18%) calc(26% - var(--ly) * 10%),#ffffff61,#fff0 70%);mix-blend-mode:soft-light;-webkit-mask-image:url(/media/owl-head.webp);mask-image:url(/media/owl-head.webp);-webkit-mask-size:100% 100%;mask-size:100% 100%}.owl3d-ground{position:absolute;left:14%;right:30%;bottom:-2%;height:6%;border-radius:50%;background:radial-gradient(ellipse at center,#2a184257,#2a184200 70%);animation:owl3d-ground 4.2s ease-in-out infinite}@keyframes owl3d-breathe{0%,to{scale:1 1}50%{scale:1.008 1.016}}@keyframes owl3d-ground{0%,to{transform:scale(1)}50%{transform:scale(.94)}}.owl3d-calm .owl3d-head{animation:owl3d-calm 8s ease-in-out infinite}@keyframes owl3d-calm{0%,to{rotate:0deg;translate:0 0}30%{rotate:-3deg;translate:0 -1%}60%{rotate:2deg;translate:0 0}}.owl3d-curious .owl3d-head{animation:owl3d-curious 7s ease-in-out infinite}@keyframes owl3d-curious{0%,20%,to{rotate:0deg}30%,55%{rotate:-11deg}65%,80%{rotate:4deg}}.owl3d-proud .owl3d-head{animation:owl3d-proud 6s ease-in-out infinite}.owl3d-proud .owl3d-body{animation:owl3d-chest 6s ease-in-out infinite}@keyframes owl3d-proud{0%,to{rotate:0deg;translate:0 0}45%,70%{rotate:-2deg;translate:0 -3%}}@keyframes owl3d-chest{0%,to{scale:1 1}45%,70%{scale:1.02 1.025}}.owl3d-attentive .owl3d-head{animation:owl3d-attentive 4.5s ease-in-out infinite}@keyframes owl3d-attentive{0%,to{rotate:0deg;translate:0 0}15%{translate:0 1.6%}25%{translate:0 0}35%{translate:0 1.6%}45%{translate:0 0}70%{rotate:3deg}}.owl3d-react .owl3d-rig{animation:owl3d-lift .9s cubic-bezier(.22,1,.36,1)}.owl3d-react .owl3d-head{animation:owl3d-nod .9s cubic-bezier(.22,1,.36,1)}@keyframes owl3d-lift{0%,to{translate:0 0}35%{translate:0 -4%}}@keyframes owl3d-nod{0%,to{rotate:0deg;translate:0 0}30%{rotate:-6deg;translate:0 -2%}60%{rotate:3deg;translate:0 1.5%}}.mascot-owl{width:min(300px,62vw)}.frame-owl{width:var(--size, 150px);opacity:0;transform:translateY(30px);transition:opacity .8s var(--ease),transform .9s var(--ease)}.frame.in .frame-owl{opacity:1;transform:none}.frame-owl .owl3d img,.frame.in .frame-owl .owl3d img{opacity:1;animation:none;scale:none}.end-owl-wrap{width:150px;margin:0 auto 6px}.owl-fly .cartoon-owl{display:block;width:100%;height:auto;overflow:visible}.cartoon-owl .co-wing{transform-box:fill-box;animation:co-flap .22s ease-in-out infinite alternate}.cartoon-owl .co-wing-l{transform-origin:100% 30%}.cartoon-owl .co-wing-r{transform-origin:0% 30%;animation-name:co-flap-r}@keyframes co-flap{0%{transform:rotate(28deg)}to{transform:rotate(-30deg)}}@keyframes co-flap-r{0%{transform:rotate(-28deg)}to{transform:rotate(30deg)}}.owl-burst .owl-fly img,.owl-flight .owl-fly img{animation:none}.owl-burst .owl-fly,.owl-flight .owl-fly{width:calc(78px * var(--s, 1));margin-left:calc(-39px * var(--s, 1))}@media(prefers-reduced-motion:reduce){.owl3d-rig,.owl3d-head{transform:none!important}}.owl3d-rig,.owl3d-head{transform-style:flat}.end-owl-wrap img,.frame-owl img{animation:none}