*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;background-color:#000;color:#f4f4f0;-webkit-font-smoothing:antialiased;overflow:hidden;-webkit-user-select:none;user-select:none}.scene{position:relative;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background-color:#000;background-image:radial-gradient(circle at 50% 45%,#000000 0%,#000000 245px,transparent 430px),radial-gradient(rgba(255,255,255,.075) 1px,transparent 1px);background-size:100% 100%,28px 28px;background-position:center center;cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M6 1v10M1 6h10' stroke='%23e8e4dc' stroke-width='1.2' stroke-linecap='round' opacity='0.75'/%3E%3C/svg%3E") 6 6,crosshair;touch-action:none}.scene-vignette{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 45%,transparent 210px,rgba(255,248,235,.024) 360px,#000000 86%);z-index:1}.interactive-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:4;pointer-events:none}.doodles-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;will-change:transform}.doodle{position:absolute;color:#e8e4dc;opacity:.24;pointer-events:auto;transition:opacity .35s ease,transform .35s cubic-bezier(.22,1,.36,1);animation:float-slow 7s ease-in-out infinite}.doodle.interactive{cursor:pointer}.doodle:hover{opacity:.72;transform:scale(1.08) rotate(3deg)}.doodle.interactive:active{transform:scale(.96)}.doodle svg{display:block;overflow:visible;filter:url(#sketch-line)}.doodle-whisper{position:absolute;left:50%;top:-18px;transform:translate(-50%);font-family:Space Mono,monospace;font-size:11px;white-space:nowrap;color:#f4efe6;pointer-events:none;animation:whisper-float 1.7s cubic-bezier(.22,1,.36,1) forwards}@keyframes whisper-float{0%{opacity:0;transform:translate(-50%,6px) scale(.9)}20%{opacity:.95;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-22px) scale(1.04)}}.doodle.coffee{top:14%;left:15%;animation-delay:0s}.doodle.cat-coder{bottom:14%;left:16%;animation-delay:-2.2s}.doodle.tiny-window{top:15%;right:15%;animation-delay:-3.8s}.doodle.plant-wrench{bottom:15%;right:16%;animation-delay:-1.4s}.doodle.paper-plane{top:46%;left:8.5%;opacity:.16;animation-delay:-4.5s}.doodle.moon-stars{top:44%;right:8.5%;opacity:.16;animation-delay:-2.9s}.sparkle{position:absolute;color:#f4f1ea;opacity:.18;filter:url(#sketch-line);animation:twinkle 4.5s ease-in-out infinite}.sparkle.s1{top:22%;left:32%;animation-delay:-.8s}.sparkle.s2{top:25%;right:31%;animation-delay:-2.4s}.sparkle.s3{bottom:25%;left:31%;animation-delay:-3.6s}.sparkle.s4{bottom:27%;right:30%;animation-delay:-1.5s}@keyframes float-slow{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes twinkle{0%,to{opacity:.12;transform:scale(.9)}50%{opacity:.34;transform:scale(1.1)}}.steam-path{animation:steam-rise 3.2s ease-in-out infinite}.steam-path.d2{animation-delay:-1.6s}@keyframes steam-rise{0%,to{opacity:.35;transform:translateY(0)}50%{opacity:.85;transform:translateY(-3px)}}.cursor-blink{animation:blink-soft 1.2s steps(2,start) infinite}@keyframes blink-soft{to{opacity:0}}.center-content{position:relative;z-index:5;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 24px;perspective:950px}.logo-tilt-wrap{transform-style:preserve-3d;will-change:transform;margin-bottom:24px}.logo-img{width:clamp(230px,28vw,330px);aspect-ratio:1 / 1;height:auto;display:block;filter:none;pointer-events:none}.main-title{font-family:Oswald,sans-serif;font-weight:500;font-size:clamp(18px,2.1vw,23px);letter-spacing:.34em;text-transform:uppercase;color:#f0eee9;margin-right:-.34em;margin-bottom:8px}.sub-title{font-family:Inter,sans-serif;font-size:11px;font-weight:400;letter-spacing:.22em;text-transform:uppercase;color:#595753;margin-right:-.22em;margin-bottom:20px}.night-status-box{height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer}.night-status-text{font-family:Space Mono,monospace;font-size:12.5px;color:#9e9a90;letter-spacing:.03em;display:inline-flex;align-items:center;gap:8px;transition:opacity .35s ease,transform .35s ease}.night-status-text.fading{opacity:0;transform:translateY(5px)}.status-dot{width:5px;height:5px;border-radius:50%;background-color:#d4a359;box-shadow:0 0 8px #d4a359b3;display:inline-block}.chalk-hint{position:fixed;bottom:18px;left:50%;transform:translate(-50%);z-index:6;font-family:Inter,sans-serif;font-size:11px;letter-spacing:.08em;color:#e8e4dc24;pointer-events:none;transition:opacity .6s ease}.chalk-hint.hidden{opacity:0}.intro-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:25;background-color:#000;display:flex;align-items:center;justify-content:center;padding:0 24px;animation:intro-curtain 2.2s cubic-bezier(.22,1,.36,1) forwards}.intro-title{font-family:Oswald,sans-serif;font-weight:500;font-size:clamp(15px,2vw,20px);letter-spacing:.36em;text-transform:uppercase;color:#f2f0ea;margin-right:-.36em;display:inline-flex;align-items:center;gap:14px;animation:intro-type 2.2s cubic-bezier(.22,1,.36,1) forwards}.intro-sep{color:#d4a359;font-weight:400;opacity:.75}.intro-ai{font-family:Inter,sans-serif;font-weight:400;font-size:.76em;letter-spacing:.32em;color:#9e9a90}@keyframes intro-curtain{0%,68%{opacity:1}to{opacity:0;pointer-events:none}}@keyframes intro-type{0%{opacity:0;transform:translateY(6px) scale(.98);filter:blur(4px)}24%{opacity:1;transform:translateY(0) scale(1);filter:blur(0px)}68%{opacity:1;transform:translateY(0) scale(1);filter:blur(0px)}to{opacity:0;transform:translateY(-4px) scale(1.015);filter:blur(3px)}}@media(max-width:768px){.doodle.paper-plane,.doodle.moon-stars{display:none}.doodle.coffee{top:8%;left:8%;transform:scale(.85)}.doodle.tiny-window{top:8%;right:8%;transform:scale(.85)}.doodle.cat-coder{bottom:9%;left:8%;transform:scale(.85)}.doodle.plant-wrench{bottom:9%;right:8%;transform:scale(.85)}}@media(prefers-reduced-motion:reduce){.doodle,.sparkle,.steam-path,.cursor-blink{animation:none}}