:root{--bg-color:#fafaf7;--ink-color:#050505;--font-mono:SFMono-Regular, Menlo, Monaco, Consolas, monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-color);-webkit-user-select:none;user-select:none;cursor:none;width:100%;height:100dvh;margin:0;padding:0;overflow:hidden}#doodle-canvas{background-color:var(--bg-color);touch-action:none;width:100%;height:100dvh;display:block;position:absolute;top:0;left:0}#cursor-dot{background-color:var(--ink-color);pointer-events:none;z-index:9999;opacity:0;border-radius:50%;width:10px;height:10px;transition:opacity .15s cubic-bezier(.16,1,.3,1);position:fixed;transform:translate(-50%,-50%)}@media (hover:none){#cursor-dot{display:none}html,body{cursor:auto}}#draw-prompt{font-family:var(--font-mono);letter-spacing:.02em;color:var(--ink-color);pointer-events:none;z-index:10;opacity:0;font-size:11px;transition:opacity 1.2s cubic-bezier(.16,1,.3,1);animation:.25s ease-out forwards fadeInPrompt;position:fixed;top:20px;left:50%;transform:translate(-50%)}@keyframes fadeInPrompt{to{opacity:.4}}#draw-prompt.hidden-slow{opacity:0!important;animation:none!important}#draw-prompt.hidden-fast{opacity:0!important;transition:opacity .1s!important;animation:none!important}.bottom-nav{z-index:10;pointer-events:none;justify-content:space-between;align-items:center;padding:24px;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-btn{pointer-events:auto;font-family:var(--font-mono);letter-spacing:.02em;color:var(--ink-color);cursor:none;text-transform:lowercase;opacity:1;-webkit-tap-highlight-color:transparent;background:0 0;border:none;outline:none;margin:-12px -18px;padding:12px 18px;font-size:11px;text-decoration:none;transition:opacity .22s cubic-bezier(.16,1,.3,1)}@media (hover:hover){.nav-btn:hover{opacity:.5}}@media (width<=768px){.bottom-nav{padding:20px 20px 24px}.nav-btn{cursor:pointer;font-size:10px}#draw-prompt{top:4.2dvh}}