@font-face{font-family:'ABC Monument Grotesk';font-weight:400;font-style:normal;font-display:swap;src:url('webfonts/ABCMonumentGrotesk-Regular.woff2') format('woff2'), url('../../webfonts/ABCMonumentGrotesk-Regular.woff2') format('woff2');}@font-face{font-family:'ABC Monument Grotesk';font-weight:500;font-style:normal;font-display:swap;src:url('webfonts/ABCMonumentGrotesk-Medium.woff2') format('woff2'), url('../../webfonts/ABCMonumentGrotesk-Medium.woff2') format('woff2');}@font-face{font-family:'ABC Monument Grotesk';font-weight:700;font-style:normal;font-display:swap;src:url('webfonts/ABCMonumentGrotesk-Medium.woff2') format('woff2'), url('../../webfonts/ABCMonumentGrotesk-Medium.woff2') format('woff2');}@font-face{font-family:'ABC Monument Grotesk';font-weight:900;font-style:normal;font-display:swap;src:url('webfonts/ABCMonumentGrotesk-Medium.woff2') format('woff2'), url('../../webfonts/ABCMonumentGrotesk-Medium.woff2') format('woff2');}@font-face{font-family:'ABC Monument Grotesk Semi-Mono';font-weight:700;font-style:normal;font-display:swap;src:url('webfonts/ABCMonumentGroteskSemi-Mono-Regular-Trial.woff2') format('woff2'), url('../../webfonts/ABCMonumentGroteskSemi-Mono-Regular-Trial.woff2') format('woff2');}:root{--font-primary:'ABC Monument Grotesk', -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", sans-serif;--font-mono:'ABC Monument Grotesk Semi-Mono', ui-monospace, SFMono-Regular, monospace;--bg-golden:#f7f5f2;--bg-golden-light:#faf8f4;--bg-golden-shadow:#eae4d8;--text-black:#08090c;--text-grey:#a8a196;--text-blue:#2563eb;--stage-scale:1;--ease-hyper:cubic-bezier(0.06, 0.96, 0.16, 1);}*, *::before, *::after{box-sizing:border-box;margin:0;padding:0;}html, body{width:100vw;height:100vh;overflow:hidden;background-color:#0f1013;font-family:var(--font-primary);user-select:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.stage-outer-wrapper{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:16px 16px 68px 16px;}body.mode-16-9 .stage-container{width:1920px;height:1080px;transform-origin:center center;transform:scale(var(--stage-scale));}body.mode-9-16 .stage-container{width:1080px;height:1920px;transform-origin:center center;transform:scale(var(--stage-scale));}.stage-container{position:relative;background:var(--bg-golden);background:radial-gradient(ellipse at 50% 48%, var(--bg-golden-light) 0%, var(--bg-golden) 65%, var(--bg-golden-shadow) 100%);border-radius:20px;box-shadow:0 30px 90px rgba(0, 0, 0, 0.5);overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:width 0.2s ease, height 0.2s ease;}body.mode-16-9 .stage-container{display:flex;flex-direction:row;align-items:stretch;justify-content:space-between;}body.mode-16-9 .stage-text-col{flex:1;max-width:1220px;height:100%;display:flex;flex-direction:column;justify-content:center;padding:40px 24px 40px 54px;position:relative;z-index:2;overflow:hidden;box-sizing:border-box;}body.mode-16-9 .kinetic-text-flow{width:100%;height:auto;display:flex;flex-direction:column;justify-content:center;gap:18px;}body.mode-16-9 .stage-video-col{width:640px;height:1080px;flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:24px 28px 24px 0;position:relative;z-index:2;transition:opacity 0.25s ease, transform 0.25s ease;}body.mode-16-9 .presenter-card{width:100%;height:100%;border-radius:28px;overflow:hidden;position:relative;background:#0f172a;box-shadow:0 24px 60px rgba(0, 0, 0, 0.2), 0 4px 16px rgba(0, 0, 0, 0.1);border:1.5px solid rgba(8, 9, 12, 0.08);}body.mode-16-9 .presenter-video{width:100%;height:100%;object-fit:cover;object-position:center;display:block;}.presenter-badge{position:absolute;top:24px;left:24px;background:rgba(14, 16, 21, 0.82);border:1px solid rgba(255, 255, 255, 0.16);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:8px 16px;border-radius:999px;display:inline-flex;align-items:center;gap:8px;font-family:var(--font-primary);font-size:13px;font-weight:700;color:#ffffff;letter-spacing:0.04em;box-shadow:0 8px 24px rgba(0, 0, 0, 0.35);pointer-events:none;z-index:4;}.badge-dot{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 10px #10b981;}.badge-brand{color:#38bdf8;font-weight:800;}.presenter-huge-logo-banner{position:absolute;bottom:24px;left:18px;right:18px;background:rgba(247, 245, 242, 0.96);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:2px solid rgba(255, 255, 255, 0.95);border-radius:22px;padding:16px 20px;display:flex;align-items:center;justify-content:center;box-shadow:0 24px 60px rgba(0, 0, 0, 0.4), 0 4px 16px rgba(0, 0, 0, 0.15);z-index:5;transition:transform 0.2s ease;}.presenter-huge-logo-img{width:100%;max-width:480px;height:68px;object-fit:contain;display:block;}body.mode-16-9.yessi-hidden .stage-video-col{display:none !important;}body.mode-16-9.yessi-hidden .stage-text-col{padding:80px 100px;}body.mode-9-16 .stage-container{display:flex;flex-direction:column;}body.mode-9-16 .stage-video-col{display:none !important;}body.mode-9-16 .stage-text-col{width:100%;height:100%;padding:100px 54px 120px 54px;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box;}body.mode-9-16 .kinetic-text-flow{width:100%;height:auto;display:flex;flex-direction:column;justify-content:center;gap:24px;}.kinetic-line{position:relative;display:flex;align-items:baseline;flex-wrap:wrap;gap:0 20px;font-family:var(--font-primary);font-weight:900;letter-spacing:-0.06em;text-transform:uppercase;color:var(--text-black);-webkit-text-stroke:3px currentColor;opacity:0;transform:translateY(28px) scale(0.97);filter:blur(4px);transition:opacity 0.22s var(--ease-hyper), transform 0.22s var(--ease-hyper), filter 0.22s var(--ease-hyper);will-change:transform, opacity, filter;}.w-black{color:var(--text-black);display:inline-block;white-space:nowrap;}.w-blue{color:var(--text-blue);display:inline-block;white-space:nowrap;}.w-stat{font-size:1.1em;color:var(--text-blue);letter-spacing:-0.065em;}.kinetic-line.is-revealed, .kinetic-line.is-active{opacity:1 !important;transform:translateY(0) scale(1) !important;filter:blur(0) !important;color:var(--text-black) !important;-webkit-text-stroke:3px currentColor !important;}.kinetic-line.is-revealed .w-black, .kinetic-line.is-active .w-black{color:var(--text-black) !important;-webkit-text-stroke-color:var(--text-black) !important;}.kinetic-line.is-revealed .w-blue, .kinetic-line.is-active .w-blue, .kinetic-line.is-revealed .w-stat, .kinetic-line.is-active .w-stat{color:var(--text-blue) !important;-webkit-text-stroke-color:var(--text-blue) !important;}.kinetic-line.is-punch{animation:linePunch 0.2s var(--ease-hyper) forwards;}@keyframes linePunch{0%{transform:translateY(24px) scale(0.96);opacity:0;filter:blur(3px);}100%{transform:translateY(0) scale(1);opacity:1;filter:blur(0);}}.finale-active .kinetic-line{opacity:1 !important;filter:blur(0) !important;transform:translateY(0) scale(1) !important;}body.mode-16-9:not(.yessi-hidden) .kinetic-line{font-size:144px;line-height:0.84;gap:0 16px;letter-spacing:-0.06em;-webkit-text-stroke:3.2px currentColor;}body.mode-16-9:not(.yessi-hidden) .line-1{font-size:146px;}body.mode-16-9:not(.yessi-hidden) .line-2{font-size:150px;}body.mode-16-9:not(.yessi-hidden) .line-3{font-size:168px;}body.mode-16-9:not(.yessi-hidden) .line-4{font-size:130px;}body.mode-16-9.yessi-hidden .kinetic-line{font-size:190px;line-height:0.82;letter-spacing:-0.065em;-webkit-text-stroke:4px currentColor;}body.mode-16-9.yessi-hidden .line-1{font-size:196px;}body.mode-16-9.yessi-hidden .line-2{font-size:204px;}body.mode-16-9.yessi-hidden .line-3{font-size:210px;}body.mode-16-9.yessi-hidden .line-4{font-size:180px;}body.mode-9-16 .kinetic-line{font-size:154px;line-height:0.86;gap:0 16px;flex-wrap:wrap;-webkit-text-stroke:2.5px currentColor;}body.mode-9-16 .line-1{font-size:156px;}body.mode-9-16 .w-stat{font-size:1.2em;display:block;width:100%;}body.mode-9-16 .line-2{font-size:160px;}body.mode-9-16 .line-3{font-size:166px;}body.mode-9-16 .line-4{font-size:144px;letter-spacing:-0.06em;}.mini-dock{position:fixed;bottom:12px;left:50%;transform:translateX(-50%);z-index:9999;background:rgba(14, 16, 21, 0.94);border:1px solid rgba(255, 255, 255, 0.14);box-shadow:0 12px 32px rgba(0, 0, 0, 0.55);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:999px;padding:4px 10px;height:42px;display:flex;align-items:center;transition:opacity 0.2s ease, transform 0.2s ease;}.mini-dock-inner{display:flex;align-items:center;gap:8px;height:100%;}.mini-btn{background:rgba(255, 255, 255, 0.08);border:1px solid rgba(255, 255, 255, 0.12);color:#f1f5f9;height:30px;padding:0 10px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;font-family:var(--font-primary);font-size:11.5px;font-weight:600;transition:background 0.15s, transform 0.1s;}.mini-btn:hover{background:rgba(255, 255, 255, 0.16);}.mini-btn:active{transform:scale(0.96);}.mini-btn.btn-primary{background:var(--text-blue);border-color:var(--text-blue);width:32px;padding:0;}.mini-btn.btn-primary:hover{background:#1d4ed8;}.mini-icon{width:14px;height:14px;}.mini-time{font-family:var(--font-mono);font-size:11.5px;font-weight:700;color:#38bdf8;min-width:44px;text-align:center;}.mini-scrubber{-webkit-appearance:none;appearance:none;width:100px;height:4px;border-radius:2px;background:rgba(255, 255, 255, 0.18);outline:none;cursor:pointer;}.mini-scrubber::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:#38bdf8;cursor:grab;}.mini-divider{width:1px;height:18px;background:rgba(255, 255, 255, 0.12);margin:0 2px;}.mini-pill-toggle{display:inline-flex;background:rgba(0, 0, 0, 0.4);border:1px solid rgba(255, 255, 255, 0.1);padding:2px;border-radius:999px;gap:2px;}.mini-pill{background:transparent;border:none;color:#94a3b8;font-size:11px;font-weight:600;padding:3px 9px;border-radius:999px;cursor:pointer;transition:all 0.15s;white-space:nowrap;}.mini-pill:hover{color:#ffffff;}.mini-pill.is-active{background:rgba(255, 255, 255, 0.2);color:#ffffff;}.mini-select{background:rgba(0, 0, 0, 0.4);border:1px solid rgba(255, 255, 255, 0.12);color:#f8fafc;padding:3px 6px;border-radius:6px;font-size:11px;font-weight:600;outline:none;cursor:pointer;}.btn-record{background:rgba(239, 68, 68, 0.16);border-color:rgba(239, 68, 68, 0.35);color:#fca5a5;}.btn-record:hover{background:rgba(239, 68, 68, 0.28);color:#ffffff;}.rec-dot{width:7px;height:7px;border-radius:50%;background:#ef4444;}.btn-clean{width:30px;padding:0;color:#38bdf8;}body.clean-mode .mini-dock{opacity:0;pointer-events:none;transform:translateX(-50%) translateY(30px);}body.clean-mode .stage-outer-wrapper{padding:0;}body.clean-mode .stage-container{border-radius:0;box-shadow:none;}.exit-clean-hint{position:fixed;top:14px;right:18px;z-index:10000;background:rgba(0, 0, 0, 0.75);color:#94a3b8;font-size:11.5px;padding:4px 12px;border-radius:999px;border:1px solid rgba(255, 255, 255, 0.1);display:none;font-family:var(--font-mono);}.exit-clean-hint kbd{background:rgba(255, 255, 255, 0.2);color:#ffffff;padding:2px 5px;border-radius:4px;font-size:10.5px;}body.clean-mode .exit-clean-hint{display:block;opacity:0.3;}body.clean-mode .exit-clean-hint:hover{opacity:1;}.countdown-overlay{position:fixed;inset:0;background:rgba(13, 15, 20, 0.9);z-index:20000;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity 0.2s ease;}.countdown-overlay.is-active{opacity:1;pointer-events:auto;}.countdown-num{font-size:140px;font-weight:900;color:var(--text-blue);line-height:1;}.countdown-hint{margin-top:18px;font-family:var(--font-mono);font-size:15px;color:#94a3b8;}