@charset "UTF-8";.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 14px;border-radius:14px;font-size:13px;font-weight:700;line-height:1;white-space:nowrap;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .12s ease,border-color .12s ease,color .12s ease,transform .12s ease}.btn:hover{border-color:var(--border-strong)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{color:#fff;border-color:transparent;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 70%,#000 0%));box-shadow:var(--shadow-sm)}.btn--primary:hover{filter:brightness(1.05)}.btn--secondary{background:var(--surface)}.btn--ghost,.btn--danger-ghost{background:transparent}.btn--danger-ghost:hover{color:var(--danger-text);background:var(--danger-soft);border-color:var(--danger-border)}.btn--sm{height:32px;padding:0 10px;font-size:12px}.btn--md{height:40px}.btn--icon{width:40px;padding:0}.btn--pill{height:32px;padding:0 12px;border-radius:999px;font-size:12px;color:var(--muted)}.is-active{color:#fff;border-color:transparent;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 65%,#000 0%))}.is-full-width{width:100%}.form{display:grid;gap:14px}.field{display:grid;gap:6px}.label{font-size:12px;font-weight:700;color:var(--text)}.input{height:40px;padding:0 12px;border-radius:14px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:13px;outline:none;transition:border-color .12s ease,background .12s ease,box-shadow .12s ease}.input::placeholder{color:var(--muted-2)}.input:hover{border-color:var(--border-strong)}.input:focus{border-color:color-mix(in srgb,var(--accent) 55%,var(--border));box-shadow:0 0 0 4px var(--accent-soft)}.input:disabled{opacity:.6;cursor:not-allowed}.textarea{min-height:96px;padding:10px 12px;resize:vertical}.is-invalid .input,.input[aria-invalid=true]{border-color:color-mix(in srgb,#dc2626 55%,var(--border));box-shadow:0 0 0 4px color-mix(in srgb,#dc2626 16%,transparent)}.hint{font-size:12px;color:var(--muted);line-height:1.35}.error{font-size:12px;color:#dc2626;line-height:1.35}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.stack{display:grid;gap:10px}.checkbox{display:inline-flex;align-items:center;gap:10px;-webkit-user-select:none;user-select:none}.checkbox input[type=checkbox]{width:16px;height:16px;margin:0;accent-color:var(--accent)}.link{color:color-mix(in srgb,var(--accent) 80%,var(--text));text-decoration:none;font-weight:700}.link:hover{text-decoration:underline}html,body{height:100%}body{margin:0;font-family:Roboto,Helvetica Neue,sans-serif;background:var(--bg);color:var(--text)}:root{--bg: ;--surface: ;--surface-2: ;--surface-3: ;--border: ;--border-strong: ;--text: ;--muted: ;--muted-2: ;--tab-card-surface: ;--accent: ;--accent-weak: ;--accent-soft: ;--shadow-sm: 0 2px 6px rgba(0, 0, 0, .08);--shadow-md: 0 8px 24px rgba(0, 0, 0, .12);--danger: #dc2626;--danger-weak: color-mix(in srgb, var(--danger) 14%, var(--surface-2));--danger-soft: color-mix(in srgb, var(--danger) 14%, transparent);--danger-border: color-mix(in srgb, var(--danger) 24%, var(--border));--danger-text: color-mix(in srgb, var(--danger) 80%, var(--text))}body.mode-light{color-scheme:light;--bg: #f7f8fb;--surface: #ffffff;--surface-2: #f1f3f8;--surface-3: #e9edf5;--tab-card-surface:var(--surface-2);--border: rgba(15, 23, 42, .12);--border-strong: rgba(15, 23, 42, .18);--text: rgba(15, 23, 42, .92);--muted: rgba(15, 23, 42, .62);--muted-2: rgba(15, 23, 42, .48);background:var(--bg);color:var(--text);--danger-weak: color-mix(in srgb, var(--danger) 12%, var(--surface-2));--danger-soft: color-mix(in srgb, var(--danger) 12%, transparent);--danger-border: color-mix(in srgb, var(--danger) 22%, var(--border));--danger-text: color-mix(in srgb, var(--danger) 78%, var(--text))}body.mode-dark{color-scheme:dark;--bg: #0b0f17;--surface: #111827;--surface-2: #0f172a;--surface-3: #020617;--tab-card-surface: var(--surface-2);--border: rgba(255, 255, 255, .12);--border-strong: rgba(255, 255, 255, .2);--text: rgba(255, 255, 255, .92);--muted: rgba(255, 255, 255, .65);--muted-2: rgba(255, 255, 255, .48);background:var(--bg);color:var(--text);--danger-weak: color-mix(in srgb, var(--danger) 22%, var(--surface-2));--danger-soft: color-mix(in srgb, var(--danger) 22%, transparent);--danger-border: color-mix(in srgb, var(--danger) 30%, var(--border));--danger-text: color-mix(in srgb, var(--danger) 80%, var(--text))}:root{--p-surface-0: var(--surface);--p-surface-100: var(--surface-2);--p-text-color: var(--text);--p-text-muted-color: var(--muted);--p-primary-color: var(--accent);--p-primary-contrast-color: var(--surface);--p-content-border-color: var(--border);--p-focus-ring-color: color-mix(in srgb, var(--accent) 60%, transparent)}body.theme-turquoise{--accent: #0ea5a5;--accent-weak: #d9fbf8;--accent-soft: rgba(14, 165, 165, .18)}body.theme-purple{--accent: #7c3aed;--accent-weak: #f3e8ff;--accent-soft: rgba(124, 58, 237, .18)}body.theme-green{--accent: #16a34a;--accent-weak: #dcfce7;--accent-soft: rgba(22, 163, 74, .16)}.theme-turquoise{--accent: #0ea5a5;--accent-weak: #d9fbf8;--accent-soft: rgba(14, 165, 165, .18)}.theme-purple{--accent: #7c3aed;--accent-weak: #f3e8ff;--accent-soft: rgba(124, 58, 237, .18)}.theme-green{--accent: #16a34a;--accent-weak: #dcfce7;--accent-soft: rgba(22, 163, 74, .16)}body.mode-dark.theme-turquoise,body.mode-dark.theme-purple,body.mode-dark.theme-green{--accent-weak: color-mix(in srgb, var(--accent) 22%, var(--surface-2));--accent-soft: color-mix(in srgb, var(--accent) 22%, transparent)}.app-bg{min-height:100vh;background:var(--bg);color:var(--text)}.surface{background:var(--surface);color:var(--text)}.surface--muted{background:var(--surface-2)}.card{background:var(--surface);border-radius:16px;border:1px solid var(--border);box-shadow:var(--shadow-sm)}.panel{background:var(--surface);border-radius:16px;border:1px solid var(--border)}.card--raised{box-shadow:var(--shadow-md)}.divider{height:1px;background:var(--border)}.accent-soft{background:var(--accent-soft)}
