:root{--primary-color: #0f172a;--secondary-color: white;--body-bg-primary: #a8a8ac;--bg-primary: white;--bg-secondary: #1e293b;--border-primary: black;--border-secondary: white;--glow-effect-color: rgba(0, 0, 0, .3);--glow-effect-color-expanded: rgba(0, 0, 0, .3);--accent: linear-gradient(90deg, #7ee8fa, #4361ee);--font-sans: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;--color: #1e293b}:root.dark{--primary-color: white;--secondary-color: #0f172a;--body-bg-primary: #0f172a;--bg-primary: #253147;--bg-secondary: white;--border-primary: white;--border-secondary: black;--glow-effect-color: rgba(168, 168, 172, .5);--glow-effect-color-expanded: rgba(168, 168, 172, .5);--color: #fafafa}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%}body{font-family:var(--font-sans);background:radial-gradient(1200px 600px at 10% 20%,rgba(67,97,238,.12),transparent),radial-gradient(900px 500px at 90% 80%,rgba(126,232,250,.06),transparent),var(--body-bg-primary);color:var(--color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:env(safe-area-inset)}@keyframes border-angle-rotate{0%{--border-angle: 0deg}to{--border-angle: 360deg}}@property --border-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.animated-border{border:3px solid var(--border-primary)}.animated-border:hover{background:linear-gradient(var(--bg-primary),var(--bg-primary)) padding-box,conic-gradient(from var(--border-angle),var(--border-primary) 10%,var(--bg-primary)) border-box;animation:border-angle-rotate 10s infinite linear;border:3px solid transparent}.shadow{box-shadow:#00000012 0 1px 2px,#00000012 0 2px 4px,#00000012 0 4px 8px,#00000012 0 8px 16px,#00000012 0 16px 32px,#00000012 0 32px 64px}.dark .shadow{box-shadow:#ffffff12 0 1px 2px,#ffffff12 0 2px 4px,#ffffff12 0 4px 8px,#ffffff12 0 8px 16px,#ffffff12 0 16px 32px,#ffffff12 0 32px 64px}