: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; }.chatbase-comment-prompt{display:flex;align-items:center;gap:14px;padding:14px 18px;margin-bottom:24px;background:var(--color-card);border:1px solid var(--color-border);border-left:3px solid var(--color-primary);border-radius:12px;cursor:pointer;transition:background .15s ease,border-color .15s ease}.chatbase-comment-prompt:hover{background:color-mix(in srgb,var(--color-primary) 6%,var(--color-card));border-color:color-mix(in srgb,var(--color-primary) 40%,var(--color-border))}.chatbase-prompt-link{color:var(--color-text)!important;text-decoration:none;font-weight:600;font-size:.95rem;line-height:1.4;display:inline-flex;align-items:center;gap:12px;flex:1}.chatbase-prompt-link:hover,.chatbase-prompt-link:focus,.chatbase-prompt-link:visited,.chatbase-prompt-link:active{color:var(--color-text)!important;text-decoration:none}.chatbase-prompt-link:before{content:"💬";flex-shrink:0;width:36px;height:36px;border-radius:50%;background:color-mix(in srgb,var(--color-primary) 12%,transparent);display:inline-flex;align-items:center;justify-content:center;font-size:1.1rem;line-height:1}