.whiteboard-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;pointer-events:auto;cursor:crosshair}.whiteboard-canvas{width:100%;height:100%;touch-action:none}.whiteboard-toolbar{position:absolute;bottom:6rem;left:50%;transform:translate(-50%);display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;background:#0a0a0ce6;padding:10px 20px;border-radius:30px;border:1px solid rgba(255,255,255,.15);box-shadow:0 10px 30px #000c;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);width:max-content;max-width:90vw;z-index:10005}.wb-colors{display:flex;align-items:center;gap:10px}.wb-color-btn{width:24px;height:24px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .2s,border-color .2s}.wb-color-btn:hover{transform:scale(1.2)}.wb-color-btn.active{border-color:#fff;transform:scale(1.2);box-shadow:0 0 10px currentColor}.wb-color-picker-wrapper{width:24px;height:24px;border-radius:50%;overflow:hidden;border:2px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;cursor:pointer}.wb-color-picker{width:40px;height:40px;border:none;padding:0;cursor:pointer}.wb-actions{display:flex;align-items:center;gap:10px;border-left:1px solid rgba(255,255,255,.1);padding-left:20px}.wb-action-btn{background:transparent;border:none;color:#a0a0a5;font-family:Space Grotesk,sans-serif;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:color .2s}.wb-action-btn:hover{color:#fff}.wb-tool-btn{background:transparent;border:1px solid transparent;color:#a0a0a5;width:32px;height:32px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.wb-tool-btn:hover{color:#fff;background:#ffffff1a}.wb-tool-btn.active{color:#00f0ff;background:#00f0ff1a;border-color:#00f0ff4d}.wb-divider{width:1px;height:24px;background:#ffffff1a;margin:0 10px}.wb-action-btn:disabled{opacity:.3;cursor:not-allowed}.eraser-mode{cursor:crosshair}.wb-action-btn.close:hover{color:#f05}.magic-timer-overlay{position:fixed;top:100px;right:100px;z-index:10001;pointer-events:auto}.magic-timer-container{background:#0a0a0ce6;border:1px solid rgba(0,240,255,.3);border-radius:20px;padding:20px;display:flex;flex-direction:column;align-items:center;box-shadow:0 10px 30px #00000080;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);cursor:grab}.magic-timer-container:active{cursor:grabbing}.timer-close-btn{position:absolute;top:10px;right:10px;background:none;border:none;color:#a0a0a5;cursor:pointer;font-size:14px;transition:color .2s}.timer-close-btn:hover{color:#f05}.timer-circle-wrapper{position:relative;width:120px;height:120px;cursor:pointer;display:flex;align-items:center;justify-content:center}.timer-text{position:absolute;font-family:Space Grotesk,sans-serif;font-size:24px;font-weight:700;color:#fff;transition:color .3s}.timer-text.urgent{color:#f05;animation:pulseUrgent 1s infinite}@keyframes pulseUrgent{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.timer-presets{display:flex;gap:8px;margin-top:15px}.timer-preset-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#a0a0a5;padding:4px 8px;border-radius:8px;font-family:Space Grotesk,sans-serif;font-size:12px;cursor:pointer;transition:all .2s}.timer-preset-btn:hover{background:#00f0ff26;color:#00f0ff;border-color:#00f0ff4d}.timer-controls{margin-top:15px}.timer-btn{background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff;padding:6px 16px;border-radius:12px;font-family:Space Grotesk,sans-serif;font-size:14px;cursor:pointer;transition:background .2s,border-color .2s}.timer-btn:hover{background:#ffffff1a;border-color:#fff6}.focus-spotlight-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9998;pointer-events:auto;cursor:crosshair}.spotlight-hint{position:absolute;top:40px;left:50%;transform:translate(-50%);color:#ffffff80;font-family:Space Grotesk,sans-serif;font-size:14px;pointer-events:none}.laser-pointer-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9998;pointer-events:none}.laser-canvas{width:100%;height:100%}.laser-toolbar{position:absolute;top:2rem;left:50%;transform:translate(-50%);display:flex;gap:1rem;background:#0f172acc;padding:.5rem 1rem;border-radius:20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);pointer-events:auto}.laser-btn{width:24px;height:24px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:.2s;box-shadow:0 0 10px #00000080}.laser-btn:hover{transform:scale(1.2)}.laser-btn.active{border-color:#fff;transform:scale(1.2);box-shadow:0 0 15px currentColor}.decoder-ring-widget{position:fixed;top:20vh;right:10vw;width:320px;background:#0f172ad9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(56,189,248,.3);border-radius:12px;box-shadow:0 10px 40px #00000080,0 0 20px #38bdf81a;z-index:1000;display:flex;flex-direction:column;overflow:hidden;font-family:JetBrains Mono,monospace}.decoder-header{background:#0000004d;padding:.8rem 1rem;display:flex;justify-content:space-between;align-items:center;color:var(--cyan);font-weight:700;font-size:.9rem;border-bottom:1px solid rgba(56,189,248,.2);cursor:grab}.decoder-header:active{cursor:grabbing}.decoder-close{background:transparent;border:none;color:var(--text-muted);cursor:pointer;transition:.2s}.decoder-close:hover{color:var(--rose)}.decoder-body{padding:1rem;display:flex;flex-direction:column;gap:.8rem}.decoder-body textarea{background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:var(--text-main);font-family:inherit;padding:.8rem;min-height:80px;resize:vertical;outline:none;transition:.2s}.decoder-body textarea:focus{border-color:var(--cyan);box-shadow:0 0 10px #38bdf833}.decoder-divider{text-align:center;color:var(--text-muted);font-size:1.2rem}.decoder-output{background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:.8rem;min-height:50px;word-break:break-all;font-size:.9rem}.decoder-output.success{color:var(--emerald);border-color:#10b9814d}.decoder-output.error{color:var(--rose);border-color:#f43f5e4d}.binary-rain-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;pointer-events:auto}.floating-toolkit-container{position:fixed;top:0;left:0;z-index:10000;pointer-events:none}.toolkit-btn,.toolkit-tool-btn{border-radius:50%;background:#0a0a0cd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;pointer-events:auto;outline:none;touch-action:none}.toolkit-btn{width:50px;height:50px;border:1px solid rgba(255,255,255,.08);color:#fff9;background:#0f0f1266;cursor:grab;transition:all .2s ease;position:absolute;top:0;left:0;z-index:2}.toolkit-btn:active{cursor:grabbing}.toolkit-btn:hover{border-color:#fff3;color:#fff;background:#19191e99}.toolkit-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.toolkit-icon svg{width:100%;height:100%}.toolkit-tool-btn{width:44px;height:44px;border:1px solid rgba(255,255,255,.1);color:#a0a0a5;cursor:pointer;position:absolute;top:8px;left:8px;z-index:1;box-shadow:0 4px 15px #00000080;transition:color .2s ease,border-color .2s ease}.toolkit-tool-btn svg{width:18px;height:18px}.toolkit-tool-btn:hover{color:#fff;border-color:#ffffff4d}.toolkit-tool-btn.active{color:#fff;border-color:#fff6;background:#ffffff1a}.tooltip{position:absolute;top:-30px;background:#000c;color:#fff;padding:4px 8px;border-radius:4px;font-family:Space Grotesk,sans-serif;font-size:11px;white-space:nowrap;pointer-events:none;opacity:0;transform:translateY(5px);transition:opacity .2s,transform .2s;border:1px solid rgba(255,255,255,.1)}.toolkit-tool-btn:hover .tooltip{opacity:1;transform:translateY(0)}.toolkit-btn.is-idle{background:transparent!important;border:4px solid rgba(255,255,255,.4)!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.toolkit-btn.is-idle:hover{border-color:#fffc!important;background:#ffffff1a!important}.toolkit-btn.is-idle .toolkit-icon{opacity:0;transition:opacity .2s ease}.toolkit-btn .toolkit-icon{transition:opacity .2s ease}.aurora-container{width:100%;height:100%}.light-rays-container{width:100%;height:100%;position:relative;pointer-events:none;z-index:3;overflow:hidden}:root{--bg-base: #030509;--text-main: #f8fafc;--text-muted: #94a3b8;--cyan: #00f2fe;--cyan-glow: rgba(0, 242, 254, .4);--purple: #a855f7;--purple-glow: rgba(168, 85, 247, .4);--emerald: #10b981;--emerald-glow: rgba(16, 185, 129, .4);--amber: #f59e0b;--rose: #f43f5e;--ease-spring: cubic-bezier(.175, .885, .32, 1.15);--ease-smooth: cubic-bezier(.22, 1, .36, 1)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}@media (max-width: 1600px){html{font-size:14px}}@media (max-width: 1366px){html{font-size:12px}}@media (max-width: 1024px){html{font-size:11px}}@media (max-width: 768px){html{font-size:14px}}@media (min-width: 769px) and (max-height: 800px){html{font-size:11px}}@media (min-width: 769px) and (max-height: 650px){html{font-size:9px}}body,html{width:100%;height:100%;background-color:var(--bg-base);color:var(--text-main);font-family:Inter,sans-serif;overflow:hidden;overscroll-behavior:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;user-select:none;-webkit-user-select:none}.ambient-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;pointer-events:none;background:radial-gradient(circle at 50% 50%,#0a0f1a 0%,var(--bg-base) 100%)}.glow-orb{position:absolute;top:0;left:0;width:18vw;height:18vw;border-radius:50%;filter:blur(35px);opacity:.15;transition:transform 3.5s var(--ease-smooth),background 1.5s ease;will-change:transform}#deck{position:relative;width:100%;height:100%;z-index:10;display:flex;justify-content:center;align-items:center}.slide{position:absolute;top:0;left:0;width:100%;height:100%;padding:3rem 4rem;display:flex;flex-direction:column;opacity:0;pointer-events:none;visibility:hidden;transform:scale(.96) translate3d(0,30px,0);transition:opacity .6s var(--ease-smooth),transform .8s var(--ease-spring),visibility .8s;will-change:transform,opacity}.slide.active{opacity:1;pointer-events:all;visibility:visible;transform:scale(1) translateZ(0)}.slide-content{flex:1;width:100%;max-width:1600px;margin:0 auto;display:flex;flex-direction:column;justify-content:center;position:relative;max-height:100%}h1,h2,h3,h4{font-family:Space Grotesk,sans-serif;font-weight:900;letter-spacing:-.04em;margin:0}.title-massive{font-size:6rem;line-height:1.1;margin-bottom:2rem;text-transform:uppercase}.slide-title{font-size:4rem;margin-bottom:3rem;display:flex;align-items:center;gap:1rem;line-height:1.1}h3{font-size:2rem;margin-bottom:.5rem;line-height:1.2}h4{font-size:1.2rem;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:1px}p{font-size:1.2rem;line-height:1.6;color:var(--text-muted);margin-bottom:1rem}.mono{font-family:JetBrains Mono,monospace}.text-gradient{background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.grad-cyan{background-image:linear-gradient(135deg,#fff 0%,var(--cyan) 100%)}.grad-purple{background-image:linear-gradient(135deg,#fff 0%,var(--purple) 100%)}.grad-emerald{background-image:linear-gradient(135deg,#fff 0%,var(--emerald) 100%)}.grad-rose{background-image:linear-gradient(135deg,#fff 0%,var(--rose) 100%)}.grad-amber{background-image:linear-gradient(135deg,#fff 0%,var(--amber) 100%)}.glass-panel{position:relative;isolation:isolate;border-radius:20px;border:1px solid rgb(255 255 255 / .12);background:linear-gradient(135deg,#ffffff14,#ffffff05),#0f172a66;backdrop-filter:blur(4px) saturate(120%);-webkit-backdrop-filter:blur(4px) saturate(120%);box-shadow:inset 0 1px #ffffff1a,0 18px 40px #0000004d;padding:2rem;display:flex;flex-direction:column;justify-content:center;transition:transform .3s var(--ease-spring),border-color .3s ease}.glass-panel:hover{transform:translateY(-4px)}.glass-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;background:radial-gradient(circle at 20% 0%,rgb(255 255 255 / .15),transparent 30%);pointer-events:none}.stagger{opacity:0;transform:translate3d(0,30px,0);transition:all .6s var(--ease-spring)}.slide.active .stagger{opacity:1;transform:translateZ(0)}.slide.active .d-1{transition-delay:.1s}.slide.active .d-2{transition-delay:.2s}.slide.active .d-3{transition-delay:.3s}.slide.active .d-4{transition-delay:.4s}.slide.active .d-5{transition-delay:.5s}.speaker-badge{display:inline-flex;align-items:center;gap:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:6px 20px 6px 6px;border-radius:50px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:Space Grotesk,sans-serif;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:2px}.speaker-avatar{width:32px;height:32px;background:linear-gradient(135deg,var(--cyan),var(--purple));border-radius:50%;display:flex;justify-content:center;align-items:center;color:#000;font-size:1rem}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.flex-col-gap{display:flex;flex-direction:column;gap:1.5rem}.sleek-list{list-style:none}.sleek-list li{position:relative;padding-left:2.5rem;margin-bottom:1rem;font-size:1.3rem;color:var(--text-main);line-height:1.5}.sleek-list li i{position:absolute;left:0;top:4px;font-size:1.5rem}.terminal{background:#05050acc;border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;box-shadow:0 20px 40px #000c;font-family:JetBrains Mono,monospace;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:100%}.term-header{background:#ffffff0d;padding:10px 16px;display:flex;gap:8px;border-bottom:1px solid rgba(255,255,255,.05)}.term-dot{width:12px;height:12px;border-radius:50%}.dot-r{background:#ff5f56}.dot-y{background:#ffbd2e}.dot-g{background:#27c93f}.term-body{padding:1.5rem;font-size:1rem;line-height:1.6;color:#a9b7c6;position:relative;overflow:hidden}.cursor{display:inline-block;width:8px;height:15px;background-color:var(--text-main);margin-left:4px;vertical-align:middle;animation:blink 1s step-end infinite}.hl-cyan{color:var(--cyan)}.hl-amber{color:var(--amber)}.chart-row{margin-bottom:1rem}.chart-label{display:flex;justify-content:space-between;margin-bottom:.25rem;font-family:JetBrains Mono;font-size:.9rem;font-weight:700;text-transform:uppercase}.chart-track{width:100%;height:12px;background:#ffffff0d;border-radius:6px;overflow:hidden;box-shadow:inset 0 2px 4px #00000080}.chart-fill{height:100%;width:0;border-radius:6px;transition:width 1.5s var(--ease-spring)}.slide.active .fill-95{width:95%}.slide.active .fill-60{width:60%}.slide.active .fill-25{width:25%}.diagram-flex{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:2rem}.node{background:#ffffff08;border:1px solid rgba(255,255,255,.1);padding:1.5rem;border-radius:16px;text-align:center;flex:1}.node i{font-size:2.5rem;margin-bottom:.5rem}.node-title{font-size:1.2rem;font-weight:900}.node-sub{font-size:.9rem;color:var(--text-muted);margin-top:.25rem}.arrow{font-size:1.5rem;color:#ffffff4d;animation:arrowPulse 2s ease-in-out infinite;display:inline-block}@keyframes arrowPulse{0%,to{transform:translate(0);opacity:.3}50%{transform:translate(10px);opacity:1;color:var(--cyan)}}.concept-badge{display:inline-block;padding:4px 12px;background:#ffffff1a;border-radius:6px;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:1rem}.virtual-controls{position:fixed;bottom:2rem;right:2rem;display:flex;gap:.5rem;z-index:150;opacity:.2;transition:opacity .3s ease}.virtual-controls:hover{opacity:1}.control-btn{background:#191e2899;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;width:3rem;height:3rem;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:1.2rem;cursor:pointer;transition:all .2s ease}.control-btn:hover{background:#ffffff26;transform:scale(1.1)}.control-btn:active{transform:scale(.95)}.global-footer{position:fixed;bottom:2rem;left:2rem;z-index:90;font-family:Space Grotesk,sans-serif;color:var(--text-muted);font-size:.9rem;letter-spacing:1px;text-transform:uppercase;opacity:.5}@media (max-width: 768px){.grid-2,.grid-3{grid-template-columns:1fr;gap:1rem}.diagram-flex{flex-direction:column;gap:1rem}.arrow{animation:arrowPulseMobile 2s ease-in-out infinite}@keyframes arrowPulseMobile{0%,to{transform:rotate(90deg) translateY(0);opacity:.3}50%{transform:rotate(90deg) translateY(10px);opacity:1;color:var(--cyan)}}.slide{padding:2rem 1.5rem}.slide-title{font-size:3rem;margin-bottom:2rem}.virtual-controls{opacity:.8}.slide-content{max-height:none;overflow-y:visible;justify-content:flex-start}body,html{overflow-y:auto}}.icon-massive{font-size:6rem;margin-bottom:1.5rem}.num-massive{font-size:4rem;opacity:.5;margin:0}#root{width:100%;height:100%}.blinking-cursor{animation:blink 1s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}body{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}@media (pointer: fine){*{cursor:none!important}}.progress-container{position:fixed;bottom:0;left:0;width:100%;height:4px;background:#ffffff0d;z-index:100}#progress-bar{height:100%;background:currentColor}.act-marker{position:absolute;top:50%;transform:translate(-50%,-50%);width:16px;height:16px;display:flex;align-items:center;justify-content:center;z-index:101;transition:all .3s ease;opacity:.3}.act-marker.passed{opacity:1}.act-marker.active-act{transform:translate(-50%,-50%) scale(1.5);filter:drop-shadow(0 0 10px currentColor)}.act-marker-diamond{width:8px;height:8px;background:#ffffff80;transform:rotate(45deg);transition:all .3s ease;border:1px solid rgba(0,0,0,.5)}.act-marker.passed .act-marker-diamond{background:currentColor;box-shadow:0 0 8px currentColor}@keyframes screen-glitch-fx{0%{transform:translate(0);filter:hue-rotate(0deg)}20%{transform:translate(-10px,10px) skew(2deg);filter:hue-rotate(90deg) invert(.2)}40%{transform:translate(10px,-10px) skew(-2deg);filter:invert(1)}60%{transform:translate(-10px,-5px) skew(5deg);filter:hue-rotate(-90deg) invert(.2)}80%{transform:translate(10px,5px) skew(-5deg);filter:invert(.8)}to{transform:translate(0);filter:hue-rotate(0deg)}}body.glitch-active #root{animation:screen-glitch-fx .15s infinite;position:relative;z-index:999999}