:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-main:#0b0e14;--bg-surface:#171c28b3;--bg-surface-hover:#2d3548e6;--accent-primary:#f4902c;--accent-primary-glow:#f4902c66;--accent-secondary:#0ea5e9;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#475569;--border-color:#ffffff14;--font-display:"Outfit", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-body:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh;overflow-x:hidden}.glass-panel{box-shadow:none;background:#0f131b;border:none;border-radius:0}@keyframes blink{50%{opacity:.25}}.blink{animation:1s ease-in-out infinite blink}@keyframes thread-progress{0%{width:0%}to{width:100%}}@keyframes wiggle-rotate{0%{transform:rotate(0)}20%{transform:rotate(-3deg)scale(1.05)}40%{transform:rotate(3deg)scale(1.05)}60%{transform:rotate(-3deg)scale(1.05)}80%{transform:rotate(3deg)scale(1.05)}to{transform:rotate(0)scale(1)}}.wiggle-rotate{animation:.8s ease-in-out wiggle-rotate}@keyframes wiggle-updown{0%{transform:translateY(0)}20%{transform:translateY(-3px)scale(1.02)}40%{transform:translateY(2px)scale(1.02)}60%{transform:translateY(-2px)scale(1.02)}80%{transform:translateY(1px)scale(1.02)}to{transform:translateY(0)scale(1)}}.wiggle-updown{animation:.8s ease-in-out wiggle-updown}@keyframes wiggle-leftright{0%{transform:translate(0)}20%{transform:translate(-3px)scale(1.02)}40%{transform:translate(3px)scale(1.02)}60%{transform:translate(-2px)scale(1.02)}80%{transform:translate(2px)scale(1.02)}to{transform:translate(0)scale(1)}}.wiggle-leftright{animation:.8s ease-in-out wiggle-leftright}@keyframes wiggle-shake{0%{transform:translate(0)rotate(0)}20%{transform:translate(-2px,-1px)rotate(-2deg)scale(1.05)}40%{transform:translate(2px,1px)rotate(2deg)scale(1.05)}60%{transform:translate(-1px,2px)rotate(-1deg)scale(1.05)}80%{transform:translate(1px,-2px)rotate(1deg)scale(1.05)}to{transform:translate(0)rotate(0)scale(1)}}.wiggle-shake{animation:.8s ease-in-out wiggle-shake}select,select option{color:#000;background:#fff}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.02em;font-weight:700}.text-gradient{background:linear-gradient(135deg, var(--text-primary) 0%, var(--text-secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.accent-gradient{background:linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.app-container{flex-direction:column;gap:0;height:100dvh;padding:0;display:flex}.app-header{flex-shrink:0;justify-content:space-between;align-items:center;padding:.4rem .75rem;display:flex}.app-header h1{font-size:1.4rem;font-weight:800}.app-main{flex:1;gap:0;min-height:0;display:flex}.sidebar{flex-direction:column;gap:.5rem;width:340px;padding:.5rem;display:flex;overflow-y:auto}.main-view{flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.control-group{flex-direction:column;gap:.75rem;display:flex}.control-group label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-size:.85rem;font-weight:600}.btn{border:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font-body);cursor:pointer;background:#ffffff0f;border-radius:0;justify-content:center;align-items:center;gap:.5rem;padding:.35rem .7rem;font-size:.9rem;font-weight:500;transition:background .15s;display:flex}.btn:hover{background:#ffffff1f}.btn.primary{background:var(--accent-primary);color:#000;border:none;font-weight:600}.btn.primary:hover{filter:brightness(1.1)}.cloud-placeholder{background:radial-gradient(circle,#ffffff08 0%,#0000 70%);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:100%;height:100%;display:flex}.cloud-dot{background:conic-gradient(from 0deg, var(--accent-primary), var(--accent-secondary), var(--accent-primary));width:120px;height:120px;box-shadow:0 0 40px var(--accent-primary-glow);border-radius:50%;animation:4s linear infinite spin;position:relative}.cloud-dot:after{content:"";background:var(--bg-main);border-radius:50%;position:absolute;inset:4px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=768px){.hide-on-mobile{display:none!important}}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--text-muted);border:2px solid var(--bg-main);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}::-webkit-scrollbar-corner{background:var(--bg-main)}
