@layer brand{:root{--teal-50:#eef6f4;--teal-100:#d6e9e5;--teal-200:#aed3cd;--teal-300:#7fb8b0;--teal-400:#529a91;--teal-500:#2e7d74;--teal-600:#266861;--teal-700:#1e4a45;--teal-800:#173f3b;--teal-900:#0f2a27;--gold-50:#fdf6e9;--gold-100:#f9e9c9;--gold-200:#f4d49b;--gold-300:#ecbe72;--gold-400:#e2b05c;--gold-500:#d9a44a;--gold-600:#cd9640;--gold-700:#bc852e;--gold-800:#7d5a1c;--gold-900:#5a4014;--neutral-0:#fffdf8;--neutral-50:#f7f2e9;--neutral-100:#f4efe6;--neutral-200:#eee7dc;--neutral-300:#d9ddd7;--neutral-400:#b3b8b2;--neutral-500:#8b918b;--neutral-600:#5f6966;--neutral-700:#414a47;--neutral-900:#232730;--neutral-dark-50:#f1eee6;--neutral-dark-200:#b5c1bd;--neutral-dark-300:#6a827c;--neutral-dark-400:#4c635e;--neutral-dark-500:#344844;--neutral-dark-600:#2a3d39;--neutral-dark-700:#21312e;--neutral-dark-800:#182421;--neutral-dark-850:#101917;--neutral-dark-900:#0a1210;--danger-50:#fdf0ee;--danger-100:#f9d9d5;--danger-300:#f0928a;--danger-500:#c8564a;--danger-600:#a63e35;--danger-700:#832f28;--danger-900:#4d1b16;--success-50:#edf6ef;--success-100:#d3ead8;--success-300:#86c294;--success-500:#3f8f52;--success-600:#2f7340;--success-700:#245a32;--success-900:#143620;--bg-page:var(--neutral-100);--bg-card:var(--neutral-0);--bg-surface:var(--neutral-200);--bg-bar:var(--neutral-50);--bg-row-hover:var(--neutral-100);--bg-row-selected:var(--teal-100);--bg-hero-start:var(--teal-800);--bg-hero-end:var(--teal-500);--text-default:var(--neutral-900);--text-muted:var(--neutral-600);--text-lead:var(--neutral-700);--text-accent:var(--teal-700);--text-disabled:var(--neutral-500);--text-on-accent:var(--neutral-0);--text-on-gold:var(--neutral-900);--border-card:var(--neutral-300);--border-strong:var(--neutral-400);--border-disabled:var(--neutral-200);--focus-ring:var(--teal-700);--focus-ring-offset:var(--neutral-0);--action-primary:var(--gold-500);--action-primary-hover:var(--gold-600);--action-primary-active:var(--gold-700);--action-secondary:var(--teal-500);--action-secondary-hover:var(--teal-600);--action-secondary-active:var(--teal-700);--state-danger:var(--danger-600);--state-danger-hover:var(--danger-700);--state-danger-active:var(--danger-900);--state-danger-bg:var(--danger-50);--state-success:var(--success-600);--state-success-bg:var(--success-50);--state-warning:var(--gold-800);--state-warning-bg:var(--gold-50)}[data-drumo-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-page:var(--neutral-dark-900);--bg-card:var(--neutral-dark-800);--bg-surface:var(--neutral-dark-700);--bg-bar:var(--neutral-dark-850);--bg-row-hover:var(--neutral-dark-600);--bg-row-selected:var(--teal-800);--bg-hero-start:var(--neutral-dark-900);--bg-hero-end:var(--teal-800);--text-default:var(--neutral-dark-50);--text-muted:var(--neutral-dark-200);--text-lead:var(--neutral-dark-200);--text-accent:var(--teal-200);--text-disabled:var(--neutral-dark-300);--text-on-accent:var(--neutral-dark-900);--text-on-gold:var(--neutral-900);--border-card:var(--neutral-dark-500);--border-strong:var(--neutral-dark-400);--border-disabled:var(--neutral-dark-700);--focus-ring:var(--gold-500);--focus-ring-offset:var(--neutral-dark-900);--action-primary:var(--gold-500);--action-primary-hover:var(--gold-400);--action-primary-active:var(--gold-300);--action-secondary:var(--teal-400);--action-secondary-hover:var(--teal-300);--action-secondary-active:var(--teal-200);--state-danger:var(--danger-300);--state-danger-hover:var(--danger-100);--state-danger-active:var(--danger-50);--state-danger-bg:var(--danger-900);--state-success:var(--success-300);--state-success-bg:var(--success-900);--state-warning:var(--gold-200);--state-warning-bg:var(--gold-900)}:root{--button-primary-bg:var(--action-primary);--button-primary-bg-hover:var(--action-primary-hover);--button-primary-bg-active:var(--action-primary-active);--button-primary-bg-disabled:var(--bg-surface);--button-primary-text:var(--text-on-gold);--button-primary-text-disabled:var(--text-disabled);--button-primary-border:var(--action-primary);--button-secondary-bg:var(--action-secondary);--button-secondary-bg-hover:var(--action-secondary-hover);--button-secondary-bg-active:var(--action-secondary-active);--button-secondary-text:var(--text-on-accent);--button-secondary-border:var(--action-secondary);--button-outline-bg:transparent;--button-outline-bg-hover:var(--teal-50);--button-outline-bg-active:var(--teal-100);--button-outline-text:var(--text-accent);--button-outline-border:var(--border-card);--button-outline-border-hover:var(--teal-300);--button-outline-border-active:var(--teal-400);--button-ghost-bg:transparent;--button-ghost-bg-hover:var(--neutral-100);--button-ghost-bg-active:var(--neutral-200);--button-ghost-text:var(--text-accent);--button-danger-bg:var(--state-danger);--button-danger-bg-hover:var(--state-danger-hover);--button-danger-bg-active:var(--state-danger-active);--button-danger-text:var(--text-on-accent);--button-height-sm:32px;--button-height-md:40px;--button-height-lg:48px;--input-bg:var(--bg-card);--input-text:var(--text-default);--input-border:var(--border-strong);--input-border-focus:var(--focus-ring);--input-border-error:var(--state-danger);--input-bg-disabled:var(--bg-surface);--card-bg:var(--bg-card);--card-border:var(--border-card);--table-header-bg:var(--bg-bar);--table-header-text:var(--text-muted);--table-row-border:var(--neutral-200);--tag-bg:var(--neutral-100);--tag-text:var(--text-lead);--tag-border:var(--border-card);--progress-track:var(--bg-surface);--progress-fill:var(--action-secondary);--progress-fill-done:var(--state-success);--link-text:var(--text-accent);--link-text-hover:var(--teal-600);--link-text-disabled:var(--neutral-400);--brand-dot:var(--gold-500);--brand-weight:900;--brand-size-default:28px;--brand-size-bar:19px;--brand-size-mobile:17px}[data-drumo-theme=dark]{--button-outline-bg-hover:#ffffff0f;--button-outline-bg-active:#ffffff1a;--button-outline-text:var(--text-default);--button-outline-border:var(--border-strong);--button-ghost-bg-hover:var(--bg-row-hover);--button-ghost-bg-active:var(--bg-surface);--button-ghost-text:var(--text-muted);--tag-bg:var(--bg-surface);--table-row-border:var(--neutral-dark-700)}:root{--font-brand:Figtree, "Source Sans 3", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--weight-body:500;--weight-emphasis:600;--weight-ui:700;--weight-heading:800;--weight-brand:900;--text-4xl:40px;--text-4xl-mobile:30px;--leading-4xl:46px;--leading-4xl-mobile:36px;--weight-4xl:800;--tracking-4xl:-.02em;--text-3xl:30px;--text-3xl-mobile:24px;--leading-3xl:38px;--leading-3xl-mobile:30px;--weight-3xl:800;--tracking-3xl:-.015em;--text-2xl:22px;--text-2xl-mobile:20px;--leading-2xl:29px;--leading-2xl-mobile:27px;--weight-2xl:750;--tracking-2xl:-.01em;--text-xl:18px;--text-xl-mobile:18px;--leading-xl:25px;--leading-xl-mobile:25px;--weight-xl:750;--tracking-xl:0;--text-lg:18px;--text-lg-mobile:17px;--leading-lg:29px;--leading-lg-mobile:27px;--weight-lg:500;--tracking-lg:0;--text-base:16px;--text-base-mobile:16px;--leading-base:27px;--leading-base-mobile:27px;--weight-base:500;--tracking-base:0;--text-sm:15px;--text-sm-mobile:15px;--leading-sm:25px;--leading-sm-mobile:25px;--weight-sm:500;--tracking-sm:0;--text-xs:13px;--text-xs-mobile:13px;--leading-xs:20px;--leading-xs-mobile:20px;--weight-xs:500;--tracking-xs:0;--text-label:12px;--text-label-mobile:12px;--leading-label:16px;--leading-label-mobile:16px;--weight-label:750;--tracking-label:.07em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--radius:0;--radius-round:999px;--shadow-float:0 10px 24px #23273024;--wrap:1240px;--measure:68ch;--hit-min:44px}[data-drumo-theme=dark]{--shadow-float:0 14px 32px #00000057}:root{--bp-mobile:599px;--bp-tablet:899px;--bp-desktop:1279px;--grid-cols-mobile:4;--grid-cols-tablet:8;--grid-cols-desktop:12;--grid-gutter-mobile:16px;--grid-gutter-tablet:20px;--grid-gutter-desktop:24px;--page-pad-mobile:16px;--page-pad-tablet:32px;--page-pad-desktop:48px}}@layer theme,base,components,utilities;