*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--teal: #2A9D8F;--red: #C8392B;--white: #ffffff;--folder-blue: #5BA4F5}html,body{width:100%;min-height:100dvh;background:#000;color:var(--white);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif}.bg{position:fixed;inset:0;width:100vw;height:100dvh;background:url(/Background_1.webp) center center / cover no-repeat;background-color:#000;z-index:0}@media(max-width:768px){.bg{background-position:100% center;min-height:-webkit-fill-available}}.bg-video{position:fixed;inset:0;width:100vw;height:100dvh;object-fit:cover;object-position:center center;background:#000;z-index:0;pointer-events:none;transition:opacity .18s ease}.bg-video::-webkit-media-controls,.bg-video::-webkit-media-controls-panel,.bg-video::-webkit-media-controls-start-playback-button,.bg-video::-webkit-media-controls-overlay-play-button,.bg-video::-webkit-media-controls-play-button,.bg-video::-webkit-media-controls-timeline,.bg-video::-webkit-media-controls-current-time-display,.bg-video::-webkit-media-controls-time-remaining-display,.bg-video::-webkit-media-controls-mute-button,.bg-video::-webkit-media-controls-toggle-closed-captions-button,.bg-video::-webkit-media-controls-volume-slider,.bg-video::-webkit-media-controls-fullscreen-button{display:none!important;-webkit-appearance:none!important;opacity:0!important;pointer-events:none!important}html[data-mode=ai] .bg-video{opacity:1}html[data-mode=ai] .bg{opacity:0}html[data-mode=real] .bg-video{opacity:0;pointer-events:none}html[data-mode=real] .bg{opacity:1}html[data-mode=real] .coffee-hotspot{display:none}.bg{transition:opacity .18s ease}@media(max-width:768px){.bg-video{object-position:75% center}}.glitch-overlay{position:fixed;inset:0;z-index:9990;pointer-events:none;opacity:0;mix-blend-mode:screen;background:repeating-linear-gradient(0deg,rgba(255,0,80,.18) 0,rgba(255,0,80,.18) 1px,transparent 1px,transparent 3px),repeating-linear-gradient(0deg,rgba(0,200,255,.16) 0,rgba(0,200,255,.16) 1px,transparent 1px,transparent 2px)}html.glitching .glitch-overlay{opacity:1;animation:glitchSlide .08s steps(3) infinite}html.glitching .bg,html.glitching .bg-video{animation:glitchShake .7s steps(7) both}@keyframes glitchSlide{0%{transform:translate(0)}33%{transform:translate(-3px,2px)}66%{transform:translate(3px,-2px)}to{transform:translate(0)}}@keyframes glitchShake{0%{transform:none;filter:none}10%{transform:translate(-6px) scaleX(1.01);filter:hue-rotate(20deg) saturate(2)}20%{transform:translate(6px,-2px) scaleY(1.02);filter:invert(.08)}35%{transform:translate(-3px,3px);filter:hue-rotate(-25deg) contrast(1.6)}50%{transform:translate(4px);filter:blur(1.5px) brightness(1.3)}65%{transform:translate(-2px,-1px);filter:hue-rotate(15deg)}80%{transform:translate(2px,2px) skew(-1deg);filter:saturate(.6)}to{transform:none;filter:none}}@media(prefers-reduced-motion:reduce){html.glitching .glitch-overlay,html.glitching .bg,html.glitching .bg-video{animation:none!important}}.coffee-hotspot{position:fixed;right:22%;top:28%;width:110px;height:130px;background:transparent;border:0;cursor:pointer;z-index:3;border-radius:50%;transition:background .2s ease}.coffee-hotspot:hover{background:radial-gradient(circle,rgba(255,255,255,.06),transparent 70%)}.coffee-hotspot:focus-visible{outline:2px solid rgba(255,255,255,.4);outline-offset:4px}@media(max-width:768px){.coffee-hotspot{display:none}}.bg-vignette{position:fixed;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.55) 0%,transparent 35%,transparent 55%,rgba(0,0,0,.72) 100%),linear-gradient(to right,rgba(0,0,0,.4) 0%,transparent 50%);z-index:1;pointer-events:none}.grain{position:fixed;inset:-50%;width:200%;height:200%;pointer-events:none;z-index:9998;opacity:.06;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 1 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");background-size:180px 180px;animation:grainShift 1.6s steps(8) infinite}@keyframes grainShift{0%{transform:translate(0)}10%{transform:translate(-3%,-2%)}20%{transform:translate(2%,-4%)}30%{transform:translate(-1%,3%)}40%{transform:translate(3%,2%)}50%{transform:translate(-2%,-1%)}60%{transform:translate(1%,4%)}70%{transform:translate(-3%,2%)}80%{transform:translate(2%,-3%)}90%{transform:translate(-1%,1%)}to{transform:translate(0)}}@media(prefers-reduced-motion:reduce){.grain{animation:none}}