:root{--background:#fff;--foreground:#000;--link-color:#000;--link-hover-color:red;--highlight-color:#000;--selection-bg:#000;--selection-color:#fff;--surface:#fff;--text-secondary:#000;--playhead-color:red;--bw-b-color:#000;--bw-w-color:#fff;--space-xs:2px;--space-sm:5px;--space-md:6px;--space-lg:8px;--space-xl:10px;--font-mono:Monaco,monospace;--font-size-base:10px;--font-size-content:10px}:root.dark{--background:#000;--foreground:#fff;--link-color:#fff;--link-hover-color:red;--highlight-color:#fff;--selection-bg:#fff;--selection-color:#000;--surface:#000;--text-secondary:#fff}*{box-sizing:border-box}body,html{margin:0;padding:0;overflow-x:clip;max-width:100vw;background:var(--background);color:var(--foreground)}main{display:block;width:100%}body.loading-cursor{min-height:100vh}body.loading-cursor,body.loading-cursor *{cursor:wait!important}.content-wrapper,.format,.highlight,p{font-family:var(--font-mono);font-size:var(--font-size-base)}p.format,p.format:first-child{margin-top:0}.highlight{color:var(--highlight-color)}::selection{background:var(--selection-bg);color:var(--selection-color)}a{color:var(--link-color);text-decoration:underline;-webkit-text-decoration-color:var(--link-color);text-decoration-color:var(--link-color)}a:hover{color:var(--link-hover-color);text-decoration:underline;-webkit-text-decoration-color:var(--link-hover-color);text-decoration-color:var(--link-hover-color)}.content-wrapper{max-width:100%;font-size:var(--font-size-content)}.content-wrapper p:last-child,.site-logo{margin-bottom:0}.site-logo{width:100%;will-change:contents}.site-logo img{width:100%!important;min-width:100%!important;max-width:100%!important;height:auto;display:block;object-fit:contain}.site-logo canvas{-webkit-backface-visibility:hidden;backface-visibility:hidden}.sticky-logo-area{position:-webkit-sticky;position:sticky;top:0;background:var(--surface);padding:var(--space-sm);z-index:1000;width:100%;overflow:hidden;will-change:transform,height}.top-content{padding:var(--space-sm);padding-top:0;z-index:1}.footer-content,.top-content{margin:0;width:100%;position:relative;background:var(--surface)}.footer-content{padding:var(--space-sm);padding-bottom:var(--space-sm);z-index:0}.media-stack{margin:0;padding:0;width:100%;overflow-x:clip;opacity:0;transition:opacity .5s ease;position:relative;z-index:1}.media-stack.loaded{opacity:1}.media-container{width:100%;position:relative;min-width:0;overflow:visible;cursor:default;contain:style;touch-action:pan-y}.media-container.touch-resizing{touch-action:none}.media-content{position:absolute;inset:0;overflow:hidden;pointer-events:none}.media-content canvas{display:block;position:absolute;inset:0}.media-container.resize-cursor{cursor:ew-resize}.media-container.dragging{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.media-container canvas{display:block}.hover-alt-text{position:absolute;left:0;top:100%;display:flex;align-items:center;gap:var(--space-md);color:var(--foreground);font-family:var(--font-mono);font-size:var(--font-size-base);line-height:1.2;z-index:1001;pointer-events:auto;white-space:nowrap;opacity:0;transition:none;text-align:left;background-color:var(--surface);cursor:default}.media-container:hover>.hover-alt-text{opacity:1}.carousel-indicators{display:inline-flex;align-items:center;gap:var(--space-sm);padding-left:5px;cursor:default}.carousel-dot{width:6px;height:6px;border-radius:0;border:2px solid var(--foreground);background:transparent;padding:0;cursor:pointer}.carousel-dot.active{width:4px;height:4px;border-radius:50%;border-color:var(--playhead-color);background:var(--playhead-color)}.hover-alt-text-label{pointer-events:none;cursor:default}.video-container{background-repeat:repeat-x;background-size:auto 100%}.video-container video{display:block;object-fit:contain;object-position:left top;margin:0;padding:0;border:none;outline:none}.video-control-bar{position:absolute;top:100%;left:0;background:var(--surface);z-index:1001;opacity:0;transition:none;pointer-events:none;cursor:ew-resize}.media-container:hover .video-control-bar{opacity:1;pointer-events:auto}.video-playhead{position:absolute;top:0;bottom:0;width:1px;background:var(--playhead-color);pointer-events:none}.video-controls{white-space:nowrap}.video-controls,.video-controls-left{display:flex;align-items:center;gap:var(--space-md)}.video-controls-right{display:flex;align-items:center;margin-left:var(--space-lg)}.video-control-btn{background:transparent;border:none;cursor:pointer;color:var(--foreground);padding:var(--space-xs);display:flex;align-items:center;justify-content:center;pointer-events:auto}.video-control-btn:hover{color:var(--link-hover-color)}.video-control-btn svg{display:block}.video-title{white-space:nowrap}.video-duration,.video-title{color:var(--foreground);font-family:var(--font-mono);font-size:var(--font-size-base)}.theme-toggle{background:transparent;border:none;padding:0;margin:0;font-family:var(--font-mono);font-size:inherit;cursor:pointer;display:inline;text-decoration:none;line-height:inherit;vertical-align:baseline}.bw-toggle{text-decoration:underline;-webkit-text-decoration-color:var(--foreground);text-decoration-color:var(--foreground)}.bw-toggle:hover{-webkit-text-decoration-color:var(--link-hover-color);text-decoration-color:var(--link-hover-color)}.bw-toggle:hover .bw-b,.bw-toggle:hover .bw-slash,.bw-toggle:hover .bw-w{color:var(--link-hover-color)}.bw-b{color:var(--bw-b-color)}.bw-slash{color:var(--foreground)}.bw-w{color:var(--bw-w-color)}.preloader{position:fixed;inset:0;z-index:9999;background:var(--surface);display:flex;align-items:center;justify-content:flex-start;padding:0 10px}.preloader-text{font-family:var(--font-mono);font-size:var(--font-size-base);color:var(--foreground);margin:0;text-align:left;max-width:70%}.preloader-word{opacity:0;transition:opacity .8s ease-out}.preloader-word-visible{opacity:1}.preloader-complete{animation:fadeOut .4s ease-out forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0;pointer-events:none}}.content-preloading{visibility:hidden}.content-preloading .sticky-logo-area{opacity:0}@media (max-width:768px),(pointer:coarse){.media-container{cursor:default!important}.bw-toggle:hover{-webkit-text-decoration-color:var(--foreground);text-decoration-color:var(--foreground)}.bw-toggle:hover .bw-b,.bw-toggle:hover .bw-slash,.bw-toggle:hover .bw-w{color:inherit}}@media (prefers-reduced-motion:reduce){.preloader-complete,.preloader-logo-moving{animation-duration:.01ms}.preloader-complete{animation-delay:0ms}}