:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--primary-color:#6c5ce7;--primary-hover:#8172f3;--bg-color:#0f0f13;--bg-gradient:linear-gradient(135deg, #121212 0%, #1a1a2e 100%);--bg-overlay:radial-gradient(circle at 15% 50%, #6c5ce726, transparent 25%), radial-gradient(circle at 85% 30%, #00cec91a, transparent 25%);--card-bg:#ffffff0d;--card-border:#ffffff1a;--surface:#14141e66;--surface-solid:#1a1a2e;--text-color:#e0e0e0;--text-muted:#9e9e9e;--heading-color:#fff;--danger-color:#ff7675;--input-bg:#0003;--input-text:#fff;--shadow:0 8px 32px 0 #0000004d;color:var(--text-color);background:var(--bg-gradient);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Roboto,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--primary-color:#6c5ce7;--primary-hover:#5a4bd6;--bg-color:#f4f5fb;--bg-gradient:linear-gradient(135deg, #f7f8fc 0%, #eceef6 100%);--bg-overlay:radial-gradient(circle at 15% 50%, #6c5ce714, transparent 25%), radial-gradient(circle at 85% 30%, #00cec914, transparent 25%);--card-bg:#ffffffb3;--card-border:#00000014;--surface:#ffffffbf;--surface-solid:#fff;--text-color:#2d3436;--text-muted:#636e72;--heading-color:#1a1a2e;--danger-color:#e17055;--input-bg:#ffffffe6;--input-text:#2d3436;--shadow:0 8px 24px 0 #2d34361f}body{background-color:var(--bg-color);background-image:var(--bg-overlay);min-height:100vh;margin:0}*{box-sizing:border-box}h1,h2,h3,h4,h5,h6{color:var(--heading-color);margin-top:0}button{background-color:var(--primary-color);color:#fff;cursor:pointer;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:all .25s}button:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #6c5ce74d}button:active{transform:translateY(0)}input,textarea{border:1px solid var(--card-border);background:var(--input-bg);width:100%;color:var(--input-text);border-radius:8px;outline:none;padding:12px;font-family:inherit;font-size:1rem;transition:border-color .2s,box-shadow .2s}input:focus,textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #6c5ce740}.glass{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);border:1px solid var(--card-border);box-shadow:var(--shadow);border-radius:12px}.app-container{flex-direction:column;min-height:100vh;display:flex}