:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark light;--bg-primary: hsl(240, 10%, 10%);--bg-secondary: hsl(240, 10%, 14%);--bg-tertiary: hsl(240, 10%, 18%);--text-primary: hsl(0, 0%, 95%);--text-secondary: hsl(240, 5%, 70%);--text-muted: hsl(240, 5%, 50%);--color-accent: hsl(264, 100%, 61%);--color-accent-hover: hsl(264, 100%, 67%);--color-success: hsl(142, 70%, 50%);--color-danger: hsl(0, 80%, 60%);--color-warning: hsl(40, 90%, 60%);--border-color: hsl(240, 10%, 25%);--radius: 8px;background-color:var(--bg-primary);color:var(--text-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;margin:0;display:flex;flex-direction:column}#root{width:100%;min-height:100vh;display:flex;flex-direction:column}button{border-radius:var(--radius);border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--bg-tertiary);cursor:pointer;transition:border-color .25s,background-color .25s;color:var(--text-primary)}button:hover{background-color:var(--bg-secondary);border-color:var(--color-accent)}button.primary{background-color:var(--color-accent);color:#fff}button.primary:hover{background-color:var(--color-accent-hover)}button:disabled{opacity:.6;cursor:not-allowed}input:not([type=checkbox]):not([type=radio]),textarea,select{font-family:inherit;font-size:1rem;padding:.6rem;border-radius:var(--radius);border:1px solid var(--border-color);background-color:var(--bg-primary);color:var(--text-primary);transition:border-color .2s;width:100%}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px #8838ff33}.w-4{width:1rem}.h-4{height:1rem}.w-full{width:100%}.h-full{height:100%}.container{max-width:1200px;margin:0 auto;padding:2rem;width:100%}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius);padding:1.5rem}h1,h2,h3{line-height:1.2}h1{font-size:2.5rem;font-weight:700;margin-bottom:1rem}h2{font-size:1.8rem;font-weight:600;margin-bottom:1rem}.text-sm{font-size:.875rem}.text-muted{color:var(--text-muted)}.text-accent{color:var(--color-accent)}