:root{--primitive-primary-50:#eef2ff;--primitive-primary-100:#e0e7ff;--primitive-primary-200:#c7d2fe;--primitive-primary-300:#a5b4fc;--primitive-primary-400:#818cf8;--primitive-primary-500:#6366f1;--primitive-primary-600:#4f46e5;--primitive-primary-700:#4338ca;--primitive-primary-800:#3730a3;--primitive-primary-900:#312e81;--primitive-logo-teal:#069094;--primitive-brand-50:#ecfdf7;--primitive-brand-100:#d2f5ea;--primitive-brand-200:#a7e9d6;--primitive-brand-300:#6fd9bc;--primitive-brand-400:#34c39e;--primitive-brand-500:#00a38e;--primitive-brand-600:#007d6d;--primitive-brand-700:#005e52;--primitive-brand-800:#00453c;--primitive-brand-900:#002e28;--primitive-neutral-50:#f8fafc;--primitive-neutral-100:#f1f5f9;--primitive-neutral-200:#e2e8f0;--primitive-neutral-300:#cbd5e1;--primitive-neutral-400:#94a3b8;--primitive-neutral-500:#64748b;--primitive-neutral-600:#475569;--primitive-neutral-700:#334155;--primitive-neutral-800:#1e293b;--primitive-neutral-900:#0f172a;--primitive-success-50:#ecfdf5;--primitive-success-500:#10b981;--primitive-success-700:#047857;--primitive-warning-50:#fffbeb;--primitive-warning-500:#f59e0b;--primitive-warning-700:#b45309;--primitive-error-50:#fef2f2;--primitive-error-500:#ef4444;--primitive-error-700:#b91c1c;--primitive-info-50:#eff6ff;--primitive-info-500:#3b82f6;--primitive-info-700:#1d4ed8;--primitive-white:#fff;--primitive-black:#000;--primitive-glass-light:#fafaf8d9;--primitive-glass-dark:#0f172ad9;--primitive-border-warm:#ecebe5;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-8:48px;--space-10:64px;--space-12:96px;--radius-sm:4px;--radius-md:10px;--radius-lg:16px;--radius-full:9999px;--font-sans:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-heading:"Sora", var(--font-sans);--font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:2rem;--text-3xl:2.5rem;--text-4xl:3.875rem;--dna-1:#3b7bff;--dna-2:#06b6d4;--dna-3:#f59e0b;--dna-4:#7c5cff;--dna-5:#ec4899;--dna-6:#ef4444;--container-max:1120px;--container-narrow:720px;--transition-fast:.12s ease;--transition-base:.2s ease;--z-dropdown:1000;--z-sticky:1100;--z-modal:1300;--z-toast:1400}:root,[data-theme=light]{--color-bg-page:var(--primitive-neutral-50);--color-bg-surface:var(--primitive-white);--color-bg-subtle:var(--primitive-neutral-100);--color-bg-inverse:var(--primitive-neutral-900);--color-bg-nav:var(--primitive-glass-light);--color-border-nav:var(--primitive-border-warm);--color-text-primary:var(--primitive-neutral-900);--color-text-secondary:var(--primitive-neutral-600);--color-text-muted:var(--primitive-neutral-400);--color-text-inverse:var(--primitive-white);--color-text-inverse-muted:var(--primitive-neutral-400);--color-border-default:var(--primitive-neutral-200);--color-border-strong:var(--primitive-neutral-300);--color-primary-default:var(--primitive-brand-500);--color-primary-hover:var(--primitive-brand-600);--color-logo-accent:var(--primitive-logo-teal);--color-primary-subtle:var(--primitive-brand-50);--color-primary-on-primary:var(--primitive-white);--color-brand-band:var(--primitive-brand-500);--color-brand-band-strong:var(--primitive-brand-700);--color-on-brand-band:var(--primitive-white);--color-on-brand-band-muted:var(--primitive-brand-100);--color-bg-mint:var(--primitive-brand-50);--color-success-default:var(--primitive-success-500);--color-success-subtle:var(--primitive-success-50);--color-success-text:var(--primitive-success-700);--color-warning-default:var(--primitive-warning-500);--color-warning-subtle:var(--primitive-warning-50);--color-warning-text:var(--primitive-warning-700);--color-error-default:var(--primitive-error-500);--color-error-subtle:var(--primitive-error-50);--color-error-text:var(--primitive-error-700);--color-info-default:var(--primitive-info-500);--color-info-subtle:var(--primitive-info-50);--color-info-text:var(--primitive-info-700);--shadow-sm:0 1px 2px #0f172a0f;--shadow-md:0 4px 12px #0f172a14;--color-overlay:#0f172a73}[data-theme=dark]{--color-bg-page:var(--primitive-neutral-900);--color-bg-surface:var(--primitive-neutral-800);--color-bg-subtle:var(--primitive-neutral-700);--color-bg-inverse:var(--primitive-neutral-50);--color-bg-nav:var(--primitive-glass-dark);--color-border-nav:var(--primitive-neutral-700);--color-text-primary:var(--primitive-neutral-50);--color-text-secondary:var(--primitive-neutral-300);--color-text-muted:var(--primitive-neutral-400);--color-text-inverse:var(--primitive-neutral-900);--color-text-inverse-muted:var(--primitive-neutral-600);--color-border-default:var(--primitive-neutral-700);--color-border-strong:var(--primitive-neutral-600);--color-primary-default:var(--primitive-brand-400);--color-primary-hover:var(--primitive-brand-300);--color-logo-accent:var(--primitive-logo-teal);--color-primary-subtle:var(--primitive-brand-900);--color-primary-on-primary:var(--primitive-neutral-900);--color-brand-band:var(--primitive-brand-800);--color-brand-band-strong:var(--primitive-brand-900);--color-on-brand-band:var(--primitive-white);--color-on-brand-band-muted:var(--primitive-brand-200);--color-bg-mint:var(--primitive-neutral-800);--color-success-default:var(--primitive-success-500);--color-success-subtle:var(--primitive-neutral-800);--color-success-text:var(--primitive-success-500);--color-warning-default:var(--primitive-warning-500);--color-warning-subtle:var(--primitive-neutral-800);--color-warning-text:var(--primitive-warning-500);--color-error-default:var(--primitive-error-500);--color-error-subtle:var(--primitive-neutral-800);--color-error-text:var(--primitive-error-500);--color-info-default:var(--primitive-info-500);--color-info-subtle:var(--primitive-neutral-800);--color-info-text:var(--primitive-info-500);--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 16px #00000080;--color-overlay:#0009}:root{--color-bg-spotlight:var(--primitive-neutral-900);--color-border-spotlight:var(--primitive-neutral-700);--color-text-on-spotlight:var(--primitive-white);--color-text-on-spotlight-muted:var(--primitive-neutral-400);--color-bg:var(--color-bg-page);--color-surface:var(--color-bg-subtle);--color-surface-raised:var(--color-bg-surface);--color-border:var(--color-border-default);--color-text:var(--color-text-primary);--color-primary:var(--color-primary-default);--color-primary-contrast:var(--color-primary-on-primary);--color-danger:var(--color-error-default);--color-success:var(--color-success-default)}
:where(ul[class],ol[class]){list-style:none}.ui-page{gap:var(--space-4);width:100%;min-width:0;display:grid}.ui-hero{gap:var(--space-3);padding:var(--space-5);background:radial-gradient(circle at top right, color-mix(in srgb, var(--dna-4,var(--color-primary-default)) 20%, transparent), transparent 55%), linear-gradient(135deg, var(--color-primary-subtle), color-mix(in srgb, var(--dna-1,var(--color-primary-default)) 10%, var(--color-bg-surface)));border:1px solid var(--color-border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);justify-items:start;display:grid}.ui-hero--split{grid-template-columns:minmax(0,1fr) auto;align-items:center}.ui-hero__text{gap:var(--space-2);justify-items:start;min-width:0;display:grid}.ui-badge{gap:var(--space-1);padding:2px var(--space-3);font-size:var(--text-xs);letter-spacing:.02em;color:var(--color-success-text);background-color:var(--color-success-subtle);border:1px solid var(--color-success-default);border-radius:var(--radius-full);align-items:center;font-weight:700;display:inline-flex}.ui-badge--brand{color:var(--color-primary-hover);background-color:var(--color-bg-surface);border-color:var(--color-primary-default)}.ui-title{font-family:var(--font-heading);font-size:var(--text-xl);color:var(--color-text-primary);font-weight:700;line-height:1.2}.ui-lead,.ui-muted{font-size:var(--text-sm);color:var(--color-text-secondary)}.ui-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));display:grid}@media (min-width:640px){.ui-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}}.ui-card{gap:var(--space-3);min-width:0;padding:var(--space-4);background-color:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);align-content:start;display:grid}.ui-card__title{gap:var(--space-2);font-family:var(--font-heading);font-size:var(--text-base);color:var(--color-text-primary);align-items:center;font-weight:700;display:flex}.ui-icon{width:2rem;height:2rem;font-size:var(--text-base);background-color:var(--color-bg-subtle);border-radius:var(--radius-md);flex-shrink:0;place-items:center;line-height:1;display:inline-grid}.ui-icon--lg{width:2.75rem;height:2.75rem;font-size:var(--text-xl)}.ui-points{gap:var(--space-1);font-size:var(--text-sm);margin:0;padding:0;line-height:1.5;display:grid}.ui-points__item{gap:var(--space-1);grid-template-columns:1.4em minmax(0,1fr);align-items:baseline;display:grid}.ui-points__mark{text-align:center}.ui-points--muted{color:var(--color-text-secondary)}.ui-chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.ui-chip{gap:var(--space-1);padding:2px var(--space-3);font-size:var(--text-xs);color:var(--color-text-primary);background-color:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-full);align-items:center;font-weight:600;display:inline-flex}.ui-btn{gap:var(--space-2);min-height:44px;padding:0 var(--space-5);font-family:inherit;font-size:var(--text-sm);color:var(--color-primary-on-primary);cursor:pointer;background-color:var(--color-primary-default);border-radius:var(--radius-full);transition:background-color var(--transition-fast), transform var(--transition-fast);border:0;justify-content:center;align-items:center;font-weight:700;text-decoration:none;display:inline-flex}.ui-btn:hover:not(:disabled){color:var(--color-primary-on-primary);background-color:var(--color-primary-hover);transform:translateY(-1px)}.ui-btn:disabled{cursor:not-allowed;opacity:.55}.ui-btn--ghost{color:var(--color-text-primary);background-color:var(--color-bg-surface);border:1px solid var(--color-border-default)}.ui-btn--ghost:hover:not(:disabled){color:var(--color-text-primary);background-color:var(--color-bg-subtle);border-color:var(--color-primary-default)}.ui-links{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.ui-link{gap:var(--space-3);padding:var(--space-3) var(--space-4);color:var(--color-text-primary);background-color:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast), transform var(--transition-fast);align-items:center;text-decoration:none;display:flex}.ui-link:hover{color:var(--color-text-primary);border-color:var(--color-primary-default);transform:translateY(-2px)}.ui-link__text{gap:2px;min-width:0;display:grid}.ui-link__text strong{font-size:var(--text-sm)}.ui-link__icon{font-size:var(--text-xl);line-height:1}.ui-empty{gap:var(--space-3);max-width:440px;padding:var(--space-6) var(--space-5);margin:var(--space-8) auto;text-align:center;background-color:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);justify-items:center;display:grid}.ui-empty__emoji{font-size:var(--text-3xl);line-height:1}@media (max-width:560px){.ui-hero{padding:var(--space-4)}.ui-hero--split{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.ui-btn,.ui-link{transition:none}}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:16px;line-height:1.5}body{background-color:var(--color-bg);color:var(--color-text);min-height:100vh;transition:background-color var(--transition-base), color var(--transition-base)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-hover)}button{font:inherit;cursor:pointer;border:1px solid var(--color-border);background-color:var(--color-surface-raised);color:var(--color-text);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);transition:background-color var(--transition-fast), border-color var(--transition-fast)}button:hover{border-color:var(--color-primary)}button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}h1,h2,h3{line-height:1.2}