:root{--bg:#f1f1f4;--fg:#222;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}@media (prefers-color-scheme:dark){:root{--bg:#15151a;--fg:#eee}}html,body{background:var(--bg);height:100%;color:var(--fg);margin:0;font-family:system-ui,sans-serif}body{flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}canvas{aspect-ratio:320/510;touch-action:none;cursor:crosshair;border-radius:4px;max-width:96vw;max-height:86vh}small{opacity:.7}