*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0e1a;--headline-color:#fff;--bubble-bg:#0a0e1ef0;--bubble-border:#ffffff1a;--bubble-text:#e0e0e0;--hint-bg:#ffffff14;--hint-text:#888}html,body{background:var(--bg);cursor:default;background-color:#0a0e1a;width:100%;height:100%;font-family:Inter,sans-serif;overflow:hidden}#stage{position:fixed;inset:0;overflow:hidden}.headline-word{color:var(--headline-color);opacity:.12;letter-spacing:-2px;z-index:0}.main-canvas{z-index:0;pointer-events:none;position:fixed;inset:0}.moon{z-index:2;cursor:grab;pointer-events:auto;-webkit-user-select:none;user-select:none;border-radius:50%;width:140px;height:140px;transition:box-shadow .3s;position:fixed;overflow:hidden;box-shadow:0 0 20px #c8c3b933,0 0 60px #c8c3b914}.moon-img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.moon:hover{box-shadow:0 0 30px #dcd7cd4d,0 0 80px #c8c3b91f}.moon--spinning{animation:2.5s cubic-bezier(.2,.8,.3,1) forwards moon-spin}@keyframes moon-spin{0%{transform:rotate(0)}to{transform:rotate(1080deg)}}.quote-bubble{z-index:2;background:var(--bubble-bg);border:1px solid var(--bubble-border);border-radius:12px;transition:opacity .4s ease-out;box-shadow:0 4px 24px #0006}.quote-line{color:var(--bubble-text);font:400 15px/22px Inter,sans-serif}.hint-pill{background:var(--hint-bg);color:var(--hint-text);z-index:10;opacity:1;pointer-events:none;-webkit-user-select:none;user-select:none;border-radius:100px;padding:8px 20px;font:500 13px/1 Inter,sans-serif;transition:opacity .6s ease-out;position:fixed;bottom:32px;left:50%;transform:translate(-50%)}.hint-pill--hidden{opacity:0}.typing-indicator{z-index:20;opacity:0;pointer-events:none;background:#1e1e1ee6;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:8px;padding:8px 14px;transition:opacity .3s,transform .3s;display:flex;position:fixed;bottom:72px;left:24px;transform:translateY(8px)}.typing-dot{font-size:10px;animation:1.4s ease-in-out infinite pulse-dot}.typing-text{color:#999;letter-spacing:.01em;font:400 13px/1 Inter,sans-serif}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.3}}.sprint-countdown{text-align:right;z-index:15;pointer-events:none;-webkit-user-select:none;user-select:none;position:fixed;bottom:24px;right:24px}.countdown-label{color:#555;letter-spacing:.15em;text-transform:uppercase;margin-bottom:4px;font:700 10px/1 Inter,sans-serif}.countdown-time{color:#888;letter-spacing:.05em;font-variant-numeric:tabular-nums;font:700 22px/1 Inter,monospace;transition:color .3s}.toast-container{z-index:25;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;top:80px;right:20px}.toast-notification{color:#ccc;opacity:0;background:#1e1e1ef2;border:1px solid #ffffff14;border-radius:8px;max-width:340px;padding:10px 16px;font:400 13px/1.4 Inter,sans-serif;transition:opacity .4s,transform .4s;transform:translate(120%);box-shadow:0 4px 16px #0006}.shooting-star{opacity:0;transform-origin:50%;will-change:transform, opacity;background:linear-gradient(90deg,#0000 0%,#c8d2ff80 50%,#ffffffe6 100%);border-radius:1px;height:1.5px;position:absolute;top:0;left:0}@media (width<=768px){html,body{overscroll-behavior:none}#stage{touch-action:none}.headline-word{letter-spacing:-1px}.quote-bubble{border-radius:8px;max-width:260px}.quote-line{font-size:13px;line-height:18px}.hint-pill{padding:6px 16px;font-size:12px;bottom:20px}.typing-indicator{gap:6px;padding:6px 10px;bottom:48px;left:12px}.typing-text{font-size:11px}.sprint-countdown{bottom:16px;right:12px}.countdown-label{font-size:8px}.countdown-time{font-size:16px}.toast-container{top:56px;right:8px}.toast-notification{max-width:240px;padding:8px 12px;font-size:11px}}