:root{color-scheme:light}@theme{ --font-sans: "Inter", system-ui, -apple-system, sans-serif; --color-bg: light-dark(#F5F3FA, #0D0B14); --color-card: light-dark(#FFFFFF, #13111E); --color-surface: light-dark(#FFFFFF, #0F0D1C); --color-border: light-dark(#E2DFF0, #2A2A3E); --color-text: light-dark(#0F0F1A, #F5F5F5); --color-muted: light-dark(#6B6B88, #9B9BB0); --color-card-hover: light-dark(#F8F5FF, #1C1C28); --color-primary: light-dark(#7B2FBE, #8B47C8); --color-primary-bright: #9B4FE0; --color-primary-gradient: #7B2FBE; --color-primary-dim: light-dark(rgba(123, 47, 190, .08), rgba(139, 71, 200, .15)); --color-shadow-fab: rgba(0, 0, 0, .15); --color-lavender: #D1B3F2; --color-on-primary: #FFFFFF; --color-banner-from: #2D0F5A; --color-banner-mid: #4A1A8A; --color-banner-to: #6B2FB5; --color-on-banner: #FFFFFF; --color-magenta: #D040FB; --color-black: #000; --color-hero-deep: #1A0A2E; --color-hero-mid: #140828; --color-hero-dark: #0D0B14; --color-hero-purple: #8B47C8; --color-accent: #8B47C8; --color-status-amber: #F59E0B; --color-gold: #B45309; --color-gold-bright: #FCD34D; --color-gold-cta: #D97706; --color-lime: #A6F045; --color-on-lime: #0F0F14; --color-level-beginner: light-dark(#2E7D32, #4CAF50); --color-success: #2EC28A; --color-warning: #E8A13C; --color-error: #E8473C; --color-info: light-dark(#2563EB, #5B8DEF); --fret-grid: light-dark(#D9D4EC, #2E2E44); --fret-root: #E5484D; --fret-arrow: light-dark(#2F9E44, #51CF66); --color-landing-hero-from: light-dark(#EEE7FA, #0C0818); --color-landing-hero-mid: light-dark(#E5D9F5, #140E24); --color-landing-hero-to: light-dark(#F2ECFF, #0A0A14); --color-landing-band-from: #1E0A3E; --color-landing-band-to: #2D1060; --color-landing-on-band: #FFFFFF; --color-landing-level-beg-bg: light-dark(#E6F5EE, #0F2A1A); --color-landing-level-beg-fg: light-dark(#1A7A42, #4AC485); --color-landing-level-int-bg: light-dark(#FEF6E4, #2A220A); --color-landing-level-int-fg: light-dark(#8A6200, #C4A84A); --color-landing-level-adv-bg: light-dark(#FBEAEA, #2A1010); --color-landing-level-adv-fg: light-dark(#A4262C, #E08A8A); --color-star: #FFC83D; --radius-md: 12px; --space-page: clamp(1rem, 5vw, 3rem); --layout-max: 1440px; --color-pedal-card-from: light-dark(#EDE8F8, #1A0A30); --color-pedal-card-to: light-dark(#F5F0FF, #2A1050); --color-lb-gold-from: #F5C842; --color-lb-gold-to: #E0A020; --color-lb-silver-from: #C0C8D0; --color-lb-silver-to: #9AA0A8; --color-lb-bronze-from: #D4924A; --color-lb-bronze-to: #A8682A; --color-ach-panel: #0E0C18; --color-ach-accent: #F4A14A; --color-ach-stripe-to: #9B5DE5; --color-ach-ink: #F2F1F8; --color-ach-muted: rgba(242, 241, 248, .35); --color-welcome-band-from: #6E22B8; --color-welcome-band-to: #8B3FD6; --color-welcome-panel: light-dark(#16131F, #0B0B12); --color-welcome-section: light-dark(#F8F7FC, #0F0F16); --color-welcome-hero-accent: #C79BF0; --color-feed-bg: light-dark(#FBFAF7, #0A0910); --color-accent-warm: light-dark(#B5670C, #F4A14A); --color-accent-warm-dim: light-dark(rgba(181, 103, 12, .08), rgba(244, 161, 74, .13)); --color-accent-warm-dim-strong: light-dark(rgba(181, 103, 12, .14), rgba(244, 161, 74, .22)); --color-accent-warm-border: light-dark(rgba(181, 103, 12, .2), rgba(244, 161, 74, .28)); --color-accent-warm-border-strong: light-dark(rgba(181, 103, 12, .28), rgba(244, 161, 74, .4)); --color-accent-warm-cta-end: #C8731A; --color-accent-warm-stage: light-dark(#1A1A2E, #0A0910); --color-track-slot: #2A2A35; --color-discord: #5865F2; --color-discord-banner-bg: light-dark(rgba(88, 101, 242, .06), rgba(88, 101, 242, .11)); --color-discord-banner-border: light-dark(rgba(88, 101, 242, .15), rgba(88, 101, 242, .2)); --color-share-x: #000000; --color-share-facebook: #1877F2; --color-share-reddit: #FF4500; --color-share-email: #6B6B88; --color-share-sms: #34C759; --color-share-copied: #2ECC71; --color-page-header-title: #1F2937; --color-page-header-intro: #6B7280; --color-page-header-intro-strong: #4B5563; --color-brand-vivid: #7D11FF; --color-brand-vivid-deep: #6B0EE0; --color-exp-admin-alt: #A855F7; --color-exp-admin-alt-hover: #9333EA; --color-exp-admin-link-hover: #C084FC; --color-exp-admin-header-scrolled: rgb(23, 23, 23); --color-exp-admin-toolbar-panel: rgba(26, 26, 46, .92); --color-judgeme-dark-bg: #0A0A0A; --color-judgeme-dark-card: #141414; --color-judgeme-dark-border: #222222; }.alert{--alert-accent: var(--color-info);display:flex;align-items:flex-start;gap:.8rem;padding:.8rem 1rem;margin-block:0 1rem;border:1px solid color-mix(in srgb,var(--alert-accent) 35%,var(--color-border));border-inline-start:3px solid var(--alert-accent);border-radius:var(--radius-md);background:color-mix(in srgb,var(--alert-accent) 11%,var(--color-surface));color:var(--color-text);font-size:.9rem;line-height:1.45}.alert--status{--alert-accent: var(--color-success)}.alert--warning{--alert-accent: var(--color-warning)}.alert--error{--alert-accent: var(--color-error)}.alert--info{--alert-accent: var(--color-info)}.alert__icon{flex-shrink:0;width:1.875rem;height:1.875rem;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-top:.05rem;background:color-mix(in srgb,var(--alert-accent) 18%,transparent);color:var(--alert-accent)}.alert__icon svg{width:1.0625rem;height:1.0625rem;display:block}.alert__body{flex:1;min-width:0;align-self:center}.alert__body ul{margin:0;padding-inline-start:1.1rem}.alert__body li+li{margin-top:.25rem}.alert__dismiss{flex-shrink:0;align-self:center;background:transparent;border:0;padding:.25rem;margin-inline:0 -.25rem;cursor:pointer;color:var(--color-muted);display:flex;align-items:center;border-radius:6px;transition:color .15s ease,background .15s ease}.alert__dismiss:hover{color:var(--color-text);background:color-mix(in srgb,var(--color-text) 8%,transparent)}.alert__dismiss svg{width:1rem;height:1rem;display:block}:root{--messages-nav-offset: 64px}[data-drupal-messages]{position:fixed;inset-block-start:calc(var(--messages-nav-offset) + .75rem);inset-inline:0;z-index:1100;display:flex;flex-direction:column;gap:.5rem;width:100%;max-width:30rem;margin-inline:auto;padding-inline:1rem;pointer-events:none}[data-drupal-messages]:empty{display:none}[data-drupal-messages] .alert{pointer-events:auto;margin-block:0;box-shadow:0 10px 30px var(--color-shadow-fab);transition:opacity .25s ease,transform .25s ease}[data-drupal-messages] .alert--leaving{opacity:0;transform:translateY(-8px)}@media(max-width:640px){[data-drupal-messages]{inset-block-start:calc(var(--messages-nav-offset) + .5rem);max-width:none;padding-inline:.75rem}}@media(prefers-reduced-motion:reduce){[data-drupal-messages] .alert{transition:opacity .25s ease}[data-drupal-messages] .alert--leaving{transform:none}}