.overlay--live{z-index:60;--ease: cubic-bezier(.2, .7, .2, 1);--ease-out: cubic-bezier(.16, 1, .3, 1) }.live-scroll{position:relative}.live-wait{padding:12vh 24px;text-align:center;color:var(--muted);font:500 14px var(--mono)}@keyframes live-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes live-fade{0%{opacity:0}to{opacity:1}}@keyframes live-blur-in{0%{opacity:0;filter:blur(8px);transform:translateY(10px)}to{opacity:1;filter:none;transform:none}}.live-top{gap:16px;flex-wrap:wrap}.live-title{display:flex;flex-direction:column;gap:2px;min-width:0}.live-title-class{font:600 11px var(--mono);color:var(--muted);letter-spacing:.06em;white-space:nowrap}.live-rec{color:var(--red);animation:blink 1.6s steps(1) infinite}.live-title-lesson{font-weight:650;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-steps{flex:1;display:flex;justify-content:center;gap:6px;min-width:0}.live-step{display:flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border-radius:999px;border:1px solid var(--line-3);color:var(--dim);font:500 12px var(--mono);transition:all .35s var(--ease)}.live-step-n{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#16181a;font-size:11px}.live-step.is-on{border-color:#5a2a2f;color:var(--text);background:linear-gradient(180deg,#2a1416,#170b0c)}.live-step.is-on .live-step-n{background:var(--red);color:#1c0507}.live-step.is-done{color:var(--green)}.live-step.is-done .live-step-n{background:#4fd69c24}.live-conn{display:flex;align-items:center;gap:7px;font:500 11.5px var(--mono);color:var(--muted)}.live-conn-dot{width:8px;height:8px;border-radius:50%;background:var(--yellow)}.live-conn.is-open .live-conn-dot{background:var(--green);box-shadow:0 0 0 3px #4fd69c26}.live-conn.is-open .live-conn-label{display:none}.live-conn.is-lost .live-conn-dot{background:var(--red);animation:blink 1s steps(1) infinite}.live-conn.is-wait .live-conn-dot{animation:blink 1s steps(1) infinite}.live-online,.live-hands{padding:6px 10px;border-radius:999px;border:1px solid var(--line-4);font:600 12px var(--mono);color:var(--soft)}.live-hands{border-color:#3a3020;color:var(--yellow);animation:live-up .3s var(--ease)}.live-hand{display:flex;align-items:center;gap:8px;height:38px;padding:0 14px;border-radius:11px;cursor:pointer;border:1px solid var(--line-4);background:var(--key-fill);font:600 12.5px var(--mono);color:var(--body);transition:all .25s}.live-hand.is-on{border-color:#6a5326;color:var(--yellow);background:linear-gradient(180deg,#2a2312,#16120a);animation:live-hand-wave 1.8s ease-in-out infinite}@keyframes live-hand-wave{0%,to{box-shadow:0 0 #ffc65c00}50%{box-shadow:0 0 0 5px #ffc65c1f}}.live-foot-inner{max-width:1280px;margin:0 auto;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.live-foot-space{flex:1}.live-dots{display:flex;gap:5px;align-items:center}.live-dot{width:7px;height:7px;border-radius:4px;background:#1d2022;transition:all .4s var(--ease)}.live-dot.is-done{background:#5a2a2f}.live-dot.is-on{width:26px;background:var(--red)}.live-nav{width:46px;height:46px;border-radius:12px;cursor:pointer;border:1px solid var(--line-5);background:var(--key-fill);color:var(--text);font:600 18px var(--mono);transition:border-color .2s,opacity .2s}.live-nav:hover{border-color:#5a2a2f}.live-nav.is-off{opacity:.3;pointer-events:none}.live-pos{min-width:56px;text-align:center;font:600 13px var(--mono);color:var(--muted)}.live-finish{height:46px;padding:0 14px;border-radius:11px;cursor:pointer;background:transparent;border:1px solid var(--line-4);color:var(--muted);font:500 12.5px var(--mono);transition:all .2s}.live-finish.is-confirm{border-color:var(--red);color:var(--red);background:#fc646414}.live-react{display:flex;gap:6px}.live-react-btn{width:44px;height:40px;border-radius:11px;cursor:pointer;font-size:19px;border:1px solid var(--line-4);background:var(--key-fill);transition:transform .2s var(--ease),border-color .2s}.live-react-btn:hover{transform:translateY(-2px);border-color:var(--line-5)}.live-react-btn.is-sent{border-color:#5a2a2f;animation:live-react-sent .5s var(--ease-out)}@keyframes live-react-sent{0%{transform:scale(1)}40%{transform:scale(1.18) translateY(-4px)}to{transform:none}}.live-floats{position:fixed;inset:0;pointer-events:none;z-index:61;overflow:hidden}.live-float{position:absolute;left:var(--x);bottom:90px;display:flex;align-items:center;gap:8px;padding:6px 12px 6px 8px;border-radius:999px;background:#121314eb;border:1px solid var(--line-5);animation:live-float 3.4s var(--ease-out) forwards}.live-float-emoji{font-size:22px}.live-float-name{font:500 12px var(--mono);color:var(--soft)}@keyframes live-float{0%{opacity:0;transform:translateY(20px) scale(.9)}12%{opacity:1;transform:translateY(0) scale(1)}70%{opacity:1}to{opacity:0;transform:translateY(-240px) translate(16px)}}.live-theory{max-width:1280px;margin:0 auto;padding:var(--lesson-body-pad);display:grid;grid-template-columns:minmax(0,1fr);gap:28px;align-items:start}.live-theory:has(>.live-aside){grid-template-columns:minmax(0,1fr) 300px}.live-stage{min-width:0}.slide{display:flex;flex-direction:column;gap:28px;animation:slide-in .6s var(--ease) both}.live-stage[data-dir=back] .slide{animation-name:slide-in-back}@keyframes slide-in{0%{opacity:0;transform:translate(34px);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}@keyframes slide-in-back{0%{opacity:0;transform:translate(-34px);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}.slide-head{display:flex;flex-direction:column;gap:12px;max-width:860px}.slide-title{margin:0;font-size:clamp(30px,4vw,46px);line-height:1.05;letter-spacing:-.035em;font-weight:700;animation:slide-title .7s var(--ease) both}@keyframes slide-title{0%{opacity:0;clip-path:inset(0 0 100% 0);transform:translateY(18px)}to{opacity:1;clip-path:inset(0 0 -10% 0);transform:none}}.slide-text{margin:0;font-size:18px;line-height:1.6;color:#c9ccd0;text-wrap:pretty;animation:live-up .6s var(--ease) both;animation-delay:calc(.25s + var(--i) * .12s)}.sc-file{border:1px solid var(--line-3);border-radius:14px;background:var(--panel);overflow:hidden;animation:live-up .6s var(--ease) .3s both}.sc-bar{display:flex;align-items:center;gap:6px;padding:9px 12px;background:#121314;border-bottom:1px solid var(--line-3);font:500 11px var(--mono);color:var(--dim)}.sc-bar-dot{width:9px;height:9px;border-radius:50%;background:#2b2e31}.sc-bar-name{margin-left:6px}.sc-bar-url{margin-left:10px;flex:1;padding:3px 10px;border-radius:6px;background:#0b0c0d;color:var(--muted)}.sc-file-body{padding:14px 0;font:15px/27px var(--mono)}.sc-line{display:flex;padding:0 16px;animation:sc-type .55s steps(18,end) both;animation-delay:calc(.6s + var(--i) * var(--step, .5s))}.sc-line.is-hl{border-radius:6px;animation:sc-type .55s steps(18,end) both,sc-hl 2.8s ease-in-out infinite;animation-delay:calc(.6s + var(--i) * var(--step, .5s)),var(--after, 2.4s)}@keyframes sc-hl{0%,to{background:transparent}50%{background:#fc646424}}.sc-file-body--still .sc-line{animation:none}.sc-file-body--still .sc-line.is-hl{background:#fc64641f}.sc-line-n{width:26px;flex:none;color:var(--ghost);user-select:none}.sc-line-t{white-space:pre}@keyframes sc-type{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}.sc-title{position:relative;overflow:hidden;min-height:min(62vh,560px);border-radius:26px;border:1px solid var(--line-3);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center;padding:40px 24px;background:radial-gradient(60% 70% at 50% 40%,rgba(252,100,100,.1),transparent 70%),radial-gradient(40% 50% at 80% 90%,rgba(255,198,92,.07),transparent 70%),#08090a}.sc-title-grid{position:absolute;inset:-44px;pointer-events:none;background-image:linear-gradient(var(--line-2) 1px,transparent 1px),linear-gradient(90deg,var(--line-2) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(ellipse at center,#000 20%,transparent 70%);mask-image:radial-gradient(ellipse at center,#000 20%,transparent 70%);animation:sc-grid 24s linear infinite,live-fade 1.2s ease both}@keyframes sc-grid{to{transform:translate(44px,44px)}}.sc-title-chips{position:absolute;inset:0;pointer-events:none}.sc-chip{position:absolute;padding:6px 11px;border-radius:9px;border:1px solid var(--line-4);background:#0c0d0ecc;font:500 13px var(--mono);color:var(--dim);white-space:nowrap;animation:sc-chip-in 1s var(--ease-out) both,sc-drift 9s ease-in-out infinite alternate}.sc-chip--1{left:5%;top:12%;color:#ff9a9a;animation-delay:.9s,1.9s}.sc-chip--2{right:5%;top:20%;color:var(--yellow);animation-delay:1.1s,0s}.sc-chip--3{left:6%;bottom:7%;animation-delay:1.3s,3s}.sc-chip--4{right:6%;bottom:9%;color:var(--blue);animation-delay:1.5s,1s}.sc-chip--5{left:46%;top:7%;animation-delay:1.7s,2.2s}@keyframes sc-chip-in{0%{opacity:0;transform:scale(.85) translateY(10px)}to{opacity:.9;transform:none}}@keyframes sc-drift{0%{translate:0 0}to{translate:10px -14px}}.sc-title-kicker{position:relative;font:600 12px var(--mono);letter-spacing:.3em;text-transform:uppercase;color:var(--red);animation:live-fade .8s ease .2s both}.sc-title-mark{position:relative;margin:0;display:flex;align-items:baseline;gap:.25em;font-size:clamp(64px,11vw,132px);font-weight:800;letter-spacing:-.06em;line-height:.95}.sc-title-mark{flex-wrap:wrap;justify-content:center}.sc-title-mark.is-long{font-size:clamp(48px,8vw,104px)}.sc-title-mark.is-xlong{font-size:clamp(36px,6vw,78px);letter-spacing:-.045em}.sc-title-word{display:inline-block;animation:live-blur-in 1s var(--ease-out) both;animation-delay:calc(.35s + var(--i) * .18s)}.sc-title-word.is-accent{background:linear-gradient(100deg,#ff7d7d,#ffc65c 60%,#ff7d7d);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:live-blur-in 1s var(--ease-out) both,sc-sheen 6s ease-in-out infinite;animation-delay:calc(.35s + var(--i) * .18s),2s}@keyframes sc-sheen{0%,to{background-position:0% 0}50%{background-position:100% 0}}.sc-title-word.is-sep{color:var(--faint);font-weight:400;animation:sc-plus .8s var(--ease-out) both;animation-delay:calc(.35s + var(--i) * .18s)}@keyframes sc-plus{0%{opacity:0;transform:rotate(-90deg) scale(.4)}to{opacity:1;transform:none}}.sc-title-mark:after{content:"";position:absolute;left:4%;right:4%;bottom:-14px;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,var(--red),transparent);transform-origin:center;animation:sc-line 1.1s var(--ease) 1.1s both}@keyframes sc-line{0%{transform:scaleX(0);opacity:0}to{transform:none;opacity:1}}.sc-title-name{position:relative;max-width:620px;margin-top:14px;font-size:18px;color:var(--body);animation:live-up .8s var(--ease) 1.4s both}.sc-browser{display:grid;grid-template-columns:minmax(0,1fr) 70px minmax(0,1fr);align-items:center;gap:0}.sc-window{border:1px solid var(--line-3);border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 30px 70px #00000073;animation:live-up .6s var(--ease) .45s both}.sc-window-body{min-height:200px;padding:22px 24px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;color:#1b1b1f;font-family:system-ui,sans-serif}.sc-r{border-radius:6px;animation:live-blur-in .55s var(--ease-out) both,sc-pair 6s ease-in-out infinite;animation-delay:calc(.95s + var(--i) * .5s),calc(3s + var(--i) * 2s)}.sc-r--h1{font-size:30px;font-weight:800;letter-spacing:-.02em}.sc-r--p{font-size:16px;color:#444}.sc-r--button{padding:9px 18px;border-radius:9px;background:#e5484d;color:#fff;font-weight:600;font-size:15px}.sc-browser .sc-line{border-radius:6px;animation:sc-type .55s steps(18,end) both,sc-pair-code 6s ease-in-out infinite;animation-delay:calc(.6s + var(--i) * .5s),calc(3s + var(--i) * 2s)}@keyframes sc-pair{0%,30%,to{box-shadow:0 0 #e5484d00}6%,26%{box-shadow:0 0 0 4px #e5484d40}}@keyframes sc-pair-code{0%,30%,to{background:transparent}6%,26%{background:#fc64641f}}.sc-beam{position:relative;height:2px;margin:0 8px;background:linear-gradient(90deg,var(--line-4),var(--line-5));animation:live-fade .5s ease .5s both}.sc-beam:after{content:"";position:absolute;right:-2px;top:-4px;border:5px solid transparent;border-left-color:var(--line-5);border-right:0}.sc-beam-dot{position:absolute;top:-3px;left:0;width:8px;height:8px;border-radius:50%;background:var(--red);box-shadow:0 0 12px var(--red);animation:sc-beam 2s var(--ease) 1s infinite}@keyframes sc-beam{0%{left:0;opacity:0}15%{opacity:1}85%{opacity:1}to{left:calc(100% - 8px);opacity:0}}.sc-tags{display:flex;flex-direction:column;align-items:center;gap:26px;padding:34px 12px 10px}.sc-tags-row{display:flex;align-items:flex-start;gap:6px;font:600 clamp(36px,6vw,68px) var(--mono);letter-spacing:-.03em}.sc-piece{display:flex;flex-direction:column;align-items:center;gap:16px}.sc-tag{color:#ff9a9a}.sc-tag-content{color:var(--text);font-family:var(--sans);font-weight:600;letter-spacing:-.02em}.sc-piece--open{animation:sc-from-left .9s var(--ease-out) .5s both}.sc-piece--close{animation:sc-from-right .9s var(--ease-out) .5s both}.sc-piece--content{animation:live-blur-in .7s var(--ease-out) 1.1s both}@keyframes sc-from-left{0%{opacity:0;transform:translate(-90px)}to{opacity:1;transform:none}}@keyframes sc-from-right{0%{opacity:0;transform:translate(90px)}to{opacity:1;transform:none}}.sc-slash{display:inline-block;color:var(--yellow);animation:sc-slash 2.6s ease-in-out 2.6s infinite}@keyframes sc-slash{0%,60%,to{text-shadow:none;transform:none}20%{text-shadow:0 0 22px rgba(255,198,92,.8);transform:translateY(-4px)}}.sc-piece-label{position:relative;padding-top:14px;font:500 13px var(--sans);letter-spacing:0;color:var(--body);white-space:nowrap;animation:live-up .5s var(--ease) both}.sc-piece-label:before{content:"";position:absolute;top:0;left:50%;width:1px;height:10px;background:var(--line-5)}.sc-piece--open .sc-piece-label{animation-delay:1.6s}.sc-piece--content .sc-piece-label{animation-delay:1.85s}.sc-piece--close .sc-piece-label{animation-delay:2.1s;color:var(--yellow)}.sc-tags-bracket{width:min(100%,640px);display:flex;flex-direction:column;align-items:center;gap:10px}.sc-tags-bracket-line{width:100%;height:12px;border:2px solid var(--red);border-top:0;border-radius:0 0 10px 10px;opacity:.7;transform-origin:center;animation:sc-line .8s var(--ease) 2.5s both}.sc-tags-bracket-label{font:600 12px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--red);animation:live-up .5s var(--ease) 2.9s both}.sc-els{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.sc-el{display:flex;flex-direction:column;gap:6px;padding:16px;border-radius:16px;border:1px solid var(--line-3);background:var(--panel);animation:live-up .55s var(--ease) both;animation-delay:calc(.45s + var(--i) * .09s);transition:border-color .25s,transform .25s}.sc-el:hover{border-color:var(--line-5);transform:translateY(-2px)}.sc-el-tag{font:700 20px var(--mono);color:#ff9a9a}.sc-el-name{color:var(--body);font-size:14px}.sc-el-demo{margin-top:8px;min-height:58px;padding:12px 14px;border-radius:10px;background:#f7f7f5;color:#1b1b1f;display:flex;align-items:center;font-family:system-ui,sans-serif;font-size:14px;animation:live-fade .5s ease both;animation-delay:calc(.85s + var(--i) * .09s)}.sc-el-demo--h1{font-size:21px;font-weight:800;letter-spacing:-.02em}.sc-el-demo--p{color:#555}.sc-el-demo--a{color:#d6363c;text-decoration:underline;text-underline-offset:3px}.sc-el-demo--img{justify-content:center;font-size:28px;background:linear-gradient(135deg,#ffe7cc,#ffd0d2)}.sc-el-demo--button{justify-content:center;align-self:center;min-height:0;margin-top:18px;padding:11px 26px;border-radius:9px;background:#e5484d;color:#fff;font-weight:600}.sc-el-demo--div{border:1.5px dashed #9aa0a6;background:transparent;color:var(--muted);font:500 12px var(--mono)}.sc-nest{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px;align-items:center}.sc-file--compact .sc-file-body{font-size:16px;line-height:30px}.sc-nest-boxes{padding:10px}.sc-box{position:relative;border-radius:12px}.sc-box-label{position:absolute;top:-10px;left:12px;padding:1px 7px;border-radius:5px;font:600 11px var(--mono);background:var(--bg);color:var(--box-c)}.sc-box--outer{--box-c: var(--blue);display:flex;flex-direction:column;gap:14px;padding:26px 20px 20px;border:1.5px solid var(--box-c);background:#6cc7ff0d;animation:sc-draw 1s var(--ease) .7s both}@keyframes sc-draw{0%{clip-path:inset(0 100% 100% 0 round 12px);opacity:.2}to{clip-path:inset(-12px -12px -12px -12px round 12px);opacity:1}}.sc-box--inner{padding:18px 16px 14px;border:1.5px solid var(--box-c);background:#ffffff05;animation:sc-drop .7s var(--ease-out) both;animation-delay:calc(1.6s + var(--i) * .45s)}.sc-box--h1{--box-c: var(--red) }.sc-box--h1 .sc-box-text{font-size:26px;font-weight:800;letter-spacing:-.02em}.sc-box--p{--box-c: var(--yellow) }.sc-box--p .sc-box-text{color:var(--body)}@keyframes sc-drop{0%{opacity:0;transform:translateY(-22px) scale(.97)}to{opacity:1;transform:none}}.sc-restyle{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:28px;align-items:center}.sc-line--lit{animation:sc-type .55s steps(18,end) both,sc-lit 8s ease-in-out infinite;animation-delay:calc(.6s + var(--i) * .5s),2s}@keyframes sc-lit{0%,38%,96%,to{opacity:.45;background:transparent}48%,88%{opacity:1;background:#ffc65c12}}.sc-restyle-stage{position:relative;min-height:300px;border-radius:16px;background:#fbfbf9;border:1px solid var(--line-3);display:flex;align-items:center;justify-content:center;padding:50px 24px 30px;animation:live-up .6s var(--ease) .4s both}.sc-restyle-switch{position:absolute;top:14px;left:50%;transform:translate(-50%);display:flex;padding:3px;border-radius:999px;background:#ececea;font:600 11.5px var(--mono);color:#8a8d90}.sc-restyle-switch span{position:relative;z-index:1;padding:5px 12px}.sc-restyle-switch:before{content:"";position:absolute;top:3px;bottom:3px;left:3px;width:calc(50% - 3px);border-radius:999px;background:#fff;box-shadow:0 1px 3px #0000001f;animation:sc-knob 8s ease-in-out 2s infinite}.sc-restyle-off{animation:sc-off 8s ease-in-out 2s infinite}.sc-restyle-on{animation:sc-on 8s ease-in-out 2s infinite}@keyframes sc-knob{0%,40%,96%,to{transform:none}46%,90%{transform:translate(100%)}}@keyframes sc-off{0%,40%,96%,to{color:#1b1b1f}46%,90%{color:#8a8d90}}@keyframes sc-on{0%,40%,96%,to{color:#8a8d90}46%,90%{color:#d6363c}}.sc-card{width:min(100%,320px);color:#111;font-family:Times New Roman,serif;animation:sc-card 8s ease-in-out 2s infinite}.sc-card-name{font-size:30px;font-weight:700}.sc-card-text{font-size:16px;margin-top:6px}@keyframes sc-card{0%,40%,96%,to{background:#fff4e600;padding:0;border-radius:0;box-shadow:0 0 #0000;font-family:Times New Roman,serif}48%,88%{background:#fff4e6;padding:24px;border-radius:16px;box-shadow:0 16px 40px #6e3c1424;font-family:system-ui,sans-serif}}.sc-rule{display:flex;flex-direction:column;align-items:center;gap:44px;padding:30px 0 10px}.sc-rule-code{display:flex;align-items:flex-start;flex-wrap:wrap;justify-content:center;font:600 clamp(28px,4.6vw,52px) var(--mono);letter-spacing:-.02em;animation:live-blur-in .7s var(--ease-out) .4s both}.sc-seg{display:inline-flex;flex-direction:column;align-items:center;white-space:pre;color:var(--faint)}.sc-seg-t{position:relative;padding-bottom:8px}.sc-seg.is-part .sc-seg-t:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:2px;background:currentColor;transform:scaleX(0);transform-origin:left;animation:sc-line .6s var(--ease) both;animation-delay:calc(1.2s + var(--i) * .7s)}.sc-seg.is-p0{color:#ff9a9a}.sc-seg.is-p1{color:var(--blue)}.sc-seg.is-p2{color:var(--yellow)}.sc-seg-label{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:12px;white-space:nowrap;animation:live-up .5s var(--ease) both;animation-delay:calc(1.4s + var(--i) * .7s)}.sc-seg-name{font:700 12px var(--mono);letter-spacing:.12em;text-transform:uppercase}.sc-seg-hint{font:500 13px var(--sans);letter-spacing:0;color:var(--body)}.sc-rule-demo{display:flex;align-items:center;gap:16px;padding:18px 26px;border-radius:16px;background:#fbfbf9;animation:live-up .6s var(--ease) 3.2s both}.sc-rule-swatch{width:26px;height:26px;border-radius:50%;background:var(--sw);box-shadow:0 0 0 4px #0000000d;animation:sc-pop .5s var(--ease-out) 3.9s both}.sc-rule-h1{font:800 34px system-ui,sans-serif;letter-spacing:-.02em;color:#111;animation:sc-colorize .8s ease 4s both}@keyframes sc-pop{0%{transform:scale(0)}70%{transform:scale(1.2)}to{transform:none}}@keyframes sc-colorize{0%{color:#111}to{color:var(--sw)}}.sc-boxm{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:32px;align-items:center}.sc-boxm-margin,.sc-boxm-border,.sc-boxm-padding{position:relative}.sc-boxm-margin{padding:30px;border:1.5px dashed rgba(255,159,92,.55);border-radius:14px;background:#ff9f5c0f;animation:sc-margin 1s var(--ease) 2.4s both}.sc-boxm-border{border:6px solid #d9b45c;border-radius:4px;animation:live-fade .6s ease 1.8s both,sc-radius 1s var(--ease) 3.6s both}.sc-boxm-padding{padding:30px;background:#4fd69c24;border-radius:inherit;animation:sc-pad 1s var(--ease) 1s both,sc-breathe 2.6s ease-in-out 4.8s infinite alternate}.sc-boxm-content{display:grid;place-items:center;min-height:70px;border-radius:6px;background:#6cc7ff38;border:1px solid rgba(108,199,255,.5);font:600 15px var(--sans);color:var(--text);animation:sc-pop .5s var(--ease-out) .5s both}.sc-boxm-tag{position:absolute;top:6px;left:10px;font:600 11px var(--mono);letter-spacing:.06em}.sc-boxm-tag--margin{color:var(--orange, #ff9f5c);animation:live-fade .4s ease 2.8s both}.sc-boxm-tag--border{top:-22px;left:auto;right:0;color:#d9b45c;animation:live-fade .4s ease 2.1s both}.sc-boxm-tag--padding{color:var(--green);animation:live-fade .4s ease 1.5s both}@keyframes sc-pad{0%{padding:0}to{padding:30px}}@keyframes sc-breathe{0%{padding:30px}to{padding:40px}}@keyframes sc-margin{0%{padding:0;border-color:transparent;background:transparent}to{padding:30px}}@keyframes sc-radius{0%{border-radius:4px}to{border-radius:22px}}.sc-boxm-legend{display:flex;flex-direction:column;gap:12px}.sc-boxm-key{display:flex;align-items:center;gap:12px;color:var(--soft);font-size:15px;animation:live-up .5s var(--ease) both}.sc-boxm-key:before{content:"";width:16px;height:16px;flex:none;border-radius:4px;background:var(--key-c)}.sc-boxm-key--content{--key-c: rgba(108, 199, 255, .5);animation-delay:.7s}.sc-boxm-key--padding{--key-c: rgba(79, 214, 156, .5);animation-delay:1.3s}.sc-boxm-key--border{--key-c: #d9b45c;animation-delay:2s}.sc-boxm-key--margin{--key-c: rgba(255, 159, 92, .5);animation-delay:2.7s}.sc-boxm-key--radius{--key-c: transparent;animation-delay:3.7s}.sc-boxm-key--radius:before{border:2px solid #d9b45c;border-radius:8px}.sc-goal{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:center}.sc-goal-frame{min-height:300px;display:grid;place-items:center;padding:30px;border-radius:18px;background:#fbfbf9;border:1px solid var(--line-3);animation:live-up .6s var(--ease) .3s both}.sc-goal-card{width:min(100%,320px);color:#111;font-family:system-ui,sans-serif;animation:sc-g-bg .6s ease 1.9s both,sc-g-pad .6s var(--ease) 2.4s both,sc-g-rad .6s var(--ease) 2.9s both,sc-g-float 5s ease-in-out 4.2s infinite}.sc-goal-name{font-size:30px;font-weight:800;letter-spacing:-.02em;animation:live-blur-in .6s var(--ease-out) .9s both,sc-g-color .6s ease 3.4s both}.sc-goal-text{margin-top:6px;color:#555;animation:live-blur-in .6s var(--ease-out) 1.4s both}@keyframes sc-g-bg{0%{background:#fff4e600}to{background:#fff4e6}}@keyframes sc-g-pad{0%{padding:0}to{padding:26px}}@keyframes sc-g-rad{0%{border-radius:0;box-shadow:none}to{border-radius:18px;box-shadow:0 18px 40px #6e3c1424}}@keyframes sc-g-color{to{color:#e5484d}}@keyframes sc-g-float{50%{transform:translateY(-6px)}}.sc-goal-list{display:flex;flex-direction:column;gap:10px}.sc-goal-check{display:flex;align-items:center;gap:12px;color:var(--soft);font-size:15px;animation:live-up .45s var(--ease) both;animation-delay:calc(.4s + var(--i) * .08s)}.sc-goal-tick{width:22px;height:22px;flex:none;display:grid;place-items:center;border-radius:6px;border:1px solid var(--line-5);font:700 12px var(--mono);color:transparent;animation:sc-tick .4s var(--ease-out) both;animation-delay:calc(.9s + var(--i) * .5s)}@keyframes sc-tick{to{color:#04140c;background:var(--green);border-color:var(--green)}}.sc-frame{display:block;width:100%;height:var(--frame-h, 260px);border:0;background:#fff}.sc-frame--sm{--frame-h: 150px }.sc-demo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:start}.sc-window--live{animation:live-up .6s var(--ease) both;animation-delay:var(--after, .45s)}.sc-vars{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px 22px;align-items:start;--frame-h: 240px }.sc-vars-stack{display:grid}.sc-vars-stack>.sc-var{grid-area:1 / 1;opacity:0;animation-duration:var(--dur);animation-iteration-count:infinite;animation-delay:calc(.8s + var(--k) * 2.8s)}.sc-vars-chips{grid-column:1 / -1;display:flex;gap:8px;flex-wrap:wrap;justify-content:center;align-items:center;animation:live-up .5s var(--ease) .5s both}.sc-vars-label{font:600 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--dim);margin-right:6px}.sc-var-chip{padding:7px 13px;border-radius:999px;border:1px solid var(--line-4);font:600 13px var(--mono);color:var(--muted);animation-duration:var(--dur);animation-iteration-count:infinite;animation-delay:calc(.8s + var(--k) * 2.8s)}.sc-vars--n2{--dur: 5.6s }.sc-vars--n3{--dur: 8.4s }.sc-vars--n4{--dur: 11.2s }.sc-vars--n5{--dur: 14s }.sc-vars--n6{--dur: 16.8s }.sc-vars--n2 .sc-vars-stack>.sc-var{animation-name:sc-var2}.sc-vars--n2 .sc-var-chip{animation-name:sc-chip2}.sc-vars--n3 .sc-vars-stack>.sc-var{animation-name:sc-var3}.sc-vars--n3 .sc-var-chip{animation-name:sc-chip3}.sc-vars--n4 .sc-vars-stack>.sc-var{animation-name:sc-var4}.sc-vars--n4 .sc-var-chip{animation-name:sc-chip4}.sc-vars--n5 .sc-vars-stack>.sc-var{animation-name:sc-var5}.sc-vars--n5 .sc-var-chip{animation-name:sc-chip5}.sc-vars--n6 .sc-vars-stack>.sc-var{animation-name:sc-var6}.sc-vars--n6 .sc-var-chip{animation-name:sc-chip6}@keyframes sc-var2{0%{opacity:0}4%,46%{opacity:1}50%,to{opacity:0}}@keyframes sc-var3{0%{opacity:0}3%,30%{opacity:1}33.4%,to{opacity:0}}@keyframes sc-var4{0%{opacity:0}2.5%,22.5%{opacity:1}25%,to{opacity:0}}@keyframes sc-var5{0%{opacity:0}2%,18%{opacity:1}20%,to{opacity:0}}@keyframes sc-var6{0%{opacity:0}1.7%,15%{opacity:1}16.7%,to{opacity:0}}@keyframes sc-chip2{0%,49%{color:var(--text);border-color:var(--red);background:#fc646424}50%,to{color:var(--muted);border-color:var(--line-4);background:transparent}}@keyframes sc-chip3{0%,33%{color:var(--text);border-color:var(--red);background:#fc646424}33.4%,to{color:var(--muted);border-color:var(--line-4);background:transparent}}@keyframes sc-chip4{0%,24.9%{color:var(--text);border-color:var(--red);background:#fc646424}25%,to{color:var(--muted);border-color:var(--line-4);background:transparent}}@keyframes sc-chip5{0%,19.9%{color:var(--text);border-color:var(--red);background:#fc646424}20%,to{color:var(--muted);border-color:var(--line-4);background:transparent}}@keyframes sc-chip6{0%,16.6%{color:var(--text);border-color:var(--red);background:#fc646424}16.7%,to{color:var(--muted);border-color:var(--line-4);background:transparent}}.sc-tiles{display:grid;gap:12px}.sc-tiles.is-c2{grid-template-columns:repeat(2,minmax(0,1fr))}.sc-tiles.is-c3{grid-template-columns:repeat(3,minmax(0,1fr))}.sc-tiles.is-c4{grid-template-columns:repeat(4,minmax(0,1fr))}.sc-tiles.is-c1{grid-template-columns:minmax(0,1fr);max-width:760px}.sc-tile{display:flex;flex-direction:column;gap:7px;padding:18px;border-radius:16px;border:1px solid var(--line-3);background:var(--panel);animation:live-up .55s var(--ease) both;animation-delay:calc(.4s + var(--i) * .1s);transition:border-color .25s,transform .25s}.sc-tile:hover{border-color:var(--line-5);transform:translateY(-2px)}.sc-tile-icon{font-size:26px;line-height:1}.sc-tile-title{font-size:17px;font-weight:700;letter-spacing:-.01em}.sc-tile-text{color:var(--body);font-size:14.5px;line-height:1.5}.sc-tile-code{align-self:flex-start;margin-top:4px;padding:6px 10px;border-radius:8px;background:#131416;border:1px solid var(--line-3);color:#ff9a9a;font:500 13px/1.5 var(--mono);white-space:pre-wrap}.sc-tiles.is-c1 .sc-tile{flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:6px 14px}.sc-tiles.is-c1 .sc-tile-text{flex-basis:100%}.sc-anat{display:flex;flex-direction:column;align-items:center;gap:34px;padding:26px 0 6px}.sc-anat-code{display:flex;align-items:flex-start;flex-wrap:wrap;justify-content:center;row-gap:18px;font:600 clamp(22px,3.4vw,40px) var(--mono);letter-spacing:-.02em;animation:live-blur-in .7s var(--ease-out) .4s both}.sc-seg.is-p3{color:var(--green)}.sc-seg.is-p4{color:var(--violet)}.sc-anat-example{max-width:760px;padding:14px 18px;border-radius:14px;border:1px solid var(--line-3);background:var(--panel);color:var(--soft);font-size:15.5px;line-height:1.55;text-align:center;animation:live-up .5s var(--ease) both;animation-delay:var(--example-at)}.sc-steps{display:flex;flex-direction:column;max-width:820px}.sc-step{position:relative;display:grid;grid-template-columns:46px minmax(0,1fr);gap:16px;padding-bottom:20px;animation:live-up .5s var(--ease) both;animation-delay:calc(.4s + var(--i) * .55s)}.sc-step:not(:last-child):before{content:"";position:absolute;left:22px;top:44px;bottom:2px;width:2px;background:linear-gradient(var(--red-line),transparent);transform-origin:top;animation:sc-grow-y .6s var(--ease) both;animation-delay:calc(.7s + var(--i) * .55s)}@keyframes sc-grow-y{0%{transform:scaleY(0)}to{transform:none}}.sc-step-n{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(180deg,#2a1416,#170b0c);border:1px solid #5a2a2f;font:700 17px var(--mono);color:var(--red-soft)}.sc-step-body{display:flex;flex-direction:column;gap:4px;padding-top:4px}.sc-step-title{font-size:18px;font-weight:700;letter-spacing:-.01em}.sc-step-text{color:var(--body);font-size:15px;line-height:1.5}.sc-step-code{align-self:flex-start;margin-top:6px;padding:7px 12px;border-radius:9px;background:#131416;border:1px solid var(--line-3);color:#ff9a9a;font:500 14px/1.5 var(--mono);white-space:pre-wrap}.sc-treebox{display:grid;grid-template-columns:minmax(0,1fr);gap:26px;align-items:start}.sc-treebox:has(>.sc-file){grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}.sc-tree{display:flex;flex-direction:column;gap:6px;padding:8px 0}.sc-node{position:relative;display:flex;align-items:center;gap:12px;padding-left:calc(var(--d) * 28px);animation:live-up .4s var(--ease) both;animation-delay:calc(.5s + var(--i) * .2s)}.sc-node.is-child:before{content:"";position:absolute;left:calc(var(--d) * 28px - 17px);top:-9px;width:12px;height:calc(50% + 9px);border-left:1.5px solid var(--line-5);border-bottom:1.5px solid var(--line-5);border-bottom-left-radius:7px}.sc-node-label{padding:4px 11px;border-radius:8px;border:1px solid var(--line-4);background:var(--panel);font:600 14px var(--mono);white-space:nowrap}.sc-node-label.is-tag{color:#ff9a9a}.sc-node-label.is-text{color:var(--yellow);border-style:dashed}.sc-node-label.is-other{color:var(--blue)}.sc-node-note{color:var(--muted);font-size:13.5px}.sc-term{border:1px solid var(--line-3);border-radius:14px;overflow:hidden;background:#08090a;animation:live-up .6s var(--ease) .45s both}.sc-term-body{min-height:200px;padding:14px 16px;font:15px/27px var(--mono)}.sc-out{color:var(--text-code);white-space:pre-wrap;opacity:0;animation:sc-out .35s var(--ease) forwards;animation-delay:var(--at)}.sc-out:before{content:"› ";color:var(--dim)}.sc-out.is-err{color:#ff8a8a}.sc-out.is-err:before{content:"✕ ";color:#ff8a8a}@keyframes sc-out{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:none}}.sc-flow{display:grid;grid-template-columns:repeat(var(--n, 2),minmax(0,1fr));max-width:900px;margin:0 auto;width:100%}.sc-flow.is-n2{--n: 2 }.sc-flow.is-n3{--n: 3 }.sc-flow.is-n4{--n: 4 }.sc-actor{grid-column:var(--c);grid-row:1 / span 14;display:flex;flex-direction:column;align-items:center;gap:8px;animation:live-up .5s var(--ease) both;animation-delay:calc(.3s + var(--i) * .15s)}.sc-actor-icon{font-size:30px;line-height:1}.sc-actor-name{padding:6px 14px;border-radius:10px;border:1px solid var(--line-4);background:var(--panel);font-weight:650;font-size:14px}.sc-actor:after{content:"";flex:1;width:0;min-height:30px;border-left:1.5px dashed var(--line-4)}.sc-msg{grid-column:var(--a) / var(--b);grid-row:var(--r);position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px var(--pad) 8px}.sc-msg-label{padding:2px 8px;border-radius:6px;background:var(--bg);font:600 13.5px var(--mono);color:var(--soft);white-space:nowrap;animation:live-fade .4s ease both;animation-delay:calc(1.1s + var(--i) * 1.1s)}.sc-msg-line{position:relative;width:100%;height:2px;background:var(--msg-c);transform:scaleX(0);transform-origin:left;animation:sc-arrow .7s var(--ease) forwards;animation-delay:calc(1s + var(--i) * 1.1s)}.sc-msg.is-right{--msg-c: var(--red) }.sc-msg.is-left{--msg-c: var(--green) }.sc-msg.is-left .sc-msg-line{transform-origin:right}.sc-msg-line:after{content:"";position:absolute;top:-5px;border:6px solid transparent}.sc-msg.is-right .sc-msg-line:after{right:-4px;border-left-color:var(--msg-c);border-right:0}.sc-msg.is-left .sc-msg-line:after{left:-4px;border-right-color:var(--msg-c);border-left:0}.sc-msg-note{color:var(--muted);font-size:13px;text-align:center;animation:live-fade .4s ease both;animation-delay:calc(1.5s + var(--i) * 1.1s)}@keyframes sc-arrow{to{transform:none}}.sc-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}.sc-side{display:flex;flex-direction:column;gap:10px;animation:live-up .6s var(--ease) both;animation-delay:calc(.4s + var(--i) * .9s)}.sc-side .sc-file{animation:none}.sc-side-head{display:flex;align-items:center;gap:10px;font-weight:650;font-size:15.5px}.sc-side-mark{width:26px;height:26px;flex:none;display:grid;place-items:center;border-radius:8px;background:#6cc7ff24;color:var(--blue);font:700 13px var(--mono)}.sc-side.is-bad .sc-side-mark{background:#fc646429;color:var(--red)}.sc-side.is-good .sc-side-mark{background:#4fd69c29;color:var(--green)}.sc-side.is-bad .sc-file{border-color:#fc64644d}.sc-side.is-good .sc-file{border-color:#4fd69c4d}.sc-side .sc-window--live{animation:none}.sc-goal-view{--frame-h: 300px;align-self:stretch}.live-aside{position:sticky;top:0;display:flex;flex-direction:column;gap:12px}.live-notes{padding:14px 16px;border-radius:14px;border:1px solid #3a3020;background:#100e09;display:flex;flex-direction:column;gap:8px;animation:live-up .4s var(--ease) both}.live-notes-text{margin:0;color:#e6dcc6;font-size:14px;line-height:1.55}.live-outline{display:flex;flex-direction:column;gap:2px}.live-outline-item{display:flex;gap:10px;align-items:center;padding:8px 10px;border-radius:10px;border:0;background:transparent;text-align:left;cursor:pointer;color:var(--muted);font-size:13.5px;transition:background .2s,color .2s}.live-outline-item:hover{background:#101213;color:var(--soft)}.live-outline-item.is-done{color:var(--dim)}.live-outline-item.is-on{background:#141618;color:var(--text)}.live-outline-n{width:22px;height:22px;flex:none;display:grid;place-items:center;border-radius:6px;background:#16181a;font:600 11px var(--mono)}.live-outline-item.is-on .live-outline-n{background:var(--red);color:#1c0507}.live-outline-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@property --ring{syntax: "<number>"; inherits: false; initial-value: 1}.live-quiz-wrap{max-width:920px;margin:0 auto;padding:var(--lesson-body-pad)}.live-quiz{display:flex;flex-direction:column;gap:22px;animation:slide-in .5s var(--ease) both}.live-quiz-head{display:flex;align-items:center;gap:14px}.live-quiz-segs{flex:1;display:flex;gap:4px}.live-quiz-seg{flex:1;height:5px;border-radius:3px;background:#1a1c1e;transition:background .4s}.live-quiz-seg.is-done{background:#5a2a2f}.live-quiz-seg.is-on{background:var(--red)}.live-quiz-pos{font:500 12px var(--mono);color:var(--dim)}.live-quiz-main{display:flex;gap:20px;align-items:center}.live-ring{--ring-c: var(--green);width:74px;height:74px;flex:none;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--ring-c) calc(var(--ring) * 360deg),#1a1c1e 0);transition:--ring .5s linear;animation:sc-pop .5s var(--ease-out) .1s both}.live-ring:before{content:"";grid-area:1 / 1;width:62px;height:62px;border-radius:50%;background:var(--bg)}.live-ring-num{grid-area:1 / 1;position:relative;font:700 24px var(--mono);color:var(--text)}.live-ring.is-low{--ring-c: var(--red) }.live-ring.is-low .live-ring-num{color:var(--red);animation:blink .5s steps(1) infinite}.live-ring.is-closed{--ring-c: var(--line-5) }.live-quiz-q{margin:0;font-size:var(--question-size);line-height:1.15;letter-spacing:-.03em;font-weight:650;text-wrap:pretty;animation:live-blur-in .55s var(--ease-out) .1s both}.live-quiz-code{animation:live-up .5s var(--ease) .2s both}.live-opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.live-opt{position:relative;overflow:hidden;display:flex;align-items:center;gap:14px;min-height:64px;padding:12px 16px;border-radius:14px;border:1px solid var(--line-4);background:#0e0f10;text-align:left;cursor:pointer;transition:border-color .25s,background .25s,transform .2s var(--ease),opacity .3s;animation:live-up .45s var(--ease) both;animation-delay:calc(.2s + var(--i) * .07s)}.live-opt:hover{border-color:var(--line-5);transform:translateY(-1px)}.live-opt-bar{position:absolute;inset:0 auto 0 0;width:var(--bar);background:#fc646412;transition:width .6s var(--ease)}.live-opt-key{position:relative;width:32px;height:32px;flex:none;display:grid;place-items:center;border-radius:9px;border:1px solid var(--line-5);font:700 13px var(--mono);color:var(--dim);transition:all .25s}.live-opt-label{position:relative;flex:1;font-size:16.5px;font-weight:500}.live-opt-count{position:relative;font:700 16px var(--mono);color:var(--soft)}.live-opt.is-locked{cursor:default}.live-opt.is-locked:hover{transform:none}.live-opt.is-locked:not(.is-picked):not(.is-right){opacity:.55}.live-opt.is-picked{border-color:#ff9a9a;background:#160c0d}.live-opt.is-picked .live-opt-key{background:var(--red);border-color:var(--red);color:#1c0507}.live-opt.is-key .live-opt-key{border-color:#4fd69c80;color:var(--green)}.live-opt.is-right{border-color:var(--green);background:#0b1712;opacity:1;animation:live-right .6s var(--ease-out) both}.live-opt.is-right .live-opt-key{background:var(--green);border-color:var(--green);color:#04140c}.live-opt.is-right .live-opt-bar{background:#4fd69c1f}.live-opt.is-wrong{border-color:var(--red);background:#170b0c;animation:live-wrong .45s ease both}@keyframes live-right{0%{box-shadow:0 0 #4fd69c80}to{box-shadow:0 0 0 14px #4fd69c00}}@keyframes live-wrong{0%,to{transform:none}25%{transform:translate(-6px)}50%{transform:translate(5px)}75%{transform:translate(-3px)}}.live-quiz-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;font:500 13px var(--mono);color:var(--muted)}.live-quiz-status.is-right{color:var(--green);font-weight:700;font-size:16px;animation:sc-pop .45s var(--ease-out) both}.live-quiz-status.is-wrong{color:var(--red);font-weight:700;font-size:16px}.live-quiz-score{color:var(--red);font-weight:700}.live-why{padding:14px 16px;border-radius:14px;border:1px solid var(--line-3);background:var(--panel);color:var(--soft);font-size:15.5px;line-height:1.55;animation:live-up .45s var(--ease) both}.live-interlude{display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center;padding-top:4vh}.live-interlude-title{margin:0;font-size:40px;letter-spacing:-.03em;animation:live-blur-in .7s var(--ease-out) both}.live-interlude-text{margin:0;color:var(--body);font-size:16px;animation:live-up .5s var(--ease) 2s both}.podium{display:flex;align-items:flex-end;justify-content:center;gap:12px;padding-top:20px;width:100%}.podium-col{width:150px;display:flex;flex-direction:column;align-items:center;gap:6px}.podium-av{width:50px;height:50px;display:grid;place-items:center;border-radius:50%;font-weight:800;font-size:19px;background:var(--pod-c);color:#111;box-shadow:0 0 0 4px var(--bg),0 0 30px var(--pod-glow);animation:sc-pop .5s var(--ease-out) both;animation-delay:var(--pod-late)}.podium-name{max-width:100%;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;animation:live-fade .4s ease both;animation-delay:var(--pod-late)}.podium-score{font:600 12.5px var(--mono);color:var(--muted);animation:live-fade .4s ease both;animation-delay:var(--pod-late)}.podium-bar{width:100%;height:var(--pod-h);display:flex;justify-content:center;padding-top:12px;border-radius:12px 12px 0 0;background:linear-gradient(180deg,var(--pod-bg),transparent);border:1px solid var(--pod-line);border-bottom:0;transform-origin:bottom;animation:podium-grow .8s var(--ease-out) both;animation-delay:var(--pod-delay)}.podium-place{font:800 34px var(--mono);color:var(--pod-c)}@keyframes podium-grow{0%{transform:scaleY(0)}to{transform:none}}.podium-col.is-p1{--pod-c: #ffc65c;--pod-glow: rgba(255, 198, 92, .35);--pod-bg: rgba(255, 198, 92, .16);--pod-line: rgba(255, 198, 92, .35);--pod-h: 150px;--pod-delay: 1s;--pod-late: 1.6s }.podium-col.is-p2{--pod-c: #c9cdd1;--pod-glow: rgba(201, 205, 209, .2);--pod-bg: rgba(201, 205, 209, .1);--pod-line: rgba(201, 205, 209, .25);--pod-h: 110px;--pod-delay: .6s;--pod-late: 1.2s }.podium-col.is-p3{--pod-c: #e09a6a;--pod-glow: rgba(224, 154, 106, .2);--pod-bg: rgba(224, 154, 106, .1);--pod-line: rgba(224, 154, 106, .25);--pod-h: 80px;--pod-delay: .2s;--pod-late: .8s }.live-practice{max-width:1440px;margin:0 auto;padding:22px 24px 30px;display:flex;flex-direction:column;gap:18px;animation:live-up .5s var(--ease)}.pr-student{display:grid;grid-template-columns:330px minmax(0,1fr);gap:20px;align-items:start}.pr-task{display:flex;flex-direction:column;gap:16px}.pr-task-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.pr-task-text{margin:0;color:#c9ccd0;font-size:15.5px;line-height:1.6}.pr-timer{padding:5px 10px;border-radius:9px;border:1px solid var(--line-4);font:700 13px var(--mono);color:var(--soft);font-variant-numeric:tabular-nums}.pr-timer.is-low{border-color:var(--red);color:var(--red);animation:blink 1s steps(1) infinite}.pr-done{padding:12px 14px;border-radius:12px;background:#4fd69c1a;border:1px solid rgba(79,214,156,.35);color:var(--green);font-weight:650;animation:sc-pop .5s var(--ease-out) both}.pr-checks,.pr-hints{display:flex;flex-direction:column;gap:6px}.pr-checks-head{font:600 11px var(--mono);color:var(--dim);letter-spacing:.08em;text-transform:uppercase}.pr-check{display:flex;gap:10px;align-items:flex-start;padding:7px 10px;border-radius:9px;color:var(--body);font-size:14px;line-height:1.4;transition:background .3s,color .3s}.pr-check-ic{width:18px;flex:none;text-align:center;font:700 13px var(--mono);color:var(--dim)}.pr-check.is-ok{background:#4fd69c0f;color:var(--soft)}.pr-check.is-ok .pr-check-ic{color:var(--green);animation:sc-pop .4s var(--ease-out) both}.pr-checks--compact .pr-check{padding:4px 8px;font-size:13px}.pr-hint{border:1px solid var(--line-3);border-radius:12px;overflow:hidden;transition:border-color .3s,opacity .3s}.pr-hint-head{width:100%;display:flex;align-items:center;gap:10px;padding:10px 12px;border:0;background:transparent;text-align:left;cursor:default}.pr-hint-n{width:24px;height:24px;flex:none;display:grid;place-items:center;border-radius:7px;background:#16181a;font:700 12px var(--mono);color:var(--muted)}.pr-hint-title{flex:1;font-weight:600;font-size:14px}.pr-hint-cost{font:500 11px var(--mono);color:var(--faint)}.pr-hint-state{font:600 11.5px var(--mono);color:var(--dim)}.pr-hint.is-later,.pr-hint.is-locked{opacity:.5}.pr-hint.is-wait .pr-hint-state{color:var(--muted);font-variant-numeric:tabular-nums}.pr-hint.is-ready{border-color:#3a3020}.pr-hint.is-ready .pr-hint-head{cursor:pointer}.pr-hint.is-ready .pr-hint-head:hover{background:#12100b}.pr-hint.is-ready .pr-hint-state{color:var(--yellow)}.pr-hint.is-ready .pr-hint-n{background:#ffc65c24;color:var(--yellow)}.pr-hint.is-open{border-color:#3a3020;background:#0f0d09}.pr-hint.is-open .pr-hint-n{background:var(--yellow);color:#1a1405}.pr-hint.is-open .pr-hint-cost{display:none}.pr-hint-body{padding:0 12px 12px;display:flex;flex-direction:column;gap:10px;animation:pr-unfold .45s var(--ease) both}@keyframes pr-unfold{0%{opacity:0;clip-path:inset(0 0 100% 0)}to{opacity:1;clip-path:inset(0 0 0 0)}}.pr-hint-text{margin:0;color:#e6dcc6;font-size:14px;line-height:1.55}.pr-hint-code{padding:10px 0;font-size:13px;line-height:21px}.pr-work{display:flex;flex-direction:var(--split-dir);gap:14px;min-width:0}.pr-ege{display:flex;flex-direction:column;gap:14px;min-width:0}.pr-slots{display:flex;flex-wrap:wrap;gap:6px}.pr-slot{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:10px;border:1px solid var(--line-3);background:var(--panel);color:var(--muted);font:600 12.5px var(--mono);cursor:pointer}.pr-slot.is-on{border-color:var(--line-5);color:var(--text)}.pr-slot.is-ok b{color:var(--green)}.pr-slot.is-bad b{color:var(--red-soft)}.pr-editor,.pr-preview{flex:1;min-width:0;display:flex;flex-direction:column;border:1px solid var(--line-3);border-radius:14px;overflow:hidden;background:var(--panel)}.pr-preview{position:relative}.pr-pane-bar{display:flex;justify-content:space-between;padding:8px 12px;background:#121314;border-bottom:1px solid var(--line-3);font:500 11px var(--mono);color:var(--dim)}.pr-pane-hint{color:var(--faint)}.pr-frame{flex:1;width:100%;min-height:420px;border:0;background:#fff}.pr-frame--pick{min-height:240px;flex:none;border-radius:10px}.pr-teacher{display:flex;flex-direction:column;gap:16px}.pr-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pr-toolbar-space{flex:1}.pr-done-n{font:600 13px var(--mono);color:var(--green)}.pr-toggle{display:flex;align-items:center;gap:8px;height:38px;padding:0 12px;border-radius:10px;cursor:pointer;border:1px solid var(--line-4);background:transparent;color:var(--muted);font:500 12px var(--mono)}.pr-toggle-dot{width:8px;height:8px;border-radius:50%;background:var(--faint);transition:background .2s}.pr-toggle.is-on{color:var(--soft)}.pr-toggle.is-on .pr-toggle-dot{background:var(--green)}.pr-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}.pr-tile{--st-c: var(--line-5);position:relative;display:flex;flex-direction:column;padding:0;overflow:hidden;text-align:left;cursor:pointer;border-radius:14px;border:1px solid var(--line-3);background:var(--panel);transition:border-color .25s,transform .25s var(--ease),opacity .3s;animation:live-up .45s var(--ease) both;animation-delay:calc(var(--i) * 40ms)}.pr-tile:hover{transform:translateY(-2px);border-color:var(--line-5)}.pr-tile-preview{position:relative;height:130px;overflow:hidden;background:#fff;border-bottom:1px solid var(--line-3)}.pr-tile-frame{position:absolute;left:0;top:0;width:200%;height:200%;border:0;transform:scale(.5);transform-origin:0 0;pointer-events:none}.pr-tile-info{display:flex;align-items:center;gap:9px;padding:10px 12px 8px}.pr-tile-av{position:relative;width:28px;height:28px;flex:none;display:grid;place-items:center;border-radius:50%;background:#1d2022;font-weight:700;font-size:13px}.pr-tile-av:after{content:"";position:absolute;right:-1px;bottom:-1px;width:9px;height:9px;border-radius:50%;background:var(--st-c);box-shadow:0 0 0 2px var(--panel)}.pr-tile-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.pr-tile-name{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pr-tile-status{font:500 11px var(--mono);color:var(--st-c)}.pr-tile-pass{font:700 12px var(--mono);color:var(--muted)}.pr-tile-hand{font-size:17px;animation:pr-wave 1.6s ease-in-out infinite;transform-origin:70% 90%}@keyframes pr-wave{0%,60%,to{transform:none}15%{transform:rotate(14deg)}30%{transform:rotate(-8deg)}45%{transform:rotate(10deg)}}.pr-tile-bar{height:3px;margin:0 12px 10px;border-radius:2px;background:#1a1c1e;overflow:hidden}.pr-tile-fill{display:block;height:100%;width:var(--bar);background:var(--st-c);transition:width .5s var(--ease)}.pr-tile-hints{position:absolute;top:8px;right:8px;padding:2px 7px;border-radius:6px;background:#1a1405e6;color:var(--yellow);font:600 10.5px var(--mono)}.pr-tile.is-typing{--st-c: var(--blue) }.pr-tile.is-typing .pr-tile-av:after{animation:blink 1s steps(1) infinite}.pr-tile.is-stuck{--st-c: var(--yellow) }.pr-tile.is-done{--st-c: var(--green);border-color:#4fd69c59}.pr-tile.is-idle{--st-c: var(--faint) }.pr-tile.is-offline{opacity:.45}.pr-tile.is-hand{border-color:#6a5326;box-shadow:0 0 0 3px #ffc65c1a}.pr-tile.is-picked{border-color:var(--red);box-shadow:0 0 0 3px #fc64641f}.pr-tile.is-spot:before{content:"★";position:absolute;z-index:1;top:8px;left:8px;color:var(--yellow);text-shadow:0 0 10px rgba(0,0,0,.6)}.pr-pick{position:fixed;z-index:62;top:64px;right:16px;bottom:90px;width:min(640px,calc(100vw - 32px));display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:18px;border:1px solid var(--line-5);background:#0b0c0df7;box-shadow:-30px 0 80px #0000008c;animation:pr-drawer .4s var(--ease-out) both}@keyframes pr-drawer{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:none}}.pr-pick-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pr-pick-name{font-size:19px;font-weight:700;letter-spacing:-.02em}.pr-pick-status{font:500 12px var(--mono);color:var(--muted)}.pr-pick-body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.pr-pick-code{overflow:auto;font-size:13px;line-height:21px}.pr-pick-side{display:flex;flex-direction:column;gap:10px;overflow:auto}.pr-note{display:flex;gap:8px}.pr-note .field-box{flex:1}.live-spot{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:16px;border:1px solid #6a5326;background:#100e09;animation:live-up .5s var(--ease) both}.live-spot-head{display:flex;align-items:center;gap:12px}.live-spot-name{font-weight:650}.live-spot-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.live-spot-code{max-height:260px;overflow:auto;font-size:13px;line-height:21px}.live-spot-frame{width:100%;min-height:220px;border:0;border-radius:10px;background:#fff}.live-final{max-width:920px;margin:0 auto;padding:var(--lesson-body-pad);display:flex;flex-direction:column;align-items:center;gap:26px}.live-mine{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.live-mine-total{font:700 96px var(--mono);color:var(--red);letter-spacing:-.07em;line-height:.9;text-shadow:0 0 50px rgba(252,100,100,.35);animation:live-blur-in .8s var(--ease-out) .2s both}.live-mine-label{color:var(--soft);font-size:17px;animation:live-up .5s var(--ease) .6s both}.live-mine-stats{width:100%;max-width:520px;margin-top:12px;animation:live-up .5s var(--ease) .9s both}.results-table{width:100%;display:flex;flex-direction:column;border:1px solid var(--line-4);border-radius:16px;overflow:hidden;background:var(--panel)}.results-row{display:grid;grid-template-columns:40px minmax(0,1fr) 64px 84px 90px 70px;gap:8px;align-items:center;padding:11px 16px;border-top:1px solid var(--line);font:500 13.5px var(--mono);color:var(--body);animation:live-up .4s var(--ease) both;animation-delay:calc(1.6s + var(--i, 0) * 60ms)}.results-row--head>:last-child{text-align:right}.results-row--head{border-top:0;font-size:11px;color:var(--dim);letter-spacing:.06em;text-transform:uppercase;animation:none}.results-place{color:var(--muted);font-weight:700}.results-name{font-family:var(--sans);font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.results-total{text-align:right;color:var(--red);font-weight:700}.results-row.is-done .results-practice{color:var(--green)}.results-row.is-me{background:#fc64640f;box-shadow:inset 3px 0 0 var(--red)}.results-table--report .results-row{animation:none}.screen--ege,.ege-task{--ease: cubic-bezier(.2, .7, .2, 1);--ease-out: cubic-bezier(.16, 1, .3, 1) }.sc-radix{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:28px;align-items:center;--t: .42s }.sc-radix-col{display:flex;flex-direction:column;gap:4px;padding:16px 18px;border:1px solid var(--line-3);border-radius:16px;background:var(--panel);animation:live-up .5s var(--ease) .2s both}.sc-radix-head,.sc-radix-row{display:grid;grid-template-columns:minmax(0,1.4fr) 70px minmax(0,1.2fr) 70px;gap:10px;align-items:center}.sc-radix-head{font:600 10.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--dim);padding-bottom:6px;border-bottom:1px solid var(--line-3)}.sc-radix-row{font:500 16px/30px var(--mono);animation:live-up .4s var(--ease) both;animation-delay:calc(.5s + var(--i) * var(--t))}.sc-radix-n{color:var(--soft);overflow:hidden;text-overflow:ellipsis}.sc-radix-op{color:var(--dim);font-size:13px}.sc-radix-q{color:var(--muted)}.sc-radix-r{justify-self:center;min-width:34px;text-align:center;border-radius:8px;color:var(--red-soft);font-weight:700;background:#fc64641a;border:1px solid #5a2a2f;animation:sc-radix-pulse .8s var(--ease) both;animation-delay:calc(.5s + var(--rows) * var(--t) + .3s + var(--j) * .32s)}@keyframes sc-radix-pulse{0%{box-shadow:0 0 #fc646400}40%{box-shadow:0 0 0 5px #fc646440;background:#fc64644d}to{box-shadow:0 0 #fc646400}}.sc-radix-arrow{margin-top:6px;align-self:flex-end;font:500 12px var(--mono);color:var(--red);animation:live-fade .5s ease both;animation-delay:calc(.5s + var(--rows) * var(--t))}.sc-radix-out{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.sc-radix-from{font:500 18px var(--mono);color:var(--muted);animation:live-fade .4s ease both;animation-delay:calc(.5s + var(--rows) * var(--t))}.sc-radix-res{display:flex;flex-wrap:wrap;align-items:baseline;font:700 clamp(30px,4.4vw,52px) var(--mono);letter-spacing:-.02em;word-break:break-all}.sc-radix-digit{display:inline-block;color:var(--text);animation:sc-radix-drop .5s var(--ease-out) both;animation-delay:calc(.8s + var(--rows) * var(--t) + var(--j) * .32s)}.sc-radix-base{font-size:.4em;color:var(--red);margin-left:4px;animation:live-fade .4s ease both;animation-delay:calc(1s + var(--rows) * var(--t) * 1.8)}@keyframes sc-radix-drop{0%{opacity:0;transform:translateY(26px) scale(.7);color:var(--red)}60%{color:var(--red-soft)}to{opacity:1;transform:none}}.sc-expand{display:flex;flex-direction:column;gap:22px;align-items:center}.sc-expand-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.sc-expand-cell{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:76px;padding:12px 10px;border-radius:14px;border:1px solid var(--line-3);background:var(--panel);animation:live-up .45s var(--ease) both;animation-delay:calc(.4s + var(--i) * .35s)}.sc-expand-d{font:700 30px var(--mono);color:var(--text)}.sc-expand-cell.is-x{border-color:#6a5326;background:#13100a}.sc-expand-cell.is-x .sc-expand-d{color:var(--yellow)}.sc-expand-w{font:500 13px var(--mono);color:var(--muted)}.sc-expand-v{font:600 14px var(--mono);color:var(--red-soft);padding-top:6px;border-top:1px dashed var(--line-4);animation:live-fade .4s ease both;animation-delay:calc(.8s + var(--i) * .35s)}.sc-expand-sum{font:500 18px var(--mono);color:var(--soft);animation:live-up .5s var(--ease) both;animation-delay:calc(1s + var(--i) * .35s)}.sc-expand-sum b{color:var(--text);font-size:26px}.sc-rec{display:flex;flex-direction:column;gap:6px;max-width:760px;--t: .32s }.sc-rec-node{position:relative;display:flex;align-items:center;gap:10px;padding-left:calc(var(--d) * 26px);animation:live-up .4s var(--ease) both;animation-delay:calc(.4s + var(--i) * var(--t))}.sc-rec-node.is-child:before{content:"";position:absolute;left:calc(var(--d) * 26px - 16px);top:-9px;width:11px;height:calc(50% + 9px);border-left:1.5px solid var(--line-5);border-bottom:1.5px solid var(--line-5);border-bottom-left-radius:7px}.sc-rec-call{padding:4px 11px;border-radius:8px;border:1px solid var(--line-4);background:var(--panel);font:600 14.5px var(--mono);color:var(--blue)}.sc-rec-eq{color:var(--faint);font:500 14px var(--mono);animation:live-fade .3s ease both;animation-delay:calc(.6s + var(--n) * var(--t) + var(--back) * var(--t))}.sc-rec-val{padding:4px 10px;border-radius:8px;font:700 14.5px var(--mono);color:var(--green);background:#4fd69c1a;border:1px solid rgba(79,214,156,.35);animation:sc-rec-back .5s var(--ease-out) both;animation-delay:calc(.6s + var(--n) * var(--t) + var(--back) * var(--t))}@keyframes sc-rec-back{0%{opacity:0;transform:translateY(12px) scale(.85)}to{opacity:1;transform:none}}.sc-dp{display:flex;flex-direction:column;gap:4px;overflow-x:auto;padding-bottom:6px}.sc-dp-row{display:grid;grid-template-columns:repeat(var(--cols),minmax(30px,1fr));gap:4px}.sc-dp-h{text-align:center;font:600 11px var(--mono);color:var(--dim);padding:2px 0}.sc-dp-h.is-must{color:var(--yellow)}.sc-dp-h.is-ban{color:var(--red);text-decoration:line-through}.sc-dp-h.is-end{color:var(--green)}.sc-dp-cell{display:grid;place-items:center;min-height:34px;padding:0 2px;border-radius:8px;border:1px solid var(--line-3);background:var(--panel);font:600 12.5px var(--mono);color:var(--soft);animation:sc-dp-fill .35s var(--ease) both;animation-delay:calc(.4s + var(--i) * .06s)}@keyframes sc-dp-fill{0%{opacity:0;transform:scale(.6);background:#6cc7ff40}to{opacity:1;transform:none}}.sc-dp-cell.is-must{border-color:#6a5326;color:var(--yellow);background:#13100a}.sc-dp-cell.is-ban{border-color:#5a2a2f;color:var(--red);background:#140b0c}.sc-dp-cell.is-end{border-color:#4fd69c73;color:var(--green)}.sc-dp-cell.is-path{border-color:var(--blue);color:var(--text);box-shadow:inset 0 0 0 1px var(--blue)}.sc-strip{display:flex;flex-wrap:wrap;gap:5px}.sc-strip-cell{display:flex;flex-direction:column;align-items:center;min-width:46px;padding:5px 4px;border-radius:9px;border:1px solid var(--line-3);background:var(--panel);animation:sc-dp-fill .35s var(--ease) both;animation-delay:calc(.4s + var(--i) * .05s)}.sc-strip-n{font:600 10.5px var(--mono);color:var(--dim)}.sc-strip-v{font:700 13px var(--mono);color:var(--soft)}.sc-strip-cell.is-must{border-color:#6a5326;background:#13100a}.sc-strip-cell.is-must .sc-strip-v{color:var(--yellow)}.sc-strip-cell.is-ban{border-color:#5a2a2f;background:#140b0c}.sc-strip-cell.is-ban .sc-strip-v{color:var(--red)}.sc-strip-cell.is-end{border-color:#4fd69c73}.sc-strip-cell.is-end .sc-strip-v{color:var(--green)}.sc-dp-gap{font:500 12px var(--mono);color:var(--dim);text-align:center}.sc-dp-cell.is-wr{box-shadow:3px 0 0 0 var(--text)}.sc-dp-cell.is-wb{box-shadow:0 3px 0 0 var(--text)}.sc-dp-cell.is-wrb{box-shadow:3px 0 0 0 var(--text),0 3px 0 0 var(--text)}.sc-truth{display:flex;flex-direction:column;gap:3px;max-width:520px;font:600 14px var(--mono)}.sc-truth-row{display:grid;grid-template-columns:repeat(var(--cols),minmax(34px,1fr));gap:3px;text-align:center;animation:live-up .3s var(--ease) both;animation-delay:calc(.3s + var(--i) * .12s)}.sc-truth-row>span{padding:4px 0;border-radius:6px;background:var(--panel);border:1px solid var(--line-3);color:var(--soft)}.sc-truth-row--head>span{background:none;border-color:transparent;color:var(--dim);font-size:12px;letter-spacing:.1em}.sc-truth-row .sc-truth-f{color:var(--blue)}.sc-truth-row.is-hit>span{border-color:#6a5326;background:#13100a;color:var(--yellow);animation:sc-hit .6s var(--ease) both;animation-delay:calc(.6s + var(--i) * .12s)}@keyframes sc-hit{0%{background:var(--panel)}50%{background:#ffc85047}}.sc-graph{position:relative;width:100%;max-width:640px;aspect-ratio:16 / 10;margin:4px auto;border:1px solid var(--line-3);border-radius:16px;background:var(--panel)}.sc-graph-in{position:absolute;inset:8% 7%}.sc-graph-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.sc-graph-lines line{stroke:var(--line-5);stroke-width:2;stroke-linecap:round;stroke-dasharray:1000;stroke-dashoffset:1000;animation:sc-line-draw .8s var(--ease) forwards;animation-delay:calc(.3s + var(--i) * .12s)}.sc-graph-edge.is-path{stroke:var(--yellow);stroke-width:3.5}@keyframes sc-line-draw{to{stroke-dashoffset:0}}.sc-graph-in>span,.sc-graph-in>div{position:absolute;transform:translate(-50%,-50%)}.sc-graph-node{display:flex;flex-direction:column;align-items:center;min-width:34px;padding:4px 8px;border-radius:12px;border:1.5px solid var(--line-4);background:var(--bg, #0b0d0f);font:700 14px var(--mono);color:var(--text);animation:sc-node-pop .4s var(--ease-out) both;animation-delay:calc(.2s + var(--i) * .08s)}.sc-graph-note{font:600 10.5px var(--mono);color:var(--blue)}.sc-graph-node.is-path{border-color:var(--yellow)}.sc-graph-node.is-start,.sc-graph-node.is-end{border-color:var(--green);color:var(--green)}.sc-graph-w{font:600 11px var(--mono);color:var(--muted);background:var(--panel);padding:0 3px;border-radius:4px;animation:live-fade .4s ease both;animation-delay:calc(.8s + var(--i) * .12s)}.sc-graph-w.is-path{color:var(--yellow)}@keyframes sc-node-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}to{opacity:1;transform:translate(-50%,-50%)}}.sc-fano-node{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:26px;height:26px;padding:0 6px;border-radius:13px;border:1.5px solid var(--line-4);background:var(--bg, #0b0d0f);font:700 13px var(--mono);color:var(--soft);animation:sc-node-pop .35s var(--ease-out) both;animation-delay:calc(.2s + var(--i) * .1s)}.sc-fano-code{position:absolute;top:calc(100% + 1px);left:50%;transform:translate(-50%);font:500 9.5px var(--mono);color:var(--dim)}.sc-fano-node.is-known{border-color:var(--blue);color:var(--blue)}.sc-fano-node.is-free{border-color:var(--green);color:var(--green);background:#4fd69c1a}.sc-fano-node.is-inner{min-width:12px;height:12px;padding:0;border-radius:50%}.sc-fano-node.is-inner>span:first-child{display:none}.sc-fano-bit{font:600 10.5px var(--mono);color:var(--muted);animation:live-fade .3s ease both;animation-delay:calc(.6s + var(--i) * .1s)}.sc-turtle,.sc-clusters,.sc-graph.is-square{aspect-ratio:1 / 1;max-width:440px}.sc-turtle .sc-graph-lines line,.sc-turtle-seg{stroke:var(--blue);stroke-width:2.5}.sc-turtle-dot{width:5px;height:5px;border-radius:50%;background:var(--yellow);animation:live-fade .2s ease both;animation-delay:calc(.4s + var(--segs) * .12s + var(--i) * 4ms)}.sc-turtle-origin{font-size:12px;color:var(--green)}.sc-cl-dot{width:7px;height:7px;border-radius:50%;background:var(--muted);animation:sc-node-pop .3s var(--ease-out) both;animation-delay:calc(.2s + var(--i) * 6ms)}.sc-cl-dot.is-c0{background:var(--blue)}.sc-cl-dot.is-c1{background:var(--green)}.sc-cl-dot.is-c2{background:var(--yellow)}.sc-cl-dot.is-c3{background:var(--red-soft)}.sc-cl-dot.is-center{width:15px;height:15px;z-index:1;box-shadow:0 0 0 3px var(--panel),0 0 0 5px var(--text);animation-delay:1.8s}.sc-game-tag{padding:3px 9px;border-radius:8px;font:700 13px var(--mono);border:1px solid var(--line-4);color:var(--muted);animation:live-fade .4s ease both;animation-delay:calc(.6s + var(--i) * .2s)}.sc-game-tag.is-win{color:var(--green);border-color:#4fd69c66;background:#4fd69c14}.sc-game-tag.is-lose{color:var(--red-soft);border-color:#5a2a2f;background:#140b0c}.sc-ip{display:flex;flex-direction:column;gap:10px;overflow-x:auto;padding-bottom:4px}.sc-ip-row{display:grid;grid-template-columns:54px auto minmax(110px,1fr);gap:12px;align-items:center;animation:live-up .4s var(--ease) both;animation-delay:calc(.3s + var(--i) * .7s)}.sc-ip-label{font:600 12px var(--mono);color:var(--dim);text-transform:uppercase}.sc-ip-bits{display:flex;gap:6px}.sc-ip-byte{display:flex;gap:2px}.sc-ip-bit{display:grid;place-items:center;width:17px;height:24px;border-radius:4px;font:600 12px var(--mono);border:1px solid var(--line-3);animation:live-fade .2s ease both;animation-delay:calc(.3s + var(--i) * .7s + var(--j) * 15ms)}.sc-ip-bit.is-net{color:var(--blue);background:#6cc7ff14}.sc-ip-bit.is-host{color:var(--muted)}.sc-ip-addr{font:600 14px var(--mono);color:var(--text)}.sc-win{display:flex;flex-direction:column;gap:16px}.sc-win-cells{display:flex;flex-wrap:wrap;gap:4px}.sc-win-cell{padding:4px 8px;border-radius:7px;border:1px solid var(--line-3);background:var(--panel);font:600 12.5px var(--mono);color:var(--soft);animation:live-up .3s var(--ease) both;animation-delay:calc(.2s + var(--i) * .04s)}.sc-win-cell.is-ok{border-color:#4fd69c73;color:var(--green);animation-name:live-up,sc-ok;animation-duration:.3s,.6s;animation-delay:calc(.2s + var(--i) * .04s),calc(.6s + var(--n) * .04s)}@keyframes sc-ok{50%{background:#4fd69c40}}.sc-win-list{display:flex;flex-wrap:wrap;gap:6px}.sc-win-item{display:inline-flex;gap:8px;padding:4px 10px;border-radius:9px;font:600 12px var(--mono);border:1px solid var(--line-3);animation:live-up .35s var(--ease) both;animation-delay:calc(.6s + var(--n) * .04s + var(--i) * .18s)}.sc-win-range{color:var(--dim)}.sc-win-item.is-ok{color:var(--green);border-color:#4fd69c66}.sc-win-item.is-no{color:var(--muted)}.sc-sheet{display:flex;flex-direction:column;gap:2px;overflow-x:auto;padding-bottom:4px;font:500 12px var(--mono)}.sc-sheet-row{display:grid;grid-template-columns:repeat(var(--cols),minmax(56px,1fr));gap:2px;animation:live-up .3s var(--ease) both;animation-delay:calc(.3s + var(--i) * .1s)}.sc-sheet-row>span{padding:5px 6px;background:var(--panel);border:1px solid var(--line-3);color:var(--soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sc-sheet-row--head>span{color:var(--dim);font-weight:600;background:none}.sc-sheet-row.is-on>span{color:var(--text);border-color:#4fd69c73;background:#4fd69c12}.sc-sheet-total{margin-top:10px;font:500 15px var(--mono);color:var(--muted);animation:live-up .4s var(--ease) both;animation-delay:1.6s}.sc-sheet-total b{color:var(--text);font-size:20px}.sc-time{display:flex;flex-direction:column;gap:4px}.sc-time-row,.sc-time-axis{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:center}.sc-time-row{animation:live-fade .3s ease both;animation-delay:calc(.2s + var(--i) * .15s)}.sc-time-id{font:600 12px var(--mono);color:var(--dim);text-align:right}.sc-time-track{position:relative;height:20px}.sc-time-bar{position:absolute;top:2px;bottom:2px;border-radius:5px;background:#6cc7ff38;border:1px solid rgba(108,199,255,.5);transform-origin:left;animation:sc-grow .5s var(--ease) both;animation-delay:calc(.3s + var(--i) * .15s);overflow:hidden}.sc-time-bar.is-path{background:#ffc85038;border-color:var(--yellow)}.sc-time-bar.is-target{background:#4fd69c38;border-color:var(--green)}.sc-time-span{display:block;padding-left:5px;font:600 10px/14px var(--mono);color:var(--soft);white-space:nowrap}@keyframes sc-grow{0%{transform:scaleX(0)}to{transform:none}}.sc-time-axis .sc-time-track{border-top:1px solid var(--line-4)}.sc-time-tick{position:absolute;top:3px;transform:translate(-50%);font:500 10px var(--mono);color:var(--dim)}@media(max-width:999px){.live-theory:has(>.live-aside){grid-template-columns:minmax(0,1fr)}.live-aside{position:static}.pr-student{grid-template-columns:minmax(0,1fr)}.sc-browser{grid-template-columns:minmax(0,1fr);gap:18px}.sc-beam{display:none}.sc-nest,.sc-restyle,.sc-boxm,.sc-goal{grid-template-columns:minmax(0,1fr)}.sc-demo,.sc-vars,.sc-compare,.sc-treebox:has(>.sc-file){grid-template-columns:minmax(0,1fr)}.sc-tiles.is-c3,.sc-tiles.is-c4{grid-template-columns:repeat(2,minmax(0,1fr))}.pr-frame{min-height:300px}}@media(max-width:759px){.live-step-label,.live-title,.live-hand-label{display:none}.live-steps{justify-content:flex-start}.live-step{padding:4px}.sc-els{grid-template-columns:repeat(2,minmax(0,1fr))}.sc-tiles.is-c2,.sc-tiles.is-c3,.sc-tiles.is-c4{grid-template-columns:minmax(0,1fr)}.sc-msg-label{white-space:normal;text-align:center;font-size:12px}.live-opts{grid-template-columns:minmax(0,1fr)}.live-ring{width:58px;height:58px}.live-ring:before{width:48px;height:48px}.live-ring-num{font-size:19px}.live-practice{padding:14px 12px 24px}.pr-pick{top:0;right:0;bottom:0;width:100vw;border-radius:0}.pr-pick-body,.live-spot-body{grid-template-columns:minmax(0,1fr)}.results-row{grid-template-columns:28px minmax(0,1fr) 52px 64px 56px;font-size:12px;padding:10px 12px}.results-row>:nth-child(5){display:none}.podium-col{width:104px}.live-mine-total{font-size:72px}.sc-title-chips{display:none}.sc-radix{grid-template-columns:minmax(0,1fr)}.sc-radix-head,.sc-radix-row{grid-template-columns:minmax(0,1.3fr) 56px minmax(0,1fr) 46px;gap:6px;font-size:14px}.sc-expand-cell{min-width:62px}.sc-ip-row{grid-template-columns:minmax(0,1fr)}.sc-ip-bit{width:9px;height:18px;font-size:9px;border-radius:2px}.sc-ip-bits{gap:3px}.sc-ip-byte{gap:1px}.sc-graph{aspect-ratio:1 / 1}}@media(prefers-reduced-motion:reduce){.overlay--live *,.overlay--live *:before,.overlay--live *:after,.screen--class *,.screen--ege *,.screen--ege *:before{animation-duration:.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}