:root{--color-text-primary:#f8fafc;--color-text-secondary:#94a3b8;--color-accent:#0ea5e9;--color-accent-hover:#38bdf8;--color-bg-gradient-top:#0f172a;--color-bg-gradient-mid:#0b101c;--color-bg-gradient-btm:#05080e;--color-canvas-border:#0ea5e959;--color-canvas-shadow:#0ea5e933}html,body{touch-action:none;overscroll-behavior:none;background:radial-gradient(circle at 10% 15%, #0ea5e933 0%, transparent 40%), radial-gradient(circle at 90% 85%, #a855f726 0%, transparent 40%), linear-gradient(180deg, var(--color-bg-gradient-top) 0%, var(--color-bg-gradient-mid) 50%, var(--color-bg-gradient-btm) 100%);width:100%;height:100%;color:var(--color-text-primary);margin:0;font-family:"Baloo 2",system-ui,-apple-system,sans-serif;overflow:hidden}#app{touch-action:none;padding-top:max(8px, env(safe-area-inset-top));padding-right:max(8px, env(safe-area-inset-right));padding-bottom:max(8px, env(safe-area-inset-bottom));padding-left:max(8px, env(safe-area-inset-left));box-sizing:border-box;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}canvas{touch-action:none;-ms-touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border:1px solid var(--color-canvas-border);max-width:100%;max-height:100%;box-shadow:0 24px 40px #0009, 0 0 35px var(--color-canvas-shadow);image-rendering:auto;border-radius:18px;transition:transform .2s,box-shadow .2s;display:block;margin:0!important}@media (width<=900px){#app{padding:0}canvas{box-shadow:none;border:0;border-radius:0}}