:root{--orange: #f15a24;--ember: #c2410c;--peach: #fde7da;--white: #ffffff;--fog: #f5f5f6;--mist: #d8dadd;--steel: #8f9298;--slate: #55585e;--ink: #2b2d31;--dur-instant: 90ms;--dur-quick: .16s;--dur-move: .24s;--dur-settle: .4s;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-move: cubic-bezier(.65, 0, .35, 1)}*{box-sizing:border-box;margin:0}html,body,#root{min-height:100%}body{background:var(--fog);color:var(--ink);font:15px/1.55 Inter,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.player{min-height:100dvh;display:flex;flex-direction:column}.top{display:flex;align-items:center;gap:10px;padding:14px 22px;background:var(--white);border-bottom:1px solid var(--mist)}.node{width:12px;height:12px;border-radius:50%;background:var(--orange);flex:0 0 12px}.top b{font-family:Space Grotesk,Inter,sans-serif;font-size:15px;font-weight:600}.top-sub{color:var(--slate);font-size:13px}.body{flex:1;width:100%;max-width:980px;margin:0 auto;padding:26px 18px 60px}.body.with-rail{display:grid;grid-template-columns:240px minmax(0,1fr);gap:18px;align-items:start}@media(max-width:760px){.body.with-rail{grid-template-columns:1fr}}.rail{background:var(--white);border:1px solid var(--mist);border-radius:13px;padding:14px;position:sticky;top:18px}@media(max-width:760px){.rail{position:static}}.rail-head{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--steel);margin:12px 0 6px}.rail-head:first-child{margin-top:0}.rail-item{display:flex;align-items:center;gap:9px;padding:6px 4px;color:var(--slate);font-size:13.5px}.rail-item.on{color:var(--ink);font-weight:600}.rail-item .dot{width:16px;height:16px;border-radius:50%;border:1.5px solid var(--mist);flex:0 0 16px;display:flex;align-items:center;justify-content:center;transition:background-color var(--dur-quick) var(--ease-out),border-color var(--dur-quick) var(--ease-out)}.rail-item.on .dot{border-color:var(--orange)}.rail-item.done .dot{background:var(--orange);border-color:var(--orange)}.rail-item .dot svg{width:10px;height:10px;stroke:var(--white);stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round}.rail-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card{background:var(--white);border:1px solid var(--mist);border-radius:13px;padding:22px 24px;margin-bottom:14px;box-shadow:0 1px 3px #2b2d3112}.card h2{font-family:Space Grotesk,Inter,sans-serif;font-size:20px;font-weight:600;margin-bottom:10px;letter-spacing:-.01em}.card h3{font-family:Space Grotesk,Inter,sans-serif;font-size:15.5px;font-weight:600;margin:16px 0 6px}.card p{margin-bottom:10px}.card p:last-child{margin-bottom:0}.training-home h1{font-family:Space Grotesk,Inter,sans-serif;font-size:24px;line-height:1.3;margin-bottom:16px}.training-home p{font-size:16px;line-height:1.5;max-width:65ch}.card ul{margin:0 0 10px 20px}.card li{margin-bottom:4px}.card.pass{border-color:var(--orange);box-shadow:inset 3px 0 0 var(--orange),0 1px 3px #2b2d3112}.card.fail{border-color:var(--slate);box-shadow:inset 3px 0 0 var(--slate),0 1px 3px #2b2d3112}.score b{font-family:Space Grotesk,Inter,sans-serif;font-size:18px}.quiet{color:var(--steel);font-size:13.5px}.btn{display:inline-block;border-radius:9px;padding:9px 16px;font:600 13.5px Inter,sans-serif;cursor:pointer;text-decoration:none;border:1px solid var(--mist);background:var(--white);color:var(--ink);transition:transform var(--dur-instant) var(--ease-out),box-shadow var(--dur-instant) var(--ease-out),opacity var(--dur-instant) var(--ease-out)}.btn.primary{background:var(--orange);border-color:var(--orange);color:var(--white)}.btn:disabled{opacity:.45;cursor:default}.btn:not(:disabled):active{transform:scale(.98)}.lesson-body{margin-top:6px}.lesson-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid var(--mist);margin-top:18px;padding-top:14px;flex-wrap:wrap}.floor{font-family:JetBrains Mono,ui-monospace,Menlo,monospace;font-size:12.5px;color:var(--slate)}.floor.ready{color:var(--ember);font-weight:600}.floor-why{margin-top:10px}.video{border-radius:10px;overflow:hidden;border:1px solid var(--mist);background:var(--ink);margin:6px 0 12px}.video video{display:block;width:100%;cursor:pointer}.video-bar{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--ink)}.video-btn{border:0;background:none;cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center}.video-btn svg{width:18px;height:18px;stroke:var(--white);stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}.video-track{flex:1;height:6px;border-radius:999px;background:var(--slate);cursor:pointer;overflow:hidden}.video-track i{display:block;height:100%;background:var(--orange)}.video-time{font-family:JetBrains Mono,ui-monospace,Menlo,monospace;font-size:11.5px;color:var(--mist)}.q-count{font-family:JetBrains Mono,ui-monospace,Menlo,monospace;font-size:12px;color:var(--steel);margin-bottom:8px}.options{display:flex;flex-direction:column;gap:8px;margin:14px 0 4px}.option{display:flex;align-items:flex-start;gap:11px;text-align:left;border:1px solid var(--mist);border-radius:10px;background:var(--white);padding:12px 14px;font:14px/1.5 Inter,sans-serif;color:var(--ink);cursor:pointer;transition:border-color var(--dur-quick) var(--ease-out),background-color var(--dur-quick) var(--ease-out)}.option:hover{border-color:var(--steel)}.option.picked{border-color:var(--orange);background:var(--peach)}.option-dot{width:16px;height:16px;border-radius:50%;border:1.5px solid var(--mist);flex:0 0 16px;margin-top:2px;transition:border-color var(--dur-quick) var(--ease-out),box-shadow var(--dur-quick) var(--ease-out)}.option.picked .option-dot{border-color:var(--orange);box-shadow:inset 0 0 0 4px var(--orange)}@media(prefers-reduced-motion:no-preference){.card,.rail{animation:arrive var(--dur-move) var(--ease-out) backwards}.card:nth-child(2){animation-delay:40ms}.card:nth-child(3){animation-delay:80ms}@keyframes arrive{0%{opacity:0;transform:translateY(8px)}}}.co-season-scene{position:fixed;top:0;right:0;bottom:0;left:0;z-index:35;pointer-events:none;overflow:hidden;color:var(--co-orange,#F15A24);contain:strict}.co-season-scene svg{display:block}.co-season-control{position:fixed;left:16px;bottom:12px;z-index:45;display:flex;align-items:center;gap:9px;padding:7px 10px;border:1px solid var(--co-border,#D8DADD);border-radius:20px;background:var(--co-surface,#FFFFFF);color:var(--co-text,#2B2D31);font:12px Inter,Arial,sans-serif;box-shadow:0 1px 2px #2b2d310f}.co-season-control button{display:flex;align-items:center;gap:5px;border:0;background:transparent;color:inherit;cursor:pointer;font:inherit;padding:4px}.co-season-control button:focus-visible,.co-season-catch:focus-visible{outline:2px solid var(--co-orange,#F15A24);outline-offset:4px}.co-season-reduced{font-size:10px}.co-season-web{position:absolute;width:150px;left:0;top:64px;opacity:.3}.co-season-web.flipped{left:auto;right:0;transform:scaleX(-1)}.co-season-fog{position:absolute;inset:auto -15% 0;height:100px;background:radial-gradient(ellipse at bottom,rgba(143,146,152,.18),transparent 65%)}.co-season-eyes{position:absolute;right:6%;top:92px;display:flex;gap:13px;opacity:0}.co-season-eyes i{width:10px;height:5px;border-radius:80% 0;background:var(--co-orange,#F15A24);transform:rotate(-12deg)}.co-season-eyes i+i{transform:scaleX(-1) rotate(-12deg)}.co-season-ghost{position:absolute;right:25px;bottom:65px;width:100px;opacity:0;transform:translateY(145px) rotate(-8deg);transition:transform .4s,opacity .4s;fill:var(--co-graphite,#2B2D31)}.co-season-ghost.is-here{transform:translateY(0) rotate(-8deg);opacity:1}.co-season-catch{position:fixed;right:20px;bottom:64px;z-index:36;display:flex;align-items:center;gap:7px;width:158px;height:38px;border:1px dashed var(--co-accent-on,#C2410C);border-radius:10px;background:var(--co-surface,#FFFFFF);color:var(--co-accent-on,#C2410C);font:12px Inter,Arial,sans-serif;cursor:pointer}.co-season-sleigh{position:absolute;top:70px;left:-520px;width:min(450px,80vw);color:var(--co-accent-on,#C2410C);opacity:.85}.co-season-snow i,.co-season-confetti i{position:absolute;left:var(--x);top:-12px;border-radius:50%;width:var(--size,4px);height:var(--size,4px);background:var(--co-steel,#8F9298);opacity:.35}.co-season-frost{position:absolute;top:0;right:0;bottom:0;left:0;border-top:3px dotted var(--co-mist,#D8DADD)}.co-season-firework{position:absolute;width:150px;top:85px;left:8%;opacity:0}.co-season-firework.burst-1{left:74%;top:120px;color:var(--co-steel,#8F9298)}.co-season-firework.burst-2{left:46%;top:70px;width:120px}.co-season-confetti i{width:4px;height:9px;border-radius:0;background:var(--co-orange,#F15A24)}.co-season-confetti i:nth-child(2n){background:var(--co-steel,#8F9298)}.co-season-scene.is-still .co-season-sleigh{left:auto;right:20px;width:150px;opacity:.2}.co-season-scene.is-still .co-season-firework{opacity:.15}.co-season-scene.is-still .co-season-ghost{transition:none}@media(prefers-reduced-motion:no-preference){.is-moving .co-season-fog{animation:co-season-fog 17s ease-in-out infinite alternate}.is-moving .co-season-eyes{animation:co-season-eyes 21s linear infinite}.is-moving .co-season-sleigh{animation:co-season-flight 65s linear infinite}.is-moving .co-season-snow i{animation:co-season-snow 24s linear infinite;animation-delay:var(--delay)}.is-moving .co-season-firework{animation:co-season-burst 16s ease-out infinite}.is-moving .burst-1{animation-delay:5s}.is-moving .burst-2{animation-delay:10s}.is-moving .co-season-confetti i{animation:co-season-confetti 17s linear infinite;animation-delay:var(--delay)}}@keyframes co-season-fog{to{transform:translate(12%)}}@keyframes co-season-eyes{0%,65%,85%,to{opacity:0}70%,80%{opacity:.9}}@keyframes co-season-flight{0%{transform:translate(0)}30%,to{transform:translate(calc(100vw + 550px))}}@keyframes co-season-snow{to{transform:translate(var(--drift),105vh)}}@keyframes co-season-burst{0%,5%,40%,to{opacity:0;transform:scale(.2)}12%{opacity:.7;transform:scale(.6)}30%{opacity:0;transform:scale(1.3)}}@keyframes co-season-confetti{0%,30%{transform:translateY(-20px) rotate(0);opacity:0}35%{opacity:.5}65%,to{transform:translateY(100vh) rotate(240deg);opacity:0}}@media(prefers-reduced-motion:reduce){.co-season-scene *{animation:none!important;transition:none!important}}@media(max-width:600px){.co-season-web{width:85px}.co-season-control{left:8px;bottom:8px;font-size:11px}.co-season-firework{width:95px}.co-season-firework.burst-1{left:65%}.co-season-catch{bottom:55px}}@media print{.co-season-scene,.co-season-control,.co-season-catch{display:none!important}}