:root{--bg:#ffffff;--ink:#111111;--muted:#6e6e6e;--accent:#111111;--rule:#e8e8e8;--card:#f6f6f6}*{box-sizing:border-box;margin:0;padding:0}*:focus,*:focus-visible{outline:none}*{caret-color:transparent}video::-webkit-media-controls{display:none}::selection{background:transparent}html,body,#app{background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;height:100%;margin:0;padding:0}body{font-size:18px;line-height:1.5;overflow:hidden}#app{height:100vh;overflow-y:scroll;overflow-x:hidden;scroll-snap-type:y mandatory;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#cfcfcf transparent}#app::-webkit-scrollbar{width:6px}#app::-webkit-scrollbar-track{background:transparent}#app::-webkit-scrollbar-thumb{background:#cfcfcf;border-radius:3px}#app::-webkit-scrollbar-thumb:hover{background:#888}.page-header{position:fixed;top:24px;left:8vw;z-index:100;font-family:JetBrains Mono,ui-monospace,monospace;font-size:13px;letter-spacing:.15em;color:var(--muted);font-variant-numeric:tabular-nums;pointer-events:none}.page-logo{position:fixed;top:12px;left:8vw;z-index:120;height:96px;width:auto;pointer-events:none;-webkit-user-select:none;user-select:none}.page-logo.recolor{filter:brightness(0) saturate(100%)}.logo-fade-enter-active,.logo-fade-leave-active{transition:opacity .35s ease}.logo-fade-enter-from,.logo-fade-leave-to{opacity:0}.outro{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:1.4em;padding:8vh 8vw}.outro .made-by{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-weight:500}.outro .bullet{font-size:clamp(48px,7vw,96px);max-width:14ch;margin:0}.outro .cta-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:.6em;pointer-events:auto}.outro .cta{display:inline-flex;align-items:center;gap:.6em;padding:14px 22px;border-radius:999px;font-size:15px;font-weight:500;letter-spacing:.01em;text-decoration:none;border:1px solid var(--ink);background:var(--ink);color:#fff;transition:transform .15s,background .15s}.outro .cta.secondary{background:transparent;color:var(--ink)}.outro .cta:hover{transform:translateY(-1px)}.outro .cta.secondary:hover{background:var(--ink);color:#fff}.section{width:100%;height:100vh;padding:8vh 8vw;display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center;scroll-snap-align:start;scroll-snap-stop:always;position:relative;background:#fff}.section.text-only{grid-template-columns:1fr}.section.text-only .bullet{font-size:clamp(40px,6vw,88px);max-width:18ch;line-height:1.05;margin-bottom:1em}.section.text-only .example{font-size:clamp(13px,.95vw,16px);max-width:56ch}.section.text-only .points{margin-top:0}.section.text-only .points li{font-size:clamp(13px,.95vw,16px);line-height:1.5}.section.text-only.has-images .bullet{font-size:clamp(24px,3vw,42px);max-width:22ch;margin-bottom:.6em}#audio .bullet{font-size:clamp(26px,3.4vw,46px);max-width:24ch;margin-bottom:.6em}#audio .example{font-size:clamp(13px,.95vw,16px);max-width:48ch}.audio-icon{width:64px;height:64px;color:var(--ink);margin-bottom:1.2em}.section.text-only.has-images .points{margin-top:.2em}.section.text-only.has-images .points li{font-size:clamp(13px,.95vw,16px)}.section .text{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.section .media{width:100%;height:84vh;display:flex;align-items:center;justify-content:center}.section .video-wrap{position:relative;height:100%;display:inline-block;cursor:pointer}.section .video-wrap video{height:100%;width:auto;max-width:100%;border-radius:4px;background:#000;object-fit:contain;display:block;pointer-events:none}.video-btn{position:absolute;bottom:16px;left:16px;width:44px;height:44px;border-radius:50%;background:#0000008c;color:#fff;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:opacity .2s,transform .15s;pointer-events:none}.media:hover .video-btn{transform:scale(1.05)}.video-btn.playing{opacity:0}.media:hover .video-btn.playing{opacity:1}.section:nth-child(2n){background:#f4f4f4}.meta{position:absolute;top:5vh;left:8vw;right:8vw;display:flex;justify-content:space-between;font-size:13px;color:var(--muted);font-weight:500}.bullet{font-size:clamp(22px,2.8vw,38px);line-height:1.2;font-weight:500;letter-spacing:-.015em;max-width:24ch;margin-bottom:1em}.bullet:before{content:""}.example{font-size:clamp(14px,1.05vw,17px);line-height:1.5;color:var(--muted);max-width:48ch;font-style:italic}.example:before{content:""}.points{list-style:none;margin-top:.4em;display:flex;flex-direction:column;gap:.8em;max-width:48ch}.points li{position:relative;padding-left:1.2em;font-size:clamp(15px,1.15vw,19px);line-height:1.5;color:var(--ink)}.points li:before{content:"";position:absolute;left:0;top:.7em;width:5px;height:5px;background:var(--ink);border-radius:50%}.reference{margin-top:2em;display:flex;flex-direction:column;gap:.5em;max-width:280px}.reference .ref-label{font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);font-weight:500}.reference img{width:100%;max-height:200px;object-fit:contain;border-radius:4px;cursor:zoom-in;display:block}.image-row{display:flex;gap:1vw;margin-top:1.4em;width:100%;max-width:84vw;align-items:flex-start;flex-wrap:nowrap;overflow:hidden}.image-row img{flex:1 1 0;min-width:0;width:0;max-height:36vh;height:auto;object-fit:contain;display:block;border-radius:4px;cursor:zoom-in;transition:transform .2s}.image-row img:hover{transform:scale(1.01)}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000eb;z-index:200;display:flex;align-items:center;justify-content:center;padding:3vh 3vw;cursor:zoom-out}.lightbox img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.cover{justify-content:center;align-items:flex-start}.cover .bullet{font-size:clamp(48px,8vw,120px);max-width:14ch;margin-bottom:.6em}.cover .bullet:before{content:""}.cover .example:before{content:""}.nav{position:fixed;right:24px;top:50%;transform:translateY(-50%);z-index:50;display:flex;flex-direction:column;gap:12px}.nav a{width:6px;height:6px;border-radius:50%;background:var(--rule);display:block;transition:all .2s;cursor:pointer}.nav a:hover,.nav a.active{background:var(--ink);transform:scale(1.5)}@media(max-width:900px){.section{padding:10vh 8vw}.nav{display:none}}.stats-panel{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:300;display:flex;align-items:center;justify-content:center;padding:4vh 4vw;font-family:JetBrains Mono,ui-monospace,monospace}.stats-card{background:#fff;border-radius:8px;max-width:1100px;width:100%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.stats-head{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--rule);font-size:13px}.stats-actions{display:flex;gap:8px}.stats-actions button{font-family:inherit;font-size:11px;padding:6px 10px;border:1px solid var(--rule);background:#fff;border-radius:4px;cursor:pointer;letter-spacing:.05em;text-transform:uppercase}.stats-actions button:hover{background:#f4f4f4}.stats-body{display:grid;grid-template-columns:280px 1fr;gap:0;overflow:hidden;flex:1}.stats-section{padding:14px 18px;overflow:auto}.stats-section+.stats-section{border-left:1px solid var(--rule)}.stats-title{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}.stats-section table{width:100%;font-size:12px;border-collapse:collapse}.stats-section td{padding:4px 0;border-bottom:1px solid #f0f0f0}.stats-section td:last-child{text-align:right;color:var(--muted)}.stats-rows{font-size:11px;display:flex;flex-direction:column;gap:4px}.stats-row{display:grid;grid-template-columns:80px 130px 1fr;gap:8px;padding:4px 0;border-bottom:1px solid #f4f4f4}.stats-time{color:var(--muted)}.stats-name{font-weight:500}.stats-props{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}