:root{--ink:#0f172a;--muted:#64748b;--line:#e2e8f0;--brand:#f97316;--brand-ink:#9a3412;--bg:#f8fafc}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--bg)}a{color:inherit}.top{display:flex;align-items:center;gap:.75rem;padding:.8rem 1.5rem;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.logo{width:2rem;height:2rem;border-radius:.5rem;background:var(--ink);color:#fff;display:grid;place-items:center;font-weight:800;font-size:.9rem}.top b{font-size:1.05rem}.top .crumbs{color:var(--muted);font-size:.9rem}.top .crumbs a{text-decoration:none}.pill{margin-left:auto;font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--brand-ink);background:#ffedd5;border-radius:999px;padding:.3rem .7rem}main{max-width:1100px;margin:0 auto;padding:2rem 1.5rem 4rem}h1{font-size:2rem;margin:.2rem 0 .4rem}h2{font-size:1.25rem;margin:1.6rem 0 .6rem}.lead{color:var(--muted);font-size:1.05rem;max-width:46rem}.grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.card{background:#fff;border:1px solid var(--line);border-radius:1rem;padding:1.1rem 1.2rem;text-decoration:none;display:block}a.card:hover{border-color:var(--brand);box-shadow:0 4px 18px #0f172a0f}.card .tag{font-weight:800;color:var(--brand);font-size:.85rem}.card h3{margin:.25rem 0 .35rem;font-size:1.1rem}.card p{margin:0;color:var(--muted);font-size:.92rem}.card.soon{opacity:.6}.apps .card{padding:1.5rem}.apps .card h3{font-size:1.3rem}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.7rem 1.1rem;border-radius:.7rem;border:1px solid var(--line);background:#fff;font-weight:700;font-size:.95rem;cursor:pointer;text-decoration:none;min-height:2.9rem;color:var(--ink)}.btn.primary{background:var(--ink);color:#fff;border-color:var(--ink)}.btn.brand{background:var(--brand);color:#fff;border-color:var(--brand)}.row{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center;margin:.8rem 0}table.ca{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:1rem;overflow:hidden}table.ca td,table.ca th{padding:.6rem .9rem;border-bottom:1px solid var(--line);text-align:left;font-size:.95rem}table.ca td.n{text-align:right;width:7rem;color:var(--muted)}.lesson{background:#fff;border:1px solid var(--line);border-radius:1rem;padding:1.2rem 1.6rem;line-height:1.55}.lesson h2{font-size:1.15rem}.objective{background:#fff7ed;border:1px solid #fed7aa;border-radius:.8rem;padding:.8rem 1rem;margin:.8rem 0}.q{background:#fff;border:1px solid var(--line);border-radius:1rem;padding:1rem 1.2rem;margin:.8rem 0}.q button{display:block;width:100%;text-align:left;margin:.4rem 0;padding:.7rem .9rem;border-radius:.6rem;border:1px solid var(--line);background:#f8fafc;font-size:1rem;cursor:pointer;color:var(--ink)}.q button.right{border-color:#16a34a;background:#dcfce7}.q button.wrong{border-color:#dc2626;background:#fee2e2}.q .why{color:#334155;font-size:.92rem;margin-top:.4rem}.muted{color:var(--muted);font-size:.9rem}.foot{color:var(--muted);font-size:.8rem;text-align:center;padding:2rem 1rem}.present{position:fixed;inset:0}.panel{position:fixed;right:1rem;top:3.2rem;width:22rem;background:#fff;color:var(--ink);border-radius:1rem;padding:1rem;z-index:50;box-shadow:0 10px 40px #0006;font-size:.92rem}.panel h4{margin:.1rem 0 .5rem}.panel .btn{min-height:2.4rem;padding:.45rem .8rem;font-size:.85rem}.panel-toggle{position:fixed;right:1rem;top:.45rem;z-index:51}.exit{position:fixed;left:50%;transform:translate(-50%);top:.35rem;z-index:51}.pfd{--bg:#0f172a;--fg:#f8fafc;--muted:#94a3b8;--accent:#f59e0b;--ok:#22c55e;--card:#1e293b;--line:#334155;position:fixed;inset:0;background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:flex;flex-direction:column;overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:pan-y}.pfd-top{display:flex;align-items:center;gap:1rem;padding:.8rem 1.4rem;border-bottom:1px solid var(--line);font-size:1.1rem}.pfd-top .pfd-brand{font-weight:800;color:var(--accent);letter-spacing:.02em}.pfd-top .pfd-meta{color:var(--muted);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pfd-top .pfd-count{color:var(--muted);font-variant-numeric:tabular-nums}.pfd-stage{flex:1;position:relative;display:flex;min-height:0}.pfd-slide{flex:1;padding:2.5rem 4rem;overflow:auto;font-size:clamp(1.3rem,2.4vw,2.4rem);line-height:1.45}.pfd-slide h1,.pfd-slide h2{font-size:1.7em;margin:0 0 .6em;color:#fff;line-height:1.15}.pfd-slide h3{font-size:1.2em;margin:.6em 0 .3em}.pfd-slide ul,.pfd-slide ol{padding-left:1.3em}.pfd-slide li{margin:.3em 0}.pfd-slide p{margin:.5em 0}.pfd-slide strong{color:var(--accent)}.pfd-slide table{border-collapse:collapse;font-size:.8em}.pfd-slide td,.pfd-slide th{border:1px solid var(--line);padding:.3em .6em}.pfd-slide a{color:#93c5fd}.pfd-tag{display:inline-block;font-size:.5em;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:.6em}.pfd-bar{display:flex;gap:.6rem;padding:.7rem 1rem;border-top:1px solid var(--line);background:#0b1222;flex-wrap:wrap;justify-content:center}.pfd-btn{min-width:5.2rem;min-height:4rem;padding:.5rem 1.1rem;border-radius:1rem;border:2px solid var(--line);background:var(--card);color:var(--fg);font-size:1.15rem;font-weight:650;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.4rem}.pfd-btn:active{transform:scale(.97)}.pfd-btn.on{border-color:var(--accent);color:var(--accent)}.pfd-btn.big{min-width:7rem;font-size:1.6rem}.pfd-btn:disabled{opacity:.4}.pfd-tray{position:absolute;right:1rem;bottom:1rem;top:1rem;width:min(26rem,40vw);background:var(--card);border:2px solid var(--line);border-radius:1.2rem;padding:1rem;overflow:auto;display:flex;flex-direction:column;gap:.6rem;z-index:5}.pfd-tray h3{margin:0 0 .3rem;font-size:1.2rem;color:var(--muted)}.pfd-tray .pfd-btn{justify-content:flex-start;width:100%;text-align:left}.pfd-overlay{position:absolute;inset:0;background:#020617f0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;padding:2rem}.pfd-overlay .pfd-close{position:absolute;top:1rem;right:1rem}.pfd-overlay h2{font-size:2rem;margin:0 0 1rem}.pfd-anim{width:min(80vw,900px);height:min(66vh,640px)}.pfd-anim svg{width:100%;height:100%}.pfd-caption{color:var(--muted);font-size:1.3rem;margin-top:1rem;text-align:center;max-width:60rem}.pfd-video{width:min(88vw,1280px);aspect-ratio:16/9;border:0;border-radius:.8rem;background:#000}.pfd-timer{position:absolute;top:1rem;right:1.2rem;background:var(--card);border:2px solid var(--line);border-radius:1rem;padding:.4rem 1rem;font-size:2.6rem;font-weight:800;font-variant-numeric:tabular-nums;z-index:4}.pfd-timer.low{color:#f87171;border-color:#f87171}.pfd-timer.paused{opacity:.7}.pfd-picked{font-size:clamp(4rem,12vw,10rem);font-weight:900;color:var(--accent);animation:pfd-pop .45s ease-out}@keyframes pfd-pop{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}.pfd-poll{width:min(100%,1100px)}.pfd-poll h2{font-size:clamp(1.6rem,3vw,2.8rem)}.pfd-pollrow{display:grid;grid-template-columns:3rem 1fr 5rem;gap:1rem;align-items:center;margin:.7rem 0;font-size:1.6rem}.pfd-pollbar{height:3.2rem;background:#0b1222;border-radius:.6rem;overflow:hidden;position:relative}.pfd-pollbar>span{position:absolute;inset:0 auto 0 0;background:#3b82f6;transition:width .4s}.pfd-pollbar>em{position:relative;z-index:1;padding:0 .8rem;line-height:3.2rem;font-style:normal;white-space:nowrap}.pfd-pollrow.correct .pfd-pollbar>span{background:var(--ok)}.pfd-pollrow.correct .pfd-letter{color:var(--ok)}.pfd-letter{font-weight:900;font-size:2rem;text-align:center}.pfd-note{color:var(--muted);font-size:1.2rem;margin-top:1rem}.pfd-seats{position:relative;width:min(92vw,1300px);height:min(70vh,700px);border:2px dashed var(--line);border-radius:1rem}.pfd-seat{position:absolute;transform:translate(-50%,-50%);min-width:6.5rem;min-height:3.6rem;padding:.3rem .7rem;border-radius:.8rem;background:var(--card);border:2px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:650;touch-action:none}.pfd-seat.hit{border-color:var(--accent);color:var(--accent)}.pfd-front{position:absolute;left:50%;transform:translate(-50%);bottom:.4rem;color:var(--muted);font-size:1rem;letter-spacing:.2em}.pfd-blank{position:absolute;inset:0;background:#000;z-index:20;display:flex;align-items:flex-end;justify-content:center;padding:2rem}.pfd-gate{margin:auto;max-width:38rem;text-align:center;font-size:1.3rem;color:var(--muted);padding:2rem}.pfd-gate h1{color:var(--fg)}.pfa-svg text{fill:#e2e8f0;font-family:system-ui,sans-serif}.pfa-small{font-size:11px;fill:#94a3b8!important}.pfa-label{font-size:14px;text-anchor:middle;font-weight:700;opacity:0}.pfa-static{opacity:1}.pfa-metal{fill:#475569;stroke:#64748b;stroke-width:2}.pfa-bore{fill:#0b1222}.pfa-steel{fill:#cbd5e1}.pfa-rod{stroke:#cbd5e1;stroke-width:10;stroke-linecap:round}.pfa-plug{fill:#e2e8f0}.pfa-crankcase{fill:#1e293b;stroke:#475569;stroke-width:2}.pfa-pad{fill:#a16207}.pfa-rotor{fill:#9ca3af}.pfa-fluid{fill:#f59e0b}.pfa-wire{fill:none;stroke:#cbd5e1;stroke-width:4}.pfa-battery{fill:#1e293b;stroke:#f59e0b;stroke-width:3}.pfa-fuse{fill:#ef4444}.pfa-lamp{fill:#fde047;stroke:#ca8a04;stroke-width:3}.pfa-switch{stroke:#e2e8f0;stroke-width:5}.pfa-charge{fill:#38bdf8}.pfa-drum-ring{fill:#64748b}.pfa-spring{fill:none;stroke:#94a3b8;stroke-width:3;stroke-dasharray:4 3}.pfa-four .pfa-piston{animation:pfa-piston 4s ease-in-out infinite}@keyframes pfa-piston{0%,50%,to{transform:translateY(0)}25%,75%{transform:translateY(62px)}}.pfa-four .pfa-crank{transform-origin:160px 270px;animation:pfa-spin2 4s linear infinite}@keyframes pfa-spin2{to{transform:rotate(720deg)}}.pfa-valve-in{animation:pfa-vin 4s infinite}.pfa-valve-ex{animation:pfa-vex 4s infinite}@keyframes pfa-vin{0%,25%{transform:translateY(10px)}27%,to{transform:translateY(0)}}@keyframes pfa-vex{0%,74%{transform:translateY(0)}76%,99%{transform:translateY(10px)}to{transform:translateY(0)}}.pfa-spark{fill:#fde047;opacity:0;animation:pfa-spark 4s infinite}@keyframes pfa-spark{0%,48%{opacity:0}50%{opacity:1}54%,to{opacity:0}}.pfa-mix{fill:#38bdf8;opacity:0;animation:pfa-mix 4s infinite}@keyframes pfa-mix{0%{opacity:0}10%,48%{opacity:.35}50%,to{opacity:0}}.pfa-burn{fill:#f97316;opacity:0;animation:pfa-burn 4s infinite}@keyframes pfa-burn{0%,49%{opacity:0}52%{opacity:.8}75%{opacity:.25}to{opacity:0}}.pfa-l1{animation:pfa-q1 4s infinite}.pfa-l2{animation:pfa-q2 4s infinite}.pfa-l3{animation:pfa-q3 4s infinite}.pfa-l4{animation:pfa-q4 4s infinite}@keyframes pfa-q1{0%,24%{opacity:1}25%,to{opacity:0}}@keyframes pfa-q2{0%,24%{opacity:0}25%,49%{opacity:1}50%,to{opacity:0}}@keyframes pfa-q3{0%,49%{opacity:0}50%,74%{opacity:1}75%,to{opacity:0}}@keyframes pfa-q4{0%,74%{opacity:0}75%,to{opacity:1}}.pfa-disc .pfa-piston-in{animation:pfa-push 4s ease-in-out infinite}.pfa-disc .pfa-caliper{animation:pfa-slide 4s ease-in-out infinite}@keyframes pfa-push{0%,25%,90%,to{transform:translate(-8px)}40%,80%{transform:translate(0)}}@keyframes pfa-slide{0%,25%,90%,to{transform:translate(8px)}40%,80%{transform:translate(-50px)}}.pfa-disc .pfa-fluid{animation:pfa-press 4s infinite}@keyframes pfa-press{0%,25%,90%,to{fill:#78350f}40%,80%{fill:#f59e0b}}.pfa-disc .pfa-d1,.pfa-drum .pfa-d1{animation:pfa-r1 4s infinite}.pfa-disc .pfa-d2,.pfa-drum .pfa-d2{animation:pfa-r2 4s infinite}@keyframes pfa-r1{0%,30%,90%,to{opacity:1}34%,86%{opacity:0}}@keyframes pfa-r2{0%,30%,90%,to{opacity:0}34%,86%{opacity:1}}.pfa-shoe-l{animation:pfa-shl 4s ease-in-out infinite}.pfa-shoe-r{animation:pfa-shr 4s ease-in-out infinite}@keyframes pfa-shl{0%,25%,90%,to{transform:translate(0)}40%,80%{transform:translate(-12px)}}@keyframes pfa-shr{0%,25%,90%,to{transform:translate(0)}40%,80%{transform:translate(12px)}}@media(prefers-reduced-motion:reduce){.pfa-svg *{animation-duration:12s!important}}.pfc{max-width:72rem;margin:0 auto;padding:1.2rem;font-family:system-ui,sans-serif;color:#0f172a}.pfc h1{font-size:1.6rem;margin:.2rem 0 1rem}.pfc h2{font-size:1.15rem;margin:0 0 .6rem}.pfc-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr))}.pfc-card{background:#fff;border:1px solid #e2e8f0;border-radius:.9rem;padding:1rem}.pfc label{display:block;font-size:.85rem;font-weight:600;margin:.5rem 0 .2rem;color:#334155}.pfc select,.pfc input,.pfc textarea{width:100%;padding:.55rem .6rem;border:1px solid #cbd5e1;border-radius:.5rem;font-size:1rem;box-sizing:border-box;background:#fff}.pfc-row{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;margin-top:.6rem}.pfc-b{padding:.6rem 1rem;border-radius:.6rem;border:1px solid #cbd5e1;background:#f8fafc;color:#0f172a;font-weight:600;cursor:pointer;min-height:2.8rem;font-size:.95rem}.pfc-b.primary{background:#0f172a;color:#fff;border-color:#0f172a}.pfc-b.warn{background:#fef3c7;border-color:#f59e0b}.pfc-b.danger{background:#fee2e2;color:#991b1b;border-color:#ef4444}.pfc-b:disabled{opacity:.5}.pfc-muted{color:#64748b;font-size:.88rem}.pfc-err{color:#b91c1c;font-size:.9rem}.pfc-ok{color:#15803d;font-size:.9rem}.pfc-code{font-family:ui-monospace,monospace;background:#f1f5f9;padding:.1rem .35rem;border-radius:.3rem}.pfc-slides{display:flex;gap:.4rem;overflow-x:auto;padding:.2rem 0}.pfc-slides button{flex:0 0 auto;max-width:12rem;text-align:left;font-size:.82rem}.pfc-slides button.cur{border-color:#f59e0b;background:#fffbeb}.pfc-list{list-style:none;padding:0;margin:.4rem 0}.pfc-list li{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.35rem 0;border-bottom:1px solid #f1f5f9}.pfc-seatmap{position:relative;height:24rem;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:.8rem;touch-action:none;margin-top:.5rem}.pfc-seat{position:absolute;transform:translate(-50%,-50%);min-width:5rem;min-height:2.6rem;padding:.2rem .5rem;background:#fff;border:2px solid #94a3b8;border-radius:.6rem;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem;cursor:grab;touch-action:none}.pfc-seat.sel{border-color:#f59e0b;background:#fffbeb}.pfc-seat.empty{color:#94a3b8;border-style:dashed}.pfc-preview{aspect-ratio:16/9;position:relative;border-radius:.6rem;overflow:hidden;border:1px solid #0f172a}.pfc-preview .pfd{position:absolute;font-size:9px}.pfc-preview .pfd-slide{font-size:13px;padding:.8rem 1.2rem}.pfc-qc{max-width:32rem;margin:1.5rem auto;padding:1rem;font-family:system-ui,sans-serif}.pfc-qc .pfc-b{display:block;width:100%;text-align:left;margin:.5rem 0;min-height:3.6rem;font-size:1.1rem}.pfc-qc .pfc-b.mine{border-color:#2563eb;background:#eff6ff}.pfc-preview .pfd-overlay{padding:.6rem}.pfc-preview .pfd-poll h2{font-size:1rem}.pfc-preview .pfd-pollrow{font-size:.85rem;grid-template-columns:1.5rem 1fr 2rem;gap:.4rem;margin:.25rem 0}.pfc-preview .pfd-pollbar{height:1.5rem}.pfc-preview .pfd-pollbar>em{line-height:1.5rem}