*{box-sizing:border-box;margin:0;padding:0}:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--bg: #fafbff;--surface: #ffffff;--surface-2: #f1f3f9;--text: #0f1320;--muted: #5b6075;--accent: #5a3dff;--accent-2: #14b89b;--warn: #e59600;--error: #e2364f;--info: #2b8fff;--success: #22c37a;--ring-start: #5a3dff;--ring-end: #14b89b;color:var(--text);background-color:var(--bg)}body{min-height:100vh;background-color:var(--bg);color:var(--text)}a{color:var(--accent)}a:hover{color:var(--accent-2)}button{font:inherit}.muted{color:var(--muted)}.surface{background-color:var(--surface);color:var(--text)}.surface-2{background-color:var(--surface-2);color:var(--text)}.btn-primary{background:var(--accent);color:#fff;border:none}.btn-danger{background:var(--error);color:#fff;border:none}.btn-success{background:var(--success);color:#fff;border:none}.ring-gradient{background:linear-gradient(90deg,var(--ring-start),var(--ring-end))}.icon-btn.with-label{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .5rem}.icon-btn.with-label svg{flex:0 0 auto}.progress-bar-container{width:100%;height:20px;background:#e0e0e0;border-radius:14px;overflow:hidden;position:relative}.rainbow-bar{height:100%;transition:width .3s ease;border-radius:14px 0 0 14px}.rainbow-bar.partial{height:100%;border-radius:14px 0 0 14px;background:linear-gradient(90deg,red,#ff4d00,#f90,#ffe500,#cf0,#80ff00,#3f0,#00ff19,#0f6,#00ffb3,#0ff,#00b2ff,#06f,#0019ff,#30f,#7f00ff,#c0f,#ff00e6,#f09,#ff004c,red);background-size:100% 100%}.rainbow-bar.animated{background:linear-gradient(90deg,red,#ff4d00,#f90,#ffe500,#cf0,#80ff00,#3f0,#00ff19,#0f6,#00ffb3,#0ff,#00b2ff,#06f,#0019ff,#30f,#7f00ff,#c0f,#ff00e6,#f09,#ff004c,red);background-size:200%;animation:rainbowFlow 3s linear infinite}@keyframes rainbowFlow{0%{background-position:0% 0%}to{background-position:-200% 0%}}.modal-backdrop{position:fixed;inset:0;background:#0f132066;display:flex;align-items:center;justify-content:center;z-index:50}.modal{width:min(480px,92%);background:var(--surface);color:var(--text);border:1px solid var(--surface-2);border-radius:.75rem;box-shadow:0 10px 30px #0f132033;padding:1rem;display:grid;gap:.75rem}.modal__title{font-size:1.15rem;font-weight:800}.modal__subtitle{color:var(--muted)}.modal__actions{display:flex;gap:.5rem;justify-content:flex-end}.field{display:grid;gap:.25rem}.label{color:var(--text);font-weight:600;font-size:.9rem}.control{padding:.4rem .6rem;border:1px solid var(--surface-2);border-radius:.5rem;background:var(--surface);color:var(--text)}.control:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 1px #5a3dff26}