:root{--gold:#d4af37;--gold-light:#e8d48b;--pink:#e94560;--bg:#0a0a1a;--panel-bg:#14141ef2;--track-bg:#2a2a4e;--text:#e8e8e8;--text-dim:#ffffff73;--text-dimmer:#ffffff40}*{box-sizing:border-box;margin:0;padding:0}body{background:#000;height:100vh;font-family:system-ui,-apple-system,sans-serif;overflow:hidden}canvas#main{z-index:1;width:100vw;height:100vh;display:block;position:absolute;top:0;left:0}canvas#main.bottom-overlay{clip-path:inset(90% 0 0);z-index:3!important}#overlay{z-index:99;cursor:pointer;color:#fff6;background:#000;justify-content:center;align-items:center;width:100vw;height:100vh;font:18px system-ui;display:flex;position:fixed;top:0;left:0}video#v1,video#v2{object-fit:cover;z-index:2;opacity:0;pointer-events:none;width:100vw;height:100vh;position:absolute;top:0;left:0}video#v1.active,video#v2.active{opacity:1}#luca-live{z-index:12;opacity:0;pointer-events:none;width:30%;transition:opacity .6s ease-in-out;position:absolute;top:5%;left:4%}.luca-live-inner{background:#141414eb;border:1px solid #ffffff14;border-radius:14px;overflow:hidden;box-shadow:0 8px 40px #000000b3}.luca-live-video-wrap{position:relative}.luca-live-video-container{aspect-ratio:16/9;background:#000;border-radius:14px 14px 0 0;width:100%;position:relative;overflow:hidden}.luca-live-video-container video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}#v-music-2,#v-music-3{display:none}#luca-black{z-index:2;background:#000;display:none;position:absolute;inset:0}.luca-live-dot-wrap{align-items:center;gap:6px;display:flex;position:absolute;top:10px;left:12px}.live-dot{background:#e53935;border-radius:50%;width:8px;height:8px;animation:1.2s infinite livePulse}.luca-live-dot-wrap span{color:#fff;text-shadow:0 1px 4px #000000b3;font:600 11px system-ui}.luca-live-footer{justify-content:space-between;padding:8px 14px;display:flex}.luca-live-footer span{color:#fff9;font:12px system-ui}#luca-live-close{color:#fff6;cursor:pointer;background:0 0;border:none;padding:0 4px;font:16px system-ui}@keyframes livePulse{0%,to{opacity:1}50%{opacity:.3}}#music-player{z-index:10;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#141414d9;border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:14px;min-width:340px;padding:14px 22px;transition:opacity .6s ease-in;display:flex;position:absolute;bottom:12%;left:50%;transform:translate(-50%)}#music-player.visible{opacity:1;pointer-events:auto}#music-player .album-art{background:linear-gradient(135deg,gold,#ff69b4);border-radius:8px;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:flex}#music-player .track-info{flex:1}#music-player .track-title{color:#fff;margin-bottom:2px;font:600 14px system-ui}#music-player .track-artist{color:#ffffff73;font:12px system-ui}#music-player .progress-bar{background:#ffffff1a;border-radius:2px;width:100%;height:3px;margin-top:8px;overflow:hidden}#music-player .progress-fill{background:linear-gradient(90deg,gold,#ff69b4);width:0%;height:100%;transition:width .3s}#music-player .play-btn{cursor:pointer;color:#000;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex}#m01-screen-wrap{z-index:4;opacity:0;pointer-events:none;background:#000;width:100vw;height:100vh;transition:opacity .5s ease-in;position:absolute;top:0;left:0;overflow:hidden}#m01-screen-wrap.visible{opacity:1;pointer-events:auto}#m01-screen-inner{transform-origin:0 0;width:1920px;height:1079px;position:relative}#m01-screenshot,#m01-screenshot-next{width:1920px;height:1079px;transition:opacity .3s;position:absolute;top:0;left:0}#m01-screenshot-next{opacity:0}#m01-annotations{pointer-events:none;width:1920px;height:1079px;position:absolute;top:0;left:0}.ann-highlight{pointer-events:none;opacity:0;background:radial-gradient(circle,#00ff884d 0%,#00ff881a 40%,#0000 70%);border:3px solid #0f8;border-radius:50%;width:48px;height:48px;animation:.3s forwards annFadeIn,1.2s ease-in-out .3s infinite annPulse;position:absolute;transform:translate(-24px,-24px);box-shadow:0 0 20px #00ff88b3,0 0 50px #0f86,0 0 80px #00ff8826}@keyframes annFadeIn{0%{opacity:0;transform:translate(-24px,-24px)scale(.2)}to{opacity:1;transform:translate(-24px,-24px)scale(1)}}@keyframes annPulse{0%,to{border-color:#0f8;transform:translate(-24px,-24px)scale(1);box-shadow:0 0 20px #00ff88b3,0 0 50px #0f86,0 0 80px #00ff8826}50%{border-color:#6fe;transform:translate(-24px,-24px)scale(1.3);box-shadow:0 0 30px #0f8,0 0 70px #0f89,0 0 120px #00ff8840}}.ann-cursor{pointer-events:none;z-index:5;filter:drop-shadow(0 2px 6px #0009);opacity:0;width:28px;height:28px;animation:.6s forwards annCursorIn,1.5s ease-in-out .6s infinite annCursorBob;position:absolute}@keyframes annCursorIn{0%{opacity:0;transform:translate(-20px,-20px)}to{opacity:1;transform:translate(0)}}@keyframes annCursorBob{0%,to{transform:translate(0)}50%{transform:translate(2px,3px)}}.ann-label{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--gold-light);pointer-events:none;white-space:nowrap;opacity:0;background:#0a0a1ae0;border:1px solid #d4af3740;border-radius:6px;padding:6px 14px;font:600 13px system-ui;animation:.5s forwards annLabelIn;position:absolute}@keyframes annLabelIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ann-arrow{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.ann-arrow-path{fill:none;stroke:var(--gold);stroke-width:.5px;stroke-linecap:round;stroke-dasharray:300;stroke-dashoffset:300px;animation:1s cubic-bezier(.4,0,.2,1) forwards arrowDraw}.ann-arrow-head{fill:var(--gold);opacity:0;animation:.3s .85s forwards arrowHeadIn}.ann-arrow-dot{fill:var(--gold-light);opacity:0;animation:.4s .1s forwards arrowDotIn}@keyframes arrowDraw{to{stroke-dashoffset:0}}@keyframes arrowHeadIn{0%{opacity:0}to{opacity:1}}@keyframes arrowDotIn{0%{opacity:0}to{opacity:.7}}#m01-subtitle{z-index:15;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;min-width:200px;max-width:75%;color:var(--text);opacity:0;pointer-events:none;background:#0a0a1ad1;border-radius:10px;padding:10px 24px;font:17px/1.7 system-ui;transition:opacity .3s;position:absolute;bottom:80px;left:50%;transform:translate(-50%)}#m01-subtitle.visible{opacity:1}#m01-subtitle .w{transition:color .1s,font-weight .1s}#m01-subtitle .w.active{color:var(--gold);font-weight:700}#m01-controls-toggle{z-index:30;background:var(--panel-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);width:48px;height:48px;color:var(--gold);cursor:pointer;border:1px solid #d4af374d;border-radius:50%;font-size:22px;transition:all .2s;display:none;position:fixed;bottom:142px;right:20px;box-shadow:0 4px 20px #00000080}#m01-controls-toggle.visible{display:block}#m01-controls-toggle:hover{border-color:var(--gold);background:#d4af3726;transform:scale(1.1)}#m01-controls{z-index:20;background:var(--panel-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid #ffffff0f;flex-direction:column;gap:4px;height:80px;padding:8px 20px 6px;transition:transform .3s,opacity .3s;display:none;position:fixed;bottom:52px;left:0;right:0}#m01-controls.visible{display:flex}#m01-controls.collapsed{opacity:0;pointer-events:none;transform:translateY(100%)}#m01-progress-wrap{background:var(--track-bg);cursor:pointer;border-radius:3px;flex-shrink:0;width:100%;height:6px;position:relative}#m01-progress-bar{background:linear-gradient(90deg, var(--gold), var(--pink));pointer-events:none;border-radius:3px;width:0%;height:100%;transition:width .15s linear}#m01-progress-hover{color:#fff;pointer-events:none;background:#000c;border-radius:4px;padding:3px 8px;font:11px monospace;display:none;position:absolute;top:-28px}.m01-ctrl-row{align-items:center;gap:12px;height:40px;display:flex}#m01-play-btn{background:var(--gold);cursor:pointer;color:#000;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;display:flex}#m01-play-btn:hover{background:var(--gold-light)}#m01-time{color:var(--text-dim);flex-shrink:0;min-width:100px;font:12px monospace}#m01-sections{flex-wrap:nowrap;flex:1;gap:3px;display:flex;overflow:hidden}#m01-sections button{color:#888;cursor:pointer;background:0 0;border:1px solid #555;border-radius:4px;min-width:26px;padding:2px 5px;font:600 10px system-ui;transition:all .2s}#m01-sections button.active{border-color:var(--gold);color:var(--gold);background:#d4af371f}#m01-sections button:hover{border-color:var(--gold-light);color:var(--gold-light)}#m01-speed-btn{color:#aaa;cursor:pointer;background:0 0;border:1px solid #555;border-radius:4px;padding:3px 8px;font:600 11px system-ui}#m01-speed-btn:hover{border-color:var(--gold);color:var(--gold)}#m01-volume-wrap{align-items:center;gap:4px;display:flex}#m01-vol-btn{color:#aaa;cursor:pointer;background:0 0;border:none;font-size:16px}#m01-vol-slider{width:60px;accent-color:var(--gold)}#m01-fullscreen-btn{color:#aaa;cursor:pointer;background:0 0;border:1px solid #555;border-radius:4px;padding:3px 8px;font-size:16px}#m01-fullscreen-btn:hover{border-color:var(--gold);color:var(--gold)}#debug{color:var(--text-dimmer);z-index:100;font:11px monospace;position:fixed;bottom:10px;right:10px}@media (width<=768px){#m01-subtitle{max-width:90%;padding:8px 16px;font-size:14px}#m01-controls{height:70px;padding:6px 12px 4px}#m01-sections button{min-width:20px;padding:2px 3px;font-size:8px}}#section-nav{z-index:25;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);scrollbar-width:thin;scrollbar-color:#d4af374d transparent;background:#0a0a1aeb;border-top:1px solid #ffffff0f;align-items:center;gap:2px;height:52px;padding:0 8px;display:flex;position:fixed;bottom:0;left:0;right:0;overflow:auto hidden}#section-nav::-webkit-scrollbar{height:3px}#section-nav::-webkit-scrollbar-thumb{background:#d4af374d;border-radius:2px}.nav-btn{cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:6px;flex-direction:column;flex-shrink:0;align-items:center;gap:1px;min-width:50px;padding:4px 10px;transition:all .2s;display:flex}.nav-btn:hover{border-color:var(--gold);background:#d4af3714}.nav-btn.active{border-color:var(--gold);background:#d4af3726}.nav-btn .nav-num{color:#888;font:700 12px system-ui;transition:color .2s}.nav-btn.active .nav-num{color:var(--gold)}.nav-btn:hover .nav-num{color:var(--gold-light)}.nav-btn .nav-desc{color:#ffffff59;white-space:nowrap;font:9px system-ui;transition:color .2s}.nav-btn.active .nav-desc{color:#fff9}.nav-btn.disabled{opacity:.35;cursor:not-allowed;pointer-events:none}#intro-end{z-index:50;opacity:0;justify-content:center;align-items:center;width:100vw;height:100vh;animation:2s .5s forwards introEndFadeIn;display:flex;position:fixed;top:0;left:0}.intro-end-inner{text-align:center}.intro-end-title{color:#fff6;letter-spacing:4px;text-transform:uppercase;margin-bottom:12px;font:300 18px system-ui}.intro-end-name{color:#fff;letter-spacing:-2px;text-shadow:0 0 60px #d4af374d;font:700 72px system-ui}@keyframes introEndFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}#back-btn{z-index:60;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#ffffffb3;opacity:0;background:#ffffff1a;border:1px solid #ffffff26;border-radius:8px;padding:10px 20px;font:500 14px system-ui;text-decoration:none;transition:background .2s,color .2s;animation:1s 2s forwards introEndFadeIn;position:fixed;top:20px;right:20px}#back-btn:hover{color:#fff;background:#fff3}