:root{--bg:#080b0f;--surface:#10161d;--raised:#171e26;--gold:#dfbd7c;--gold-bright:#f7d596;--orange:#ff8b35;--text:#f1f0ea;--muted:#97a2ad;--line:#ffffff16;color-scheme:dark;font-family:Bahnschrift,"Segoe UI",Arial,sans-serif;font-size:14px;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);overflow-x:hidden}body::before{content:"";position:fixed;inset:-70px;z-index:-1;pointer-events:none;background:linear-gradient(#dfbd7c03 1px,transparent 1px),linear-gradient(90deg,#dfbd7c03 1px,transparent 1px),radial-gradient(ellipse at 80% 0,#b5671612,transparent 60%);background-size:58px 58px,58px 58px,auto;animation:grid-drift 28s linear infinite}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit}button:disabled{opacity:.32;cursor:not-allowed}button,a,input,select,textarea{touch-action:manipulation}a{color:var(--gold)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--orange);outline-offset:4px}button{transition:background .2s,border-color .2s,transform .2s,box-shadow .2s}p{color:var(--muted);line-height:1.8}h1,h2,h3{font-weight:400;letter-spacing:-.035em;line-height:1.18}h1{font-size:clamp(30px,3.2vw,48px);margin:14px 0 20px}h2{font-size:25px;margin:0 0 20px}h3{font-size:19px;margin:16px 0}small{font-size:10px;color:var(--muted)}aside{position:fixed;inset:0 auto 0 0;width:240px;background:#090d12f5;border-right:1px solid #dfbd7c24;padding:34px 20px;display:flex;flex-direction:column;z-index:10;backdrop-filter:blur(18px)}.brand{color:var(--text);text-decoration:none;font-size:33px;font-weight:700;letter-spacing:-1.5px;padding:0 13px;display:block}.brand>span{color:var(--gold);margin-left:7px;text-shadow:0 0 28px #d2a45640}.brand small{display:block;color:var(--gold);font-size:8px;letter-spacing:3px;font-weight:400;margin-top:9px}.side-caption{font-size:8px;letter-spacing:1.6px;color:#6a7783;margin:55px 14px 16px}nav button{position:relative;display:flex;align-items:center;gap:14px;width:100%;background:none;border:1px solid transparent;text-align:left;padding:16px 14px;color:var(--muted);font-size:12px;margin-bottom:7px;border-radius:3px}nav button b{font-weight:400;font-size:18px;color:#8a7960}nav button:hover{background:#dfbd7c07;color:var(--gold-bright);transform:translateX(3px)}nav button.active{background:linear-gradient(90deg,#b3792728,#9a6a1a05);border-color:#bb8e3f35;color:var(--gold-bright)}nav button.active::before{content:"";position:absolute;left:-1px;top:11px;bottom:11px;width:2px;background:var(--orange);box-shadow:0 0 15px #ff8b3570;animation:nav-glow 2.5s ease-in-out infinite}.side-bottom{margin-top:auto}.side-motto{padding:25px 14px 30px;font-size:22px;line-height:1.35;letter-spacing:-.5px}.side-motto small{display:block;font-size:8px;letter-spacing:1.1px;color:var(--gold);margin-top:16px}.side-user{border-top:1px solid var(--line);padding:20px 7px 0;display:flex;gap:11px;align-items:center;font-size:10px;line-height:1.6}.side-user>i{width:35px;height:35px;display:grid;place-items:center;flex-shrink:0;background:#d2a45612;border:1px solid #d2a45635;color:var(--gold);font-size:10px;font-style:normal}.side-user small{display:block;font-size:8px}.shell{margin-left:240px}header{min-height:92px;padding:18px 36px;display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid var(--line);background:#080c10cc;backdrop-filter:blur(18px)}.crumb{font-size:10px;color:var(--muted)}.crumb span{margin:0 12px;color:#65553d}.crumb b{font-weight:400;color:var(--gold)}.preview-tools{display:flex;gap:8px;align-items:center}.preview-tools small{font-size:8px;letter-spacing:.7px;color:#817363;max-width:85px}.preview-tools select{max-width:205px;background:#11171e;border:1px solid #dfbd7c26;padding:9px 11px;font-size:10px;color:var(--gold-bright);border-radius:2px}.preview-tools button{width:33px;height:33px;background:#131820;border:1px solid #dfbd7c26;color:var(--gold)}main{padding:34px 36px 60px;max-width:1540px;margin:auto;min-width:0}#app>*{animation:enter .55s cubic-bezier(.2,.7,.2,1) both;animation-delay:var(--enter-delay,0ms)}.eyebrow{font-size:9px;letter-spacing:1.8px;color:var(--gold);line-height:1.6}.primary,.secondary{border-radius:2px;padding:13px 20px;border:1px solid #cb9656;font-size:12px;min-height:44px;position:relative;overflow:hidden}.primary{background:linear-gradient(115deg,#dd6e23,#ff9a42);color:#120b05;font-weight:600;border-color:#ff953d;box-shadow:0 0 28px #b8621820}.primary::after{content:"";position:absolute;inset:-40px auto -40px -80px;width:40px;background:#fff2;transform:skewX(-25deg);animation:button-sweep 7s ease-in-out infinite}.primary:hover{box-shadow:0 0 35px #ff8c3540;transform:translateY(-2px)}.secondary{background:#ffffff03;color:var(--gold-bright);border-color:#dfbd7c30;font-weight:400}.secondary:hover{background:#dfbd7c0c;border-color:var(--gold);transform:translateY(-2px)}.text-button{border:0;background:none;color:var(--gold-bright);padding:0;text-align:left;font:inherit}.text-button:hover{color:var(--orange)}.mission{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,1fr);gap:24px;min-height:330px;padding:36px;border:1px solid #c59b5145;border-radius:4px;background:radial-gradient(circle at var(--pointer-x,80%) var(--pointer-y,20%),#dfbd7c12,transparent 40%),linear-gradient(125deg,#1a1d22,#10151b 70%)}.mission::before,.panel::before{content:"";position:absolute;top:-1px;left:-1px;width:45px;height:1px;background:var(--orange);box-shadow:0 0 14px #d88c3d80}.mission h1{font-size:clamp(31px,3vw,44px);margin-top:22px;max-width:570px}.mission .mission-course{color:var(--gold-bright);font-size:20px}.mission p{max-width:500px;font-size:12px}.mission button{margin-top:13px;margin-right:7px}.holo-scene{position:relative;display:grid;place-items:center;min-height:220px;perspective:800px;background:radial-gradient(ellipse,#a26d2020,transparent 65%)}.holo-scene svg{width:100%;max-width:500px;filter:drop-shadow(0 0 18px #dc952b20);animation:float 6s ease-in-out infinite}.holo-scene .beam{stroke:#dd8a34;stroke-width:3;stroke-dasharray:30 12 3 10;animation:flow 4s linear infinite}.holo-scene .b2{stroke:#ccaa67;animation-direction:reverse;animation-duration:5s}.trace{stroke:#ffc36b;stroke-width:2;stroke-dasharray:130;animation:trace 3s ease-in-out infinite}.node{fill:#f3963d;animation:node 3s ease-in-out infinite}.n2{animation-delay:.7s}.n3{animation-delay:1.4s}.spark{fill:#f0a14616;stroke:#f2b95b65;animation:spark 4s ease-in-out infinite;transform-origin:center}.scan{stroke:#e2b366;stroke-width:1;opacity:.7;animation:scan 3s linear infinite}.holo-orbit{position:absolute;width:76%;height:75%;border:1px solid #dfbd7c16;border-radius:50%;transform:rotateX(60deg) rotateZ(-15deg);animation:orbit 18s linear infinite}.o2{width:92%;height:90%;animation-direction:reverse;animation-duration:25s}.scene-label{position:absolute;bottom:10px;font-size:7px;letter-spacing:1.7px;color:#8f7b58}.corner{position:absolute;width:16px;height:16px;border-color:#c19950;border-style:solid;opacity:.7}.top-left{top:15px;left:15px;border-width:1px 0 0 1px}.bottom-right{right:15px;bottom:15px;border-width:0 1px 1px 0}.metrics,.score-parts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:22px 0 28px}.metric{padding:21px 24px;background:linear-gradient(135deg,#171b22,#10151b);border:1px solid #dfbd7c22;position:relative;overflow:hidden}.metric::after{content:"";position:absolute;right:-20px;bottom:-25px;width:70px;height:70px;border:1px solid #dfbd7c08;transform:rotate(30deg)}.metric>span{font-size:10px;color:var(--muted)}.metric>b{display:block;font-size:31px;font-weight:400;color:var(--gold-bright);margin-top:13px;letter-spacing:-1px;animation:count-in .7s ease both}.metric small{display:block;font-size:9px;margin-top:8px}.panel{position:relative;border:1px solid #dfbd7c22;background:linear-gradient(120deg,#141920e8,#10151de8);padding:28px;margin:22px 0;border-radius:3px;box-shadow:0 10px 30px #0002}.panel.no-pad{padding:0;overflow:hidden}.section-heading,.page-title{display:flex;align-items:center;justify-content:space-between;gap:20px}.section-heading h2{margin-top:9px;margin-bottom:6px}.status{display:inline-flex;align-items:center;gap:7px;color:var(--gold);font-size:9px;line-height:1.4;padding:7px 10px;background:#bb8e2e0c;border:1px solid #c4984b25;border-radius:2px;white-space:nowrap}.status i{width:4px;height:4px;background:currentColor;box-shadow:0 0 8px currentColor}.status-learning{color:#f1bd76}.status-exam{color:#ffe4a5}.status-retake,.status-failed{color:#ff9b72;background:#c4581810;border-color:#c4581840}.status-complete{color:#b3c990;background:#7d9c2010;border-color:#95aa5935}.status-locked{color:#697580;background:#ffffff03;border-color:#ffffff0a}.route-row,.module-row{display:flex;gap:18px;align-items:center;padding:22px 0;border-bottom:1px solid var(--line);position:relative}.route-row:last-child,.module-row:last-child{border-bottom:0}.route-number,.module-n{width:34px;height:34px;flex-shrink:0;display:grid;place-items:center;border:1px solid #b2914d30;color:var(--gold);font-size:11px;position:relative}.route-row.current .route-number{border-color:var(--orange);box-shadow:0 0 20px #da812b20}.route-row.current .route-number::after{content:"";position:absolute;inset:-5px;border:1px solid #c9832830;animation:nav-glow 3s ease infinite}.route-copy{flex:1}.route-copy small,.route-copy span,.module-row small{display:block;color:var(--muted);font-size:10px;line-height:1.6}.route-copy small{font-size:8px;color:#aa8b54;margin-bottom:6px}.route-copy b{font-weight:400;font-size:17px}.route-copy span{margin-top:7px}.route-row .secondary,.module-row .secondary{font-size:10px;padding:9px 13px;min-height:34px;white-space:nowrap}.route-row.locked,.module-row.locked{opacity:.48}.progress-track{height:3px;background:#ffffff09;min-width:80px;overflow:hidden;position:relative;margin-top:12px}.progress-track i{display:block;width:var(--progress);height:100%;background:linear-gradient(90deg,#8e6a31,var(--orange),#f2cc85);box-shadow:0 0 12px #e8a54550;animation:progress-in .9s cubic-bezier(.2,.7,.2,1) both}.progress-track i::after{content:"";display:block;width:18px;height:100%;background:#fff6;animation:progress-sweep 3s linear infinite}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:22px}.two-col .panel{margin:0}.data-rows{margin:0}.data-rows>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:13px 0;font-size:11px;line-height:1.5}.data-rows dt{color:var(--muted)}.data-rows dd{margin:0;text-align:right;color:var(--text);max-width:60%}.module-row>div{flex:1}.module-row b{font-weight:400;font-size:14px}.module-row small{margin-top:8px}.profile-strip{border:1px solid #dfbd7c20;padding:17px 20px;display:flex;gap:20px;align-items:center;flex-wrap:wrap;font-size:11px;color:var(--muted);margin:20px 0}.profile-title{margin-top:30px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;font-size:11px;line-height:1.6}th{color:#988665;background:#dfbd7c05;font-size:8px;letter-spacing:.7px;font-weight:400;text-align:left;padding:17px;border-bottom:1px solid #d1a25f26}td{padding:19px 17px;border-bottom:1px solid var(--line);vertical-align:middle}td small{display:block;font-size:9px;color:#89939c;margin-top:6px}td b{font-weight:400;color:var(--gold-bright)}tbody tr:hover{background:#dfbd7c04}.employee-table th:nth-child(1){width:22%}.employee-table th:nth-child(2){width:25%}.employee-table td:nth-child(4){min-width:100px}.employee-table .secondary{font-size:9px;padding:9px 12px;min-height:32px;white-space:nowrap}.filters-bar{display:flex;gap:16px;margin-top:30px}.filters-bar label,.field-label{font-size:9px;color:var(--gold);display:block;line-height:1.6}.filters-bar input,.filters-bar select,.field-label input,.field-label textarea{display:block;width:100%;max-width:none;background:#0c1117;border:1px solid #dfbd7c2c;border-radius:2px;padding:12px 14px;color:var(--text);margin-top:8px}.filters-bar label:first-child{flex:1}.filters-bar label:last-child{min-width:190px}.fine-print{font-size:10px;color:#717c86}.exam-attempt{padding:20px 0;border-bottom:1px solid var(--line)}summary{cursor:pointer;line-height:1.7}.exam-attempt summary{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.exam-attempt summary>span:first-child{flex:1}.exam-attempt summary small{font-size:9px}.exam-attempt .metric b{font-size:24px}.exam-attempt p{font-size:12px}.panel li{color:var(--muted);line-height:1.9;font-size:12px}.grade-row{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:25px;align-items:start;padding:20px 0;border-bottom:1px solid var(--line)}.grade-row.compact{align-items:center}.grade-row b{font-weight:400;line-height:1.7}.grade-row select{padding:11px;background:#0c1117;border:1px solid #dfbd7c35;color:var(--gold-bright);border-radius:2px}.field-label{margin:22px 0}.grade-summary{padding:20px;border:1px solid #d7a95630;background:#c79b4b09;line-height:1.7;margin:25px 0;color:var(--gold)}.grade-summary b{display:block;font-weight:400;color:var(--text);margin-top:8px}.library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:25px}.library-card{position:relative;text-align:left;border:1px solid #d7a95630;border-radius:3px;padding:22px;overflow:hidden;background:radial-gradient(circle at var(--pointer-x,50%) var(--pointer-y,20%),#dfbd7c15,transparent 70%),#11171e;transition:transform .3s,border-color .3s,box-shadow .3s}.library-card:hover{transform:translateY(-7px);border-color:#d2aa62;box-shadow:0 15px 35px #0005,0 0 20px #c58d2610}.library-card h2{font-size:21px;line-height:1.2;margin-top:13px}.library-card p{font-size:10px}.library-card>span:last-child{font-size:11px;color:var(--orange);display:block;margin-top:20px}.card-number{font-size:10px;color:var(--gold)}.mini-art .holo-scene{min-height:100px;max-height:120px}.mini-art .scene-label,.mini-art .corner{display:none}.mini-art svg{max-height:120px}.lesson-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.lesson-heading h1{font-size:32px;max-width:850px}.pill{border:1px solid #dfbd7c2e;padding:9px 14px;font-size:10px;color:var(--gold)}.lesson-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:24px;align-items:start;margin-top:20px}.lesson-sidebar{position:sticky;top:20px;background:#0e141b;border:1px solid #dfbd7c25}.lesson-sidebar button{width:100%;display:flex;gap:12px;align-items:start;background:none;border:0;border-bottom:1px solid var(--line);text-align:left;padding:15px 13px;font-size:10px;line-height:1.6;color:#a9adb0}.lesson-sidebar button>span{color:var(--gold);font-size:9px}.lesson-sidebar button i{font-style:normal;color:#697580;margin-left:auto}.lesson-sidebar button.active{background:linear-gradient(90deg,#cf8d2320,#cf8d2303);color:var(--gold-bright);box-shadow:inset 2px 0 var(--orange)}.lesson-sidebar button:hover:not(:disabled){background:#dfbd7c0c}.lesson-article{margin:0;padding:30px;overflow:hidden}.lesson-article h2{font-size:23px;margin-top:35px}.lesson-lead{font-size:16px;line-height:2;color:#d0d2d2}.lesson-article p{line-height:1.95}.reading-line{position:absolute;top:0;left:0;height:1px;width:80px;background:linear-gradient(90deg,transparent,var(--orange),transparent);animation:read-line 8s ease-in-out infinite}.lesson-controls{display:flex;justify-content:space-between;gap:12px;margin-top:30px}.lesson-controls button{font-size:10px;padding:11px 14px}.take-check{border-top:1px solid #dfbd7c35;border-bottom:1px solid #dfbd7c35;padding:25px 0;margin-top:40px;display:flex;align-items:center;justify-content:space-between;gap:25px}.take-check small{font-size:8px;letter-spacing:1px;color:var(--gold)}.take-check p{font-size:11px}.take-check .primary{white-space:nowrap;font-size:11px}.interactive-lab{position:relative;overflow:hidden;background:radial-gradient(circle at var(--pointer-x,50%) var(--pointer-y,50%),#c48a2320,transparent 65%),#080e14;border:1px solid #d1a25f45;border-radius:3px;padding:24px;margin:30px 0;box-shadow:inset 0 0 50px #0004}.interactive-lab .eyebrow{font-size:8px}.interactive-lab>svg{width:100%;height:160px;margin:20px 0}.interactive-lab p{font-size:12px}.circuit-path{stroke:#b99357;stroke-width:2;stroke-dasharray:10 5;animation:flow 12s linear infinite}.current-dot{filter:drop-shadow(0 0 5px #ff8b35)}.range-row{display:grid;grid-template-columns:1fr 170px;gap:25px;align-items:center}.range-row label{font-size:10px;color:var(--muted)}.range-row label>b{color:var(--gold-bright);float:right}.range-row input{display:block;width:100%;accent-color:var(--orange);margin-top:20px}.live-value{text-align:center;border:1px solid #dfbd7c25;padding:15px}.live-value span,.live-value small{display:block;font-size:9px;color:var(--muted)}.live-value b{display:block;color:var(--gold-bright);font-size:27px;font-weight:400;margin:10px 0}.fiber-model{position:relative;height:150px;margin:20px 0;perspective:800px;overflow:hidden}.fiber-model>span{position:absolute;left:8%;right:8%;border-radius:30px;top:50%;transform:translateY(-50%);transition:all .4s}.fiber-coat{height:86px;background:linear-gradient(0deg,#8e572348,#f0bf6370,#8e572348);border:1px solid #c98c4550;box-shadow:0 5px 30px #c98c4520}.fiber-clad{height:48px;background:linear-gradient(0deg,#dbe3da0e,#e0c68b40,#dbe3da0e);border:1px solid #dbe3da40}.fiber-core{height:13px;background:linear-gradient(0deg,#dc732650,#f4b75e90,#dc732650);border:1px solid #ffa951;box-shadow:0 0 20px #ff953d45}.fiber-model .light-packet{left:0;right:auto;width:30px;height:7px;background:#ffe2a1;filter:blur(1px);box-shadow:0 0 20px #ffd187;animation:light-travel 2.5s linear infinite}.fiber-model .packet2{animation-delay:1.2s}.fiber-model[data-layer="1"] .fiber-clad{box-shadow:0 0 30px #edc76e45;border-color:#ffe0a5}.fiber-model[data-layer="2"] .fiber-coat{box-shadow:0 0 35px #edb05255;border-color:#ffb354}.micro-tabs{display:flex;gap:8px;flex-wrap:wrap}.micro-tabs button,.pin-buttons button{padding:9px 12px;background:#dfbd7c05;border:1px solid #dfbd7c30;color:var(--muted);font-size:10px;border-radius:2px}.micro-tabs button.active,.micro-tabs button:hover,.pin-buttons button:hover{color:var(--gold-bright);background:#dfbd7c15;border-color:var(--gold)}.pin-buttons{display:flex;gap:8px;justify-content:center}.pin-buttons button{min-width:34px}.wire{stroke-dasharray:15 4;animation:flow 5s linear infinite;transition:opacity .3s,stroke-width .3s}.cable-lab:has(.wire.chosen) .wire:not(.chosen){opacity:.15}.wire.chosen{stroke-width:6;filter:drop-shadow(0 0 4px #ffb74d)}.safety-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:30px 0}.safety-flow button{position:relative;background:#b28c4406;border:1px solid #b28c4430;text-align:left;padding:16px 12px;color:#b3aca0;font-size:11px;line-height:1.6;overflow:hidden}.safety-flow button b{display:block;font-size:25px;font-weight:300;color:var(--gold);margin-bottom:12px}.safety-flow button.active,.safety-flow button:hover{border-color:var(--orange);background:#d37d2114;box-shadow:0 0 20px #b5731620;transform:translateY(-4px)}.lesson-photo img{width:100%;max-height:450px;object-fit:contain;background:#060a0f}.lesson-photo{margin:30px 0}.lesson-photo figcaption{font-size:10px;color:var(--muted);line-height:1.7;margin-top:12px}video{width:100%;max-height:430px;background:black;border:1px solid #dfbd7c25}dialog{max-width:780px;width:92%;border:1px solid #bd8c3d70;background:linear-gradient(130deg,#171c23,#0d131a);border-radius:4px;padding:38px;color:var(--text);box-shadow:0 0 80px #0009,0 0 25px #c4902b15}dialog::backdrop{background:#020508d9;backdrop-filter:blur(7px)}dialog h2{font-size:25px;line-height:1.4;margin:23px 0}.close-modal{position:absolute;right:15px;top:10px;background:none;border:0;color:var(--muted);font-size:25px}dialog[open]{animation:dialog-in .3s ease both}.quiz-progress{margin:20px 0 30px;display:flex;align-items:center;gap:16px}.quiz-progress span{font-size:10px;color:var(--gold);min-width:40px}.quiz-progress .progress-track{flex:1;margin:0}.answer{width:100%;display:flex;gap:14px;align-items:center;padding:17px 18px;border:1px solid #dfbd7c25;background:#070d1340;text-align:left;border-radius:3px;margin:10px 0;font-size:13px;line-height:1.6;animation:answer-enter .35s ease both}.answer i{font-style:normal;color:var(--gold);font-size:10px;border:1px solid #dfbd7c30;display:grid;place-items:center;width:28px;height:28px;flex-shrink:0}.answer:hover:not(:disabled){border-color:#cc9e4c;background:#dfbd7c09;transform:translateX(5px)}.answer.selected{border-color:var(--orange);background:#cb75221b;box-shadow:inset 3px 0 var(--orange),0 0 20px #cb75220c}.answer:disabled{opacity:.65}.answer-feedback{padding:20px;background:#dfbd7c08;border:1px solid #dfbd7c25;margin:23px 0;animation:enter .3s ease both}.answer-feedback.correct{border-left:2px solid #b3c990}.answer-feedback.incorrect{border-left:2px solid #ff9b72}.answer-feedback p{font-size:12px;margin:12px 0 0}.result-orb{width:145px;height:145px;margin:20px auto 30px;display:grid;place-content:center;border:1px solid var(--gold);border-radius:50%;font-size:42px;color:var(--gold-bright);box-shadow:0 0 40px #bb8e2e20,inset 0 0 30px #bb8e2e15;position:relative;animation:result-pop .7s ease both}.result-orb::before{content:"";position:absolute;inset:-12px;border:1px dashed #dfbd7c50;border-radius:50%;animation:rotate 20s linear infinite}.result-orb small{position:absolute;right:28px;bottom:40px;color:var(--gold)}.result-orb.fail{border-color:#b46e4b}.result-orb+h2{text-align:center}#modal-content>p{text-align:left}.toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%,25px);opacity:0;pointer-events:none;background:#212019;border:1px solid var(--gold);padding:16px 24px;font-size:12px;color:var(--gold-bright);box-shadow:0 10px 40px #0008;z-index:100;transition:.3s}.toast.visible{opacity:1;transform:translate(-50%,0)}.save-error{color:#ff9b72}.app-footer{padding:20px 36px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;color:#66717a;font-size:8px;letter-spacing:.8px}.app-footer span:last-child{color:#8c744e}body.motion-off *{animation:none!important;transition:none!important}.motion-off animateMotion{display:none}@keyframes flow{to{stroke-dashoffset:-180}}@keyframes trace{0%,100%{stroke-dashoffset:130;opacity:.4}45%,65%{stroke-dashoffset:0;opacity:1}}@keyframes float{50%{transform:translateY(-9px) rotateX(3deg)}}@keyframes orbit{to{transform:rotateX(60deg) rotateZ(345deg)}}@keyframes node{50%{opacity:.3;filter:drop-shadow(0 0 3px #f5b849)}}@keyframes spark{0%,85%,100%{opacity:.1;transform:scale(.7)}45%{opacity:.7;transform:scale(1.15)}}@keyframes scan{50%{transform:translateY(48px);opacity:.15}}@keyframes enter{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes answer-enter{from{opacity:0;transform:translateX(8px)}to{opacity:1;transform:none}}@keyframes dialog-in{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}@keyframes result-pop{from{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes grid-drift{to{transform:translate(58px,58px)}}@keyframes nav-glow{50%{opacity:.5;box-shadow:0 0 24px #ff8b3590}}@keyframes button-sweep{0%,80%{left:-80px}100%{left:150%}}@keyframes progress-in{from{width:0}to{width:var(--progress)}}@keyframes progress-sweep{from{transform:translateX(-25px)}to{transform:translateX(700px)}}@keyframes count-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes read-line{50%{left:calc(100% - 80px)}}@keyframes light-travel{from{left:8%}to{left:86%}}@media(max-width:1250px){aside{width:210px}.shell{margin-left:210px}header{padding:16px 24px}main{padding:28px 24px 50px}.preview-tools select{max-width:160px}.preview-tools small{display:none}.lesson-layout{grid-template-columns:190px minmax(0,1fr)}.mission{padding:28px;grid-template-columns:minmax(0,1.2fr) minmax(210px,1fr)}.route-row{gap:12px}.route-row .status{display:none}.lesson-article{padding:24px}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.take-check{display:block}.take-check .primary{margin-top:15px}}@media(max-width:850px){aside{position:static;width:100%;padding:20px;border-bottom:1px solid var(--line)}.brand{font-size:27px}.brand small{font-size:7px}.side-caption,.side-bottom{display:none}nav{display:flex;gap:6px;overflow:auto;margin-top:20px}nav button{min-width:max-content;width:auto;padding:10px 13px;margin:0}.shell{margin:0}header{min-height:70px;flex-wrap:wrap}.preview-tools{flex:1;justify-content:flex-end}main{padding:25px 20px}.mission{grid-template-columns:1fr}.mission .holo-scene{display:none}.lesson-layout{grid-template-columns:1fr}.lesson-sidebar{position:static;display:flex;overflow:auto}.lesson-sidebar button{min-width:190px;border-right:1px solid var(--line)}.two-col{grid-template-columns:1fr}.panel{padding:22px}.metrics,.score-parts{gap:9px}.metric{padding:17px}.metric>b{font-size:24px}.metric small{font-size:8px}.metric>span{font-size:9px}.route-copy b{font-size:15px}.route-copy span{font-size:9px}.page-title{align-items:flex-start}.page-title .secondary{font-size:10px;padding:11px}.grade-row{grid-template-columns:1fr;gap:10px}.grade-row select{max-width:250px}.safety-flow{grid-template-columns:1fr 1fr}.take-check p{font-size:10px}.lesson-article p{font-size:14px}.range-row{grid-template-columns:1fr}.scene-label{display:none}.app-footer{padding:18px 20px}.employee-table{min-width:850px}}@media(max-width:520px){h1{font-size:29px}.mission{padding:24px}.metrics{grid-template-columns:1fr 1fr}.metrics .metric:last-child{grid-column:1/-1}.metric>b{font-size:27px}.route-row{align-items:flex-start;flex-wrap:wrap}.route-row .secondary{margin-left:52px}.route-copy{min-width:180px}.library-grid{grid-template-columns:1fr}.filters-bar{flex-direction:column}.lesson-controls button{padding:10px;font-size:9px}.micro-tabs button{font-size:9px;padding:8px}.pin-buttons{gap:5px}.pin-buttons button{min-width:25px;padding:8px}.preview-tools select{max-width:150px}.profile-strip{gap:12px}.data-rows>div{font-size:10px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.current-dot{display:none}}@media print{aside,header,.app-footer,button,.preview-tools,.interactive-lab{display:none!important}.shell{margin:0}body{color:black;background:white}main{padding:0}.panel{background:white;color:black;border-color:#ddd}.panel p,.panel li{color:#333}}
.brand{display:flex;align-items:center;gap:11px;padding:0 8px;font-size:30px;letter-spacing:-1px}.brand>span{margin:0}.brand .brand-mark{display:grid;place-items:center;width:38px;height:43px;flex-shrink:0;border:1px solid #dfbd7c55;border-bottom:2px solid var(--orange);font-size:25px;background:#dfbd7c08;clip-path:polygon(0 0,80% 0,100% 20%,100% 100%,0 100%)}.brand small{font-size:7px;letter-spacing:2px}.system-status{display:flex;align-items:center;gap:8px;padding:16px 9px;font-size:8px;letter-spacing:1px;color:#8d9caa}.system-status i{width:5px;height:5px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px var(--orange);animation:node 3s ease-in-out infinite}#side-user{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding:18px 8px}#side-user>i{display:grid;place-items:center;width:30px;height:33px;font-style:normal;font-size:10px;color:var(--gold);border:1px solid #dfbd7c30;flex-shrink:0}#side-user>span{font-size:11px;line-height:1.7}#side-user small{display:block;font-size:9px}#motion-toggle{background:none;border:1px solid #dfbd7c25;padding:10px 13px;font-size:10px;color:var(--muted);width:100%;text-align:left}#motion-toggle:hover,#motion-toggle[aria-pressed=true]{border-color:var(--gold);color:var(--gold-bright)}.preview-tools small{font-size:7px;line-height:1.6;min-width:115px}.interactive-lab::after{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,#ffb65e70,transparent);pointer-events:none;animation:lab-scan 7s ease-in-out infinite}.fiber-model[data-layer="0"] .fiber-coat{opacity:.4}.fiber-model[data-layer="0"] .fiber-core{box-shadow:0 0 30px #ff953d88}.fiber-model[data-layer="1"] .fiber-coat{transform:translateY(-75%);opacity:.25}.fiber-model[data-layer="2"] .fiber-coat{transform:translateY(-65%) scaleY(1.2)}.safety-flow button.active::after{content:"";position:absolute;bottom:0;left:0;height:2px;width:100%;background:linear-gradient(90deg,transparent,var(--orange),transparent);animation:flow-indicator 2s ease-in-out infinite}.interactive-lab p{animation:answer-enter .35s ease both}.motion-off .current-dot{display:none}.motion-off::before{animation:none!important}@keyframes lab-scan{0%,100%{top:0;opacity:0}15%,85%{opacity:.6}50%{top:100%}}@keyframes flow-indicator{0%,100%{transform:translateX(-80%)}50%{transform:translateX(80%)}}
.practice-brief{padding:24px;margin-top:35px;background:#d3a04908;border:1px solid #d3a04925}.fusion-stage{height:155px;position:relative;margin:18px 0;overflow:hidden;background:linear-gradient(#dfbd7c05 1px,transparent 1px),linear-gradient(90deg,#dfbd7c05 1px,transparent 1px);background-size:25px 25px}.fusion-fiber{position:absolute;top:60px;width:39%;height:15px;border:1px solid #e0bd75;background:linear-gradient(0deg,#885620,#ffe3ab,#9b6433);box-shadow:0 0 25px #d69c3d20;transition:all .9s cubic-bezier(.2,.8,.2,1)}.fusion-fiber.left{left:0;transform:translateY(-13px)}.fusion-fiber.right{right:0;transform:translateY(13px)}.fusion-fiber:after{content:"";position:absolute;inset:6px 0;background:#fff0c3;box-shadow:0 0 10px #ffb747}.fusion-label{position:absolute;bottom:12px;left:0;right:0;text-align:center;color:#bd985e;font-size:9px;letter-spacing:1.4px}.fusion-lab[data-fusion-stage="1"] .fusion-fiber{transform:translateY(0)}.fusion-lab[data-fusion-stage="2"] .fusion-fiber,.fusion-lab[data-fusion-stage="3"] .fusion-fiber,.fusion-lab[data-fusion-stage="4"] .fusion-fiber{width:50%;transform:translateY(0)}.fusion-arc{position:absolute;top:42px;left:calc(50% - 24px);width:48px;height:48px;border-radius:50%;background:radial-gradient(circle,#fff8df,#ffb74755 35%,transparent 70%);opacity:0;filter:blur(2px)}.fusion-lab[data-fusion-stage="3"] .fusion-arc{animation:fusion-flare 2.5s ease-in-out infinite}.fusion-sleeve{position:absolute;top:51px;left:calc(50% - 60px);width:120px;height:33px;border:1px solid #d3d7c688;border-radius:8px;background:linear-gradient(0deg,#b7c0be25,#f5f0d155,#b7c0be25);transform:translateX(400%);transition:transform 1s ease}.fusion-lab[data-fusion-stage="4"] .fusion-sleeve{transform:translateX(0)}.fusion-steps{display:flex;justify-content:space-between;gap:8px}.fusion-steps>span{font-size:9px;color:#657481;border-top:1px solid #dfbd7c20;padding-top:10px;flex:1;transition:color .3s,border-color .3s}.fusion-steps i{display:block;font-size:14px;font-style:normal;margin-bottom:6px}.fusion-steps .active{color:var(--orange);border-color:var(--orange)}.fusion-steps .done{color:var(--gold);border-color:var(--gold)}.lab-controls{display:flex;justify-content:space-between;gap:12px;margin:20px 0}.lab-controls button{font-size:10px;padding:10px 14px}.map-lab>svg{height:220px}.map-wire{stroke-dasharray:450;animation:wire-draw .8s ease both}.trace-lab>svg{height:240px}.trace-curve{stroke-dasharray:800;animation:trace-draw 2.5s ease both;filter:drop-shadow(0 0 5px #e7bc6f40)}.event-dot{stroke:#ffb44c;fill:#ffb44c20;opacity:.1;transition:opacity .3s}.trace-lab[data-event="0"] .event-0,.trace-lab[data-event="1"] .event-1,.trace-lab[data-event="2"] .event-2{opacity:1;animation:node 2.5s ease-in-out infinite;filter:drop-shadow(0 0 8px #ffb44c)}@keyframes fusion-flare{0%,100%{opacity:.15;transform:scale(.6)}50%{opacity:1;transform:scale(1.4)}}@keyframes wire-draw{from{stroke-dashoffset:450}to{stroke-dashoffset:0}}@keyframes trace-draw{from{stroke-dashoffset:800}to{stroke-dashoffset:0}}