:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--canvas-bg: #5A5A5A;--grid-line: rgba(128, 128, 128, .3);--glass-bg: rgba(255, 255, 255, .3);--glass-border: rgba(255, 255, 255, .4);--glass-blur: blur(20px);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .1);--glass-hover: rgba(255, 255, 255, .5);--transition-fast: .15s;--transition-normal: .3s;--transition-slow: .5s}html{overflow:hidden}body{margin:0;padding:0;overflow:hidden;min-width:320px;min-height:100vh}#root{width:100vw;height:100vh;margin:0;padding:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.glass-island{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:12px;box-shadow:var(--glass-shadow);transition:all var(--transition-normal) cubic-bezier(.4,0,.2,1)}.glass-button{background:#fff3;border:none;border-radius:8px;transition:all var(--transition-fast) ease;cursor:pointer}.glass-button:hover{background:var(--glass-hover);filter:brightness(1.1)}.glass-hover:hover{filter:brightness(1.1);border-color:#ffffff80}