@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&display=swap');
:root{--ink:#173a2e;--muted:#768077;--bg:#f8f9f4;--line:#e1e6dc;--lime:#ddf39b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font:14px 'Be Vietnam Pro',Arial,sans-serif}button,input,textarea{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}header{height:82px;display:flex;align-items:center;justify-content:space-between;gap:25px;max-width:1440px;margin:auto;padding:0 6%}.brand{font-weight:800;font-size:22px;letter-spacing:-1px;display:flex;align-items:center;gap:9px}.logo{display:grid;place-items:center;background:var(--ink);color:var(--lime);width:34px;height:34px;border-radius:11px;font-size:26px}.academy{letter-spacing:1px;font-size:8px;font-weight:600;border-left:1px solid #cbd4c9;padding-left:12px;margin-left:8px;color:#7a847b}nav{display:flex;gap:27px;font-size:11px;color:#6a766b}.external{font-size:11px;border-bottom:1px solid #c1c9bb;padding-bottom:7px}.external span{margin-left:10px}.hero{background:#173a2e;color:#f9fbef;margin:0 22px;border-radius:22px;overflow:hidden}.hero-inner{max-width:1230px;margin:auto;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;padding:65px 55px;gap:45px}.eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:600;color:#c4d3b9;display:flex;align-items:center;gap:9px}.eyebrow>span{width:6px;height:6px;border-radius:50%;background:var(--lime)}h1{font-size:43px;font-weight:600;line-height:1.4;letter-spacing:-1.8px;margin:23px 0 17px}h1 i{font-style:normal;color:var(--lime)}.herocopy>p{font-size:12px;line-height:1.9;color:#c3d0c0;margin-bottom:27px}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:14px 20px;border:0;border-radius:7px;font-size:11px;font-weight:600;transition:transform .15s,background .15s}.button:hover{transform:translateY(-2px)}.lime{background:var(--lime);color:#233d20}.herofoot{font-size:10px;color:#a5b5a0;margin-top:16px}.heroart{position:relative;display:grid;place-items:center;padding:0 25px 25px}.live-window{width:300px;background:#204837;border:1px solid #5d7950;border-radius:15px;transform:rotate(3deg);box-shadow:0 20px 65px #061f2060;overflow:hidden}.windowtop{display:flex;justify-content:space-between;padding:15px 17px;border-bottom:1px solid #496349}.livebadge{font-size:8px;letter-spacing:1.5px;color:#d5e7bd;display:flex;align-items:center;gap:6px}.livebadge b{width:5px;height:5px;border-radius:50%;background:#dceeae}.dots{letter-spacing:2px;color:#8aa77c}.scene{height:222px;position:relative;overflow:hidden;background:linear-gradient(120deg,#5e8060,#314f40)}.halo{position:absolute;width:185px;height:185px;border-radius:50%;background:#d9f0b124;top:17px;left:56px}.person{position:absolute;left:40px;bottom:-30px;width:215px;height:245px}.wave{position:absolute;left:17px;bottom:24px;display:flex;gap:3px;align-items:center;background:#142d2880;padding:8px;border-radius:20px}.wave span{width:3px;height:12px;border-radius:2px;background:#d8efac}.wave span:nth-child(2n){height:22px}.wave span:nth-child(3n){height:7px}.scene-caption{position:absolute;bottom:17px;right:16px;font-size:8px;color:#d9e9c6;background:#213d3270;border:1px solid #abc18c70;border-radius:5px;padding:6px 8px}.windowbottom{display:flex;align-items:center;gap:7px;font-size:8px;color:#bdcfb1;padding:15px 14px}.windowbottom>span:last-child{margin-left:auto}.statusdot{width:5px;height:5px;background:#cae896;border-radius:50%}.floatnote{position:absolute;bottom:14px;left:6px;background:#f8faed;box-shadow:0 8px 25px #0a231c30;color:var(--ink);border-radius:10px;display:flex;gap:10px;align-items:center;padding:13px 17px;transform:rotate(-3deg)}.floatnote>span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#e5efce}.floatnote b{display:block;font-size:10px}.floatnote small{display:block;font-size:8px;color:#7a8975;margin-top:4px}.illustrationlabel{position:absolute;bottom:-14px;font-size:8px;color:#93ac91}.container{max-width:1120px;margin-left:auto;margin-right:auto;padding-left:28px;padding-right:28px}.route-section{padding-top:42px}.routeheading,.sectionhead{display:flex;justify-content:space-between;align-items:center;gap:20px}.mini{font-size:9px;font-weight:600;letter-spacing:1.4px;color:#7d8a72}h2{font-size:25px;font-weight:600;letter-spacing:-.8px;margin:11px 0}.routeheading p{font-size:11px;color:var(--muted)}.routebox{display:flex;align-items:center;gap:30px;background:white;border:1px solid var(--line);border-radius:12px;padding:22px 26px;margin-top:21px}fieldset{border:0;padding:0;margin:0;flex:1}legend{font-size:10px;color:#657264;margin-bottom:13px}.options{display:flex;gap:7px;flex-wrap:wrap}.options button{display:flex;align-items:center;gap:9px;background:#fafbf7;border:1px solid var(--line);border-radius:7px;padding:11px 13px;font-size:11px}.options button.active{background:#f0f5e7;border-color:#668253;box-shadow:inset 0 0 0 1px #668253;color:#23422d;font-weight:600}.platformicon{width:20px;height:20px;display:grid;place-items:center;border-radius:6px;background:#24382f;color:white;font-size:14px}.shopee{background:#ec6d40;font-size:11px}.divider{height:60px;width:1px;background:var(--line)}.routehint{font-size:10px;color:#7c8676;line-height:1.8;padding:11px 3px}.roadmap-section{padding-top:36px}.overall{font-size:10px;color:#6d7b64;min-width:135px}.bar{background:#e0e7d7;height:4px;margin-top:9px;border-radius:5px;overflow:hidden}.bar span{display:block;background:#547546;height:100%;transition:width .2s}.phase{display:flex;align-items:center;gap:15px;margin:26px 0 17px;font-size:8px;letter-spacing:1px;color:#79876e;font-weight:600}.phase i{flex:1;background:var(--line);height:1px}.phase small{font-size:9px;letter-spacing:0;font-weight:400;color:#86927c}.conditions{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.condition{text-align:left;background:white;border:1px solid var(--line);border-radius:12px;padding:23px;transition:transform .2s,border-color .2s}.condition:hover{transform:translateY(-4px);border-color:#90a479}.account{background:#edf3e3}.machine{background:#f1f3ea}.cost{background:#f7f3e8}.cardtop{display:flex;align-items:center;justify-content:space-between}.stepno{font-size:10px;letter-spacing:1px;color:#8b987c}.cardicon{font-size:22px;width:38px;height:38px;border-radius:10px;border:1px solid #bdc8ab;display:grid;place-items:center;color:#627650}.condition h3{font-size:18px;font-weight:600;letter-spacing:-.5px;margin:22px 0 11px}.condition p{font-size:11px;line-height:1.9;color:#7b8573;min-height:62px;margin:0}.cardbottom{display:flex;justify-content:space-between;align-items:center;margin-top:25px;padding-top:15px;border-top:1px solid #d4dcc7;font-size:9px;color:#67775b}.cardbottom b{font-size:17px}.nextphase{margin-top:32px}.later{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:white}.later>button{width:100%;border:0;background:white;display:flex;align-items:flex-start;gap:22px;text-align:left;padding:22px 25px}.later>button+button{border-top:1px solid var(--line)}.later>button:hover{background:#f4f7ef}.later .stepno{padding-top:5px}.later h3{font-size:14px;font-weight:600;margin:0 0 7px}.later p{font-size:11px;color:#7b8576;margin:0;line-height:1.8}.lessonstate{display:block;font-size:9px;color:#9aa38f;margin-top:8px}.arrow{margin-left:auto;font-size:18px;color:#819273}.advice{display:flex;align-items:center;gap:20px;background:#edf1e5;border:1px solid #dbe3d0;border-radius:12px;padding:24px;margin-top:35px;max-width:1064px}.adviceicon{font-size:22px;border:1px solid #b8c5a6;border-radius:50%;width:40px;height:40px;display:grid;place-items:center;flex-shrink:0}.advice h3{font-size:13px;margin:0 0 7px;font-weight:600}.advice p{font-size:10px;color:#7d8772;line-height:1.8;margin:0}.light{background:#fbfdf6;border:1px solid #cbd6b8;margin-left:auto;white-space:nowrap;font-size:10px}.faq{display:grid;grid-template-columns:1fr 1.3fr;gap:50px;padding-top:54px;padding-bottom:65px}.faq>div>p{font-size:11px;color:var(--muted)}details{border-bottom:1px solid var(--line);padding:17px 0}details:first-child{padding-top:0}summary{font-size:12px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}summary:after{content:'+';font-size:18px;color:#859676}details[open] summary:after{content:'−'}details p{font-size:11px;line-height:2;color:#77836d;margin-bottom:4px}footer{border-top:1px solid var(--line);padding:24px 6%;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:9px;color:#87907b}footer .brand{font-size:17px}.back{border:0;background:none;padding:0;font-size:11px;color:#687b58}.readerbar{display:flex;justify-content:space-between;align-items:center;margin:30px 0;font-size:10px;color:#7c896e}.readerlayout{display:grid;grid-template-columns:230px 1fr;gap:38px;padding-bottom:60px}#readerNav{border-top:1px solid var(--line)}.navlabel{font-size:8px;letter-spacing:1px;color:#8b967c;padding:18px 0 8px}.navlesson{display:flex;text-align:left;align-items:center;gap:9px;width:100%;border:0;background:none;border-radius:6px;padding:11px 10px;font-size:10px;color:#748368;line-height:1.7}.navlesson.active{background:#eaf1df;font-weight:600;color:#314c28}.navlesson:hover{background:#eff3e8}.navlesson span{font-size:9px;color:#80966d;flex-shrink:0}#lessonBody{min-width:0}.readertitle{font-size:31px;letter-spacing:-1px;line-height:1.5;font-weight:600;margin:13px 0}.readerintro{font-size:12px;line-height:1.9;color:#7b8670;margin-bottom:25px}.articlecopy{font-size:12px;line-height:2;color:#627657;background:white;padding:23px;border:1px solid var(--line);border-radius:10px}.articlecopy p{margin:0}.articlecopy .note{border-left:2px solid #baca9a;margin-top:17px;padding-left:14px;font-size:11px;color:#81916e}.checklist{margin-top:27px}.checklist h3,.resultbox h3{font-size:13px;font-weight:600}.check{display:flex;align-items:flex-start;gap:11px;font-size:11px;line-height:1.9;padding:12px 0;border-bottom:1px solid var(--line);color:#697b5c}.check input{accent-color:#506f3a;width:15px;height:15px;flex-shrink:0;margin-top:3px}.resultbox{background:#eaf1df;border:1px solid #d5e0c5;padding:18px 22px;border-radius:9px;margin-top:24px}.resultbox h3{margin:0 0 8px}.resultbox p{font-size:11px;line-height:1.9;color:#70825a;margin:0}.video-note{display:flex;align-items:center;gap:15px;padding:16px 0;font-size:10px;color:#8a967a}.video-note>span:first-child{border:1px solid #d9e0cd;width:32px;height:32px;border-radius:8px;display:grid;place-items:center;font-size:15px}.video-note b{display:block;font-size:11px;font-weight:500;color:#70825c;margin-bottom:5px}.reader-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:20px;border-top:1px solid var(--line)}.dark{background:var(--ink);color:#f0f7dd}.articlelinks{display:flex;gap:15px;margin-top:18px;flex-wrap:wrap}.articlelinks a{color:#405e32;border-bottom:1px solid #a5b494;font-size:11px}dialog{border:0;box-shadow:0 20px 100px #0b2f2250;border-radius:15px;padding:32px;max-width:520px;width:92%;background:var(--bg);color:var(--ink)}dialog::backdrop{background:#13332b80}dialog p{font-size:11px;line-height:1.9;color:#7c896f}dialog textarea{display:block;width:100%;height:190px;font-size:11px;line-height:1.8;border:1px solid var(--line);padding:14px;border-radius:8px;background:white;color:#627457;margin:19px 0}dialog small{display:block;font-size:9px;color:#899579;margin-top:15px}.dialogclose{position:absolute;right:20px;top:15px;border:0;background:none;font-size:25px;color:#7c8c6b}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:13px 20px;background:var(--ink);color:white;border-radius:8px;max-width:90%;font-size:11px;z-index:20;display:none;line-height:1.8}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #92b56d;outline-offset:4px}[hidden]{display:none!important}@media(max-width:950px){header{padding:0 4%}.hero-inner{padding:45px 35px;gap:10px}h1{font-size:34px}.live-window{width:250px}.person{left:17px}.floatnote{left:0}.conditions{gap:10px}.condition{padding:18px}.condition h3{font-size:16px}.routebox{gap:20px;padding:20px}.options button{padding:10px;font-size:10px}.advice{margin-left:28px;margin-right:28px}.academy{display:none}nav{gap:16px}.readerlayout{gap:25px}}@media(max-width:700px){header{height:68px}.brand{font-size:19px}nav{display:none}.external{font-size:9px}.hero{margin:0 12px;border-radius:15px}.hero-inner{grid-template-columns:1fr;padding:35px 26px;gap:28px}h1{font-size:32px;letter-spacing:-1px}.herocopy>p{font-size:11px}.heroart{padding-bottom:25px;margin-top:4px}.live-window{width:270px}.scene{height:175px}.person{height:220px;left:27px;bottom:-48px}.floatnote{left:calc(50% - 153px)}.illustrationlabel{bottom:-5px}.container{padding-left:22px;padding-right:22px}.routeheading,.sectionhead{align-items:flex-start}.routeheading{display:block}.routeheading p{margin:10px 0}.routebox{display:block;padding:20px}.divider{height:1px;width:100%;margin:20px 0}.conditions{grid-template-columns:1fr}.condition{padding:19px 22px;position:relative}.cardtop{float:left;display:block;margin-right:18px}.cardicon{margin-top:15px}.condition h3{margin:3px 0 8px;font-size:17px}.condition p{min-height:0;padding-left:58px}.cardbottom{margin-top:15px}.overall{min-width:100px;font-size:9px;margin-top:26px}.sectionhead h2{font-size:22px}.later>button{padding:20px 17px;gap:14px}.later h3{font-size:13px}.advice{margin:28px 22px 0;display:flex;flex-wrap:wrap;padding:20px}.advice>div:nth-child(2){flex:1}.advice .button{margin:0;width:100%}.faq{grid-template-columns:1fr;gap:20px;padding-top:35px;padding-bottom:40px}footer{flex-wrap:wrap;font-size:8px;padding:20px 22px}.readerlayout{grid-template-columns:1fr;gap:16px}#readerNav{display:flex;overflow-x:auto;padding:9px 0;gap:7px}.navlabel{display:none}.navlesson{width:auto;white-space:nowrap;padding:8px 10px;border:1px solid var(--line)}.readerbar{margin:22px 0;font-size:8px}.readertitle{font-size:25px}.articlecopy{padding:19px}.reader-actions{flex-wrap:wrap}.reader-actions .button{width:100%}.reader-actions .back{padding:8px 0}.phase{font-size:7px;gap:8px}.phase small{font-size:8px}.desktop{display:none}}
.condition.completed .stepno:after,.later button.completed .stepno:after{content:' ✓';color:#506f3a}.condition.completed{border-color:#a0b886}.later button.completed{background:#f2f6eb}
.inline-sources{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:13px;font-size:10px;color:#849178;line-height:1.8}.cite-link{font-size:10px;color:#48683a;text-decoration:underline;text-decoration-color:#acbda0;text-underline-offset:3px;padding:2px 0}.cite-link:hover{color:#173a2e}.source-excerpt{margin:20px 0;padding:17px 20px;border-left:3px solid #b6c99c;background:#f0f4e8;border-radius:0 7px 7px 0}.source-excerpt p{font-size:11px;line-height:1.9;color:#617854;margin:9px 0}.source-excerpt small,.related-sources>small{font-size:9px;line-height:1.8;color:#8a977d}.source-kind{font-size:8px;color:#889676;letter-spacing:.4px;line-height:1.8}.related-sources{margin:23px 0}.related-sources h3{font-size:12px;font-weight:600}.source-row{display:flex;gap:12px;padding:13px 0;border-top:1px solid var(--line)}.source-row:hover b,.resource-item:hover b{text-decoration:underline;text-underline-offset:4px}.source-num{width:21px;height:21px;border-radius:5px;display:grid;place-items:center;background:#e9efdf;font-size:9px;flex-shrink:0;margin-top:3px}.source-row b,.resource-item b{display:block;font-size:11px;font-weight:500;margin-top:4px;color:#476438}.source-row p,.resource-item p{font-size:10px;line-height:1.8;color:#829075;margin:5px 0 0}.resources{padding-top:42px}.resources-intro{font-size:11px;color:#849078;margin:5px 0 19px}.resource-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.resource-item{display:block;border:1px solid var(--line);background:#fcfdf8;padding:17px 20px;border-radius:9px}.resource-item:hover{border-color:#aabd94}@media(max-width:700px){.resource-grid{grid-template-columns:1fr}.resources{padding-top:32px}}
/* Motion system */
:root{--motion-ease:cubic-bezier(.2,.8,.2,1)}.scroll-line{position:fixed;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,#92b36a,#d6ed91,#4d8168);transform:scaleX(0);transform-origin:left;z-index:100;pointer-events:none;box-shadow:0 0 10px #b8d69570}.hero{position:relative;isolation:isolate}.hero:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#abd1a208 1px,transparent 1px),linear-gradient(90deg,#abd1a208 1px,transparent 1px),radial-gradient(ellipse at 85% 25%,#9fbd7740,transparent 50%);background-size:42px 42px,42px 42px,100% 100%;mask-image:linear-gradient(90deg,transparent 20%,black)}.hero:after{content:'';position:absolute;top:-80%;left:45%;width:35%;height:260%;background:linear-gradient(90deg,transparent,#d8ecab06,transparent);transform:rotate(20deg);pointer-events:none;z-index:-1;animation:ambient-scan 14s ease-in-out infinite}.herocopy{animation:hero-enter .7s var(--motion-ease) both}.heroart{animation:hero-enter .85s .1s var(--motion-ease) both}.live-window{animation:studio-float 7s ease-in-out infinite;will-change:transform}.floatnote{animation:note-float 7s 1s ease-in-out infinite}.wave span{animation:voice-wave 1.5s ease-in-out infinite;transform-origin:center}.wave span:nth-child(2n){animation-delay:.2s}.wave span:nth-child(3n){animation-delay:.45s}.livebadge b,.statusdot{box-shadow:0 0 0 0 #d6ec9f50;animation:signal-pulse 3s ease-out infinite}.halo{animation:halo-breathe 7s ease-in-out infinite}.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s var(--motion-ease) var(--reveal-delay,0ms),transform .65s var(--motion-ease) var(--reveal-delay,0ms),border-color .2s,box-shadow .3s}.reveal.revealed{opacity:1;transform:translateY(0)}.condition,.resource-item,.later>button,.source-row{position:relative;isolation:isolate;overflow:hidden;transition:transform .3s var(--motion-ease),border-color .25s,box-shadow .3s,background .25s}.condition:before,.resource-item:before,.later>button:before,.source-row:before{content:'';position:absolute;inset:0;background:radial-gradient(220px circle at var(--px,50%) var(--py,50%),#b9d59030,transparent 75%);opacity:0;transition:opacity .3s;z-index:-1;pointer-events:none}.condition:hover:before,.resource-item:hover:before,.later>button:hover:before,.source-row:hover:before{opacity:1}.condition.revealed:hover,.resource-item.revealed:hover{transform:perspective(900px) translateY(-4px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));box-shadow:0 10px 25px #263b2010}.cardicon{transition:transform .35s var(--motion-ease),background .3s,box-shadow .3s}.condition:hover .cardicon{transform:translateY(-2px);background:#e4efcf;box-shadow:0 0 0 5px #cdddaf30}.cardbottom b,.arrow,.external span{display:inline-block;transition:transform .3s var(--motion-ease)}.condition:hover .cardbottom b,.later>button:hover .arrow,.external:hover span{transform:translate(2px,-2px)}.button,.options button,.navlesson{position:relative;overflow:hidden;transition:transform .25s var(--motion-ease),box-shadow .25s,background .25s,color .2s,border-color .2s}.button:hover{box-shadow:0 5px 18px #33502320}.button:active,.options button:active{transform:scale(.98)}.options button:hover{border-color:#7b9564;transform:translateY(-1px)}.options button.active{box-shadow:inset 0 0 0 1px #668253,0 0 0 3px #acc69318}.navlesson:hover{transform:translateX(3px)}.check{transition:color .2s,background .25s}.check:has(input:checked){color:#395a2c}.bar span{transition:width .7s var(--motion-ease);background:linear-gradient(90deg,#476b40,#92b46c)}.resultbox{position:relative;overflow:hidden}.resultbox:before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(#91b561,#d3e69e)}.button.lime:hover{box-shadow:0 0 0 5px #d9ec9b12,0 8px 25px #091b2260}.click-wave{position:absolute;width:10px;height:10px;border-radius:50%;background:#c7e89365;pointer-events:none;transform:translate(-50%,-50%);animation:click-ripple .6s ease-out forwards}dialog[open]{animation:dialog-enter .3s var(--motion-ease)}dialog[open]::backdrop{animation:backdrop-enter .25s ease-out}#toast{animation:toast-enter .3s var(--motion-ease)}::view-transition-old(root){animation:page-out .18s ease-in both}::view-transition-new(root){animation:page-in .38s var(--motion-ease) both}html[data-motion='back']::view-transition-new(root){animation-name:page-back}::view-transition-group(root){animation-duration:.38s}
@keyframes hero-enter{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes studio-float{0%,100%{transform:translateY(0) rotate(3deg)}50%{transform:translateY(-7px) rotate(2deg)}}@keyframes note-float{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(4px) rotate(-2deg)}}@keyframes voice-wave{0%,100%{transform:scaleY(.55)}50%{transform:scaleY(1)}}@keyframes signal-pulse{0%{box-shadow:0 0 0 0 #d6ec9f40}75%,100%{box-shadow:0 0 0 6px #d6ec9f00}}@keyframes halo-breathe{0%,100%{opacity:.7;transform:scale(.98)}50%{opacity:1;transform:scale(1.05)}}@keyframes ambient-scan{0%,100%{translate:-80px 0;opacity:.3}50%{translate:100px 0;opacity:.7}}@keyframes click-ripple{to{transform:translate(-50%,-50%) scale(35);opacity:0}}@keyframes dialog-enter{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes backdrop-enter{from{opacity:0}to{opacity:1}}@keyframes toast-enter{from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}@keyframes page-out{to{opacity:0;transform:translateY(-5px)}}@keyframes page-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes page-back{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
@media(hover:none){.condition.revealed:hover,.resource-item.revealed:hover{transform:none;box-shadow:none}.button:hover{transform:none}.heroart{animation-duration:.6s}.live-window,.floatnote{animation:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.condition.revealed:hover,.resource-item.revealed:hover,.navlesson:hover{transform:none}.live-window{transform:rotate(3deg)}.floatnote{transform:rotate(-3deg)}::view-transition-old(root),::view-transition-new(root){animation:none!important}.click-wave{display:none}}
.condition.reveal,.resource-item.reveal,.later>button.reveal{transition:opacity .65s var(--motion-ease) var(--reveal-delay,0ms),transform .45s var(--motion-ease),border-color .25s,box-shadow .3s,background .25s}