@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Permanent+Marker&display=swap";:root{--board-bg:#fff;--board-texture:#00000003;--dot-color:#00000012;--text-main:#1a1a2e;--text-muted:#6b7280;--toolbar-bg:#1e1e28e0;--toolbar-border:#ffffff14;--marker-black:#1a1a1a;--marker-red:#d32f2f;--marker-blue:#1565c0;--marker-green:#2e7d32;--marker-purple:#6a1b9a;--marker-orange:#e65100;--font-sans:"Inter", sans-serif;--font-marker:"Permanent Marker", cursive}*{box-sizing:border-box;margin:0;padding:0}html,body{-webkit-overflow-scrolling:touch;width:100%;height:100%;overflow:hidden}body{font-family:var(--font-sans);background-color:var(--board-bg);color:var(--text-main);background-image:radial-gradient(at 20% 20%,#fff9 0%,#0000 60%),radial-gradient(at 80% 80%,#dcd2c840 0%,#0000 60%)}body:after{content:"";z-index:5000;pointer-events:none;background:linear-gradient(#c8c8c8 0%,#a0a0a0 50%,#b8b8b8 100%);height:18px;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 8px #0003}body:before{content:"";pointer-events:none;z-index:5000;border:10px solid #d0cfc8;position:fixed;inset:0;box-shadow:inset 0 0 0 1px #fff9,0 0 30px #00000026}#root{width:100%;height:100%}