@font-face{font-display:swap;font-family:PP Neue Montreal;font-style:normal;font-weight:400;src:url(../fonts/PPNeueMontreal-Book.woff2) format("woff2")}@font-face{font-display:swap;font-family:PP Neue Montreal;font-style:normal;font-weight:500;src:url(../fonts/PPNeueMontreal-Medium.woff2) format("woff2")}@font-face{font-display:swap;font-family:PPSupplyMono;font-style:normal;font-weight:400;src:url(../fonts/PPSupplyMono-Regular.woff2) format("woff2")}:root{--font-mono:"PPSupplyMono",monospace;--font-sans:"PP Neue Montreal",sans-serif;--color-bg:#000;--color-text:#fff;--color-text-muted:rgba(255,255,255,0.8);--color-text-light:rgba(255,255,255,0.6);--color-accent:#fff;--font-size-mono:clamp(10px,1.2vw,12px);--spacing-sm:1rem;--spacing-md:2rem}*{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);cursor:default;font-family:var(--font-sans);overflow:hidden}.slider-wrapper{height:100vh;opacity:0;overflow:hidden;pointer-events:none;position:relative;-webkit-transition:opacity 1.5s ease-in;transition:opacity 1.5s ease-in;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none;width:100vw}.slider-wrapper.loaded{opacity:1;pointer-events:auto}.webgl-canvas{display:block;height:100%;width:100%}.date-info{color:var(--color-text-muted);font-family:var(--font-mono);font-size:11px;left:var(--spacing-md);letter-spacing:0.5px;position:absolute;text-transform:uppercase;top:var(--spacing-md);z-index:3}.slide-number{left:var(--spacing-md)}.slide-number,.slide-total{color:var(--color-text);font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:1px;position:absolute;text-transform:uppercase;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:3}.slide-total{right:var(--spacing-md)}.info-nav{bottom:calc(var(--spacing-md) + 20px);gap:0;left:var(--spacing-md);pointer-events:all;position:absolute;right:var(--spacing-md);z-index:3}.info-item,.info-nav{display:-ms-flexbox;display:flex}.info-item{-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;padding:var(--spacing-sm)}.info-progress-line{background:rgba(255,255,255,0.2);border-radius:1px;height:2px;margin-bottom:8px;overflow:hidden;width:100%}.info-progress-fill{background:var(--color-accent);border-radius:1px;height:100%;-webkit-transition:width 0.1s ease;transition:width 0.1s ease;width:0%}.info-label{color:var(--color-text-muted);font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:0.5px;text-transform:uppercase;white-space:nowrap}.main-progress{background:rgba(255,255,255,0.2);border-radius:0;bottom:0;height:3px;left:0;overflow:hidden;position:absolute;right:0;z-index:3}.main-progress-fill{background:var(--color-accent);border-radius:2px;height:100%;-webkit-transition:width 0.1s linear;transition:width 0.1s linear;width:0%}.preloader{background:#000;display:-ms-flexbox;display:flex;height:100%;left:0;position:fixed;top:0;width:100%;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-transition:opacity 0.8s ease;transition:opacity 0.8s ease;z-index:10000}.preloader.fade-out{opacity:0;pointer-events:none}@media (max-width:600px){.info-nav{bottom:calc(var(--spacing-sm) + 20px);-ms-flex-wrap:wrap;flex-wrap:wrap;left:var(--spacing-sm);right:var(--spacing-sm)}.info-item{-ms-flex:1 1 33.333%;flex:1 1 33.333%;min-width:0;padding:0.5rem}.info-label{font-size:9px;overflow:hidden;text-overflow:ellipsis}.main-progress{bottom:0;left:0;right:0}.date-info{font-size:10px;top:var(--spacing-sm)}.date-info,.slide-number{left:var(--spacing-sm)}.slide-total{right:var(--spacing-sm)}}