: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{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{box-sizing:border-box;justify-content:center;align-items:center;width:100%;height:100%;padding:8px;display:flex}canvas{border:1px solid var(--color-canvas-border);box-shadow:0 24px 40px #0009, 0 0 35px var(--color-canvas-shadow);image-rendering:crisp-edges;border-radius:18px;transition:transform .2s,box-shadow .2s}@media (width<=900px){canvas{border-color:var(--color-canvas-border);box-shadow:0 14px 28px #00000080, 0 0 22px var(--color-canvas-shadow);border-radius:12px}}