/* Visual surfaces shared across the existing static routes.
   Paper is for reading; charcoal is for playing. No scripts or route changes. */
html:is([data-gs-view="home"],[data-gs-view="reading"],[data-gs-view="drums"],[data-gs-view="practice"]){
  --gs-bg:#f4f1e7;--gs-bg-2:#e9eddf;--gs-surface:#fcfaf3;--gs-surface-2:#e5e9da;
  --gs-border:#bcc5b1;--gs-border-soft:#d1d6c6;--gs-border-strong:#7c8c70;
  --gs-ink:#202b24;--gs-ink-soft:#4c5a48;--gs-ink-mute:#626f5a;
  --gs-brass:#e6b956;--gs-brass-lt:#7c5914;--gs-brass-dk:#785410;
  --gs-good:#2c704b;--gs-green:#2c704b;--gs-green-dk:#21623e;--gs-teal:#2a735b;
  --gs-shadow:0 12px 30px -20px #24321e66;
  --bg:var(--gs-bg);--bg2:var(--gs-bg-2);--card:var(--gs-surface);--line:var(--gs-border);
  --txt:var(--gs-ink);--mut:var(--gs-ink-soft);--mut2:var(--gs-ink-mute);
  --pink:#805b14;--cyan:#76520a;--green:#2c704b;--teal:#2a735b;
  color-scheme:light;
}
.gs-header :focus-visible,html:is([data-gs-view="home"],[data-gs-view="reading"],[data-gs-view="drums"]) :focus-visible{outline-color:#986012}
html .gs-header .gs-mainnav a.gs-nav-user{color:#24603f}
.gs-header .gs-mainnav a.is-active,.gs-header .gs-mainnav a.gs-active{color:#805c0b}
.gs-header .gs-wordmark b{color:#806014}
.gs-header .gs-mark-pad{fill:#9ca897}.gs-header .gs-mark-on{fill:#8b6014}
.gs-header .gs-mark-floor{stroke:#75816d}.gs-header .gs-logo:hover .gs-mark-pad{animation:none;fill:#9a5528}
.gs-header .gs-subnav a:hover{color:#202b24}.gs-header .gs-subnav a:hover::before{background:#788765}
.gs-header .gs-subnav a.is-active{color:#6d4e12;border-bottom-color:#89611b}
.gs-footer,.gs-dialog,.gs-play{--gs-bg:#18251c;--gs-bg-2:#1c2a20;--gs-surface:#25352a;--gs-surface-2:#304334;
  --gs-ink:#f5f1e8;--gs-ink-soft:#d0d9c9;--gs-ink-mute:#a9b9a1;--gs-brass:#efbe57;--gs-brass-lt:#f8d78d;
  --gs-border:#506047;--gs-border-soft:#36472f;--gs-border-strong:#809374;--gs-good:#9cd49e;--gs-green:#9cd49e;color-scheme:dark}
.gs-footer{margin-top:90px;border-top:0;color:var(--gs-ink-soft)}.gs-footer .gs-wordmark b{color:#efbe57}.gs-footer .gs-wordmark{color:#f5f1e8}
.gs-footer .gs-mark-pad{fill:#94a38b}.gs-footer .gs-mark-on{fill:#efbe57}.gs-footer .gs-mark-floor{stroke:#b4bda8}
.gs-support{background:#e8bb58;border:1px solid #bb9443;box-shadow:0 6px 0 #0e1d14;border-radius:10px;color:#23311f;max-width:1200px;margin-top:-40px}
.gs-support h2{color:#24301f;max-width:24ch;font-size:clamp(1.4rem,2.3vw,1.85rem)}.gs-support p{color:#454b31}.gs-support .gs-kicker{color:#5c471c}.gs-support .gs-qr-row figcaption{color:#3c462c}.gs-support .gs-qr-row img{background:#fff8e5}.gs-support-kid{background:#fff8e5}.gs-support .gs-support-kid a{color:#215f39!important}
.gs-footer-inner{max-width:1200px;padding-top:48px;padding-bottom:44px}.gs-foot-col h3{color:#d6b96b;font-size:.64rem;letter-spacing:.14em}.gs-footer a:not(.gs-pay){transition:color .15s}.gs-foot-legal{font-size:.75rem}.gs-pay{border-radius:8px;box-shadow:none}.gs-pay:hover{box-shadow:none}.gs-pay-icon{border-radius:5px}.gs-qr-row img{border-radius:6px}
.gs-dialog{margin:auto;border-radius:12px;background:#1c2a20;border-color:#788367}.gs-dialog-body{padding:30px}.gs-dialog-close{border-radius:6px}.gs-dialog h2{letter-spacing:-.04em}.gs-dialog :focus-visible,.gs-play :focus-visible,.gs-footer :focus-visible{outline-color:#efbe57}
.gs-btn,.gs-midi-btn,.gs-copybtn{border-radius:6px}.gs-play{background:#202e24;box-shadow:4px 5px 0 #c2c9b4;border-radius:10px;border-color:#314a35;padding:22px;margin:28px 0}
.gs-play{--mut:#d0d9c9;--mut2:#a9b9a1;--txt:#f5f1e8}.gs-play .gs-pad{border-radius:6px}.jds-main .gs-play .gs-play-hint{color:#c2cbb9}.gs-privacy-notice{background:#202e24;color:#f5f1e8;border-color:#a4aa81;border-radius:10px}.gs-privacy-actions button,.gs-google-choices{background:#304334;border-color:#869577;border-radius:5px}.gs-ad-space{border-color:#aab79c}.gs-ad-space>p{color:var(--gs-ink-mute)}
/* Learning library and reading pages. */
html[data-gs-view="reading"] body{background:#f4f1e7;color:#202b24;line-height:1.7}
html[data-gs-view="reading"] .gs-backdrop{background:linear-gradient(90deg,transparent 0 93%,#d4d9c338 93% 94%,transparent 94%)}
html[data-gs-view="reading"] main{padding-top:42px}
html[data-gs-view="reading"] :is(main.wrap,main .wrap,.jds-wrap){max-width:1000px}
html[data-gs-view="reading"] :is(main h1,.jds-main h1){font-size:clamp(2.4rem,5.2vw,4.2rem);letter-spacing:-.045em;max-width:22ch;padding-bottom:20px;border-bottom:2px solid #344932;margin-bottom:22px;line-height:1.02}
html[data-gs-view="reading"] :is(main h2,.jds-main h2){font-size:clamp(1.4rem,2.6vw,1.9rem);letter-spacing:-.03em}
html[data-gs-view="reading"] :is(main p,main li){max-width:74ch}
html[data-gs-view="reading"] .jds-lede{max-width:65ch;font-size:1.1rem}
html[data-gs-view="reading"] :is(main .card,main .box,.jds-card,.jds-step,.lz-stagecard,.lz-lesson){background:#fdfbf4;box-shadow:0 3px 0 #d5dbca;border-radius:7px;border-color:#b8c5ab}
html[data-gs-view="reading"] .jds-cards{gap:16px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:28px}
html[data-gs-view="reading"] .jds-card{padding:24px 22px 22px 24px;min-height:112px}
html[data-gs-view="reading"] .jds-card::before{width:3px;background:#9aab85;top:22px;bottom:22px}
html[data-gs-view="reading"] .jds-card:hover{border-color:#6a824f;background:#eaf0df;transform:translateY(-2px)}
html[data-gs-view="reading"] .jds-card b{font-family:var(--gs-font-disp);font-size:1.2rem;letter-spacing:-.025em}
html[data-gs-view="reading"] .jds-step{padding:28px;margin-bottom:32px}.jds-step::before{background:#e6b956;box-shadow:0 0 0 5px #f4f1e7;border:1px solid #aa8d47;border-radius:5px;color:#24301e}
html[data-gs-view="reading"] .jds-cta a{background:#202e24;color:#f5f1e8;border-radius:6px;box-shadow:none}.jds-cta a:hover{background:#3b5041}
html[data-gs-view="reading"] :is(main .btn:hover,main .dl:hover,main .cta:hover,main form button:hover){background:#efcc79;color:#202b24}
html[data-gs-view="reading"] :is(main dd.def,main .answer-capsule){color:#4c5a48}
html[data-gs-view="reading"] :is(main .beatgrid,.jds-embedcode){background:#202e24;color:#efce82;border-color:#81916f;border-radius:6px}
html[data-gs-view="reading"] .gs-practice-notes{padding:28px 0 0;margin-top:52px;border-top:3px solid #869975}
html[data-gs-view="reading"] .gs-count-table{background:#fbf9f0;border-radius:6px}.gs-count-table caption{background:#e6eadb}.gs-count-table thead{color:#76520a}
html[data-gs-view="reading"] .lz-stages{gap:18px}.lz-stagecard{padding:23px}.lz-howto{border-radius:7px;background:#e6eadb}.lz-lesson{padding:24px}.lz-success{color:#2c704b;background:#e7efdc}
/* Instruments: a flatter, more legible hardware surface. */
.dps-embed{--dps-bg:#202e24;--dps-cell:#344430;--dps-on:#e6b956;--dps-on2:#f1cb77;--dps-beat:#47573e;--dps-cur:#ee936d;--dps-txt:#f5f1e8;background:#202e24;border:1px solid #526747;border-radius:8px;box-shadow:4px 5px 0 #c2c9b4;padding:20px}
.dps-rowlabel{color:#c0cbb6;font-size:11px}.dps-cell{height:26px;aspect-ratio:auto;border-radius:3px}.dps-cell.on{background:#e6b956;box-shadow:0 2px 0 #9a7c37}.dps-play{background:#e6b956;border-radius:5px;box-shadow:none;padding:12px 20px;color:#202e24}.dps-play.playing{background:#ee936d}.dps-tempo{color:#bac9ad}.dps-attr{color:#bcc8b0}.dps-attr a{color:#efce82}
html[data-gs-view="tool"]{--void-black:#141e18;--deep-space:#1c2820;--midnight:#202e24;--slate:#233126;--steel:#2b3d2e;--void:#141e18;--abyss:#162019;--deep:#18251c;--dark:#1c2820;--darker:#202e24;--surface:#233126;--surface2:#293a2b;--surface3:#304334;--surface4:#394c39;--border:#42573a;--border2:#526747;--border3:#748764;--border4:#8d9e7e;--text2:#c6d1bb;--text3:#adbea0;--dim:#a4b395;--bg-void:#141e18;--bg-deep:#1c2820;--bg-card:#233126;--bg-elevated:#2b3d2e;--text-primary:#f5f1e8;--text-secondary:#b8c6ac;--text-muted:#a4b395;
--bg-0:#141e18;--bg-1:#1c2820;--bg-2:#233126;--bg-3:#2b3d2e;--panel:#233126;--panel-deep:#1c2820;--line:#42573a;--line-2:#748764;--text:#f5f1e8;--text-soft:#c6d1bb;--text-dim:#adbea0;--mint:#e6b956;--cyan:#e6b956;--pink:#e6b956;--violet:#9cb587;--amber:#f2d59b}
html[data-gs-view="tool"] body{background:#18251c;font-family:var(--gs-font-body)}
html[data-gs-view="tool"] :is(.sidebar,.right-panel,.pattern-editor,.panel,.performance-panel,.studio-card,.mixer-section){border-color:#475a3d;box-shadow:none}
html[data-gs-view="tool"] :is(.pattern-editor,.sidebar,.right-panel,.panel){border-radius:9px}
html[data-gs-view="tool"] .gs-auth-card{border-radius:10px;background:#233126;border-color:#506647;box-shadow:8px 8px 0 #111e15}
html[data-gs-view="tool"] :is(.gs-btn-primary,.gs-btn-ghost,.gs-btn-google){border-radius:5px}
html[data-gs-view="tool"] .hero h1{font-family:var(--gs-font-disp);letter-spacing:-.045em}
html[data-gs-view="tool"] :is(.btn,.chip,.tab-btn,.control-btn,.mode-btn){border-radius:5px}
/* Keep the playable kit close to its controls at laptop and phone sizes. */
html[data-gs-view="tool"] :is(.sidebar-left,.sidebar-right,.pattern-display,.drum-kit-container){background:#202e24;border:1px solid #475a3d;border-radius:9px;box-shadow:none}
html[data-gs-view="tool"] .sidebar-title{color:#e6b956;border-bottom-color:#526747}
html[data-gs-view="tool"] .mode-btn{background:#293a2b;border-color:#526747}
html[data-gs-view="tool"] .mode-btn.active{background:#e6b956;color:#202b24;box-shadow:none}
html[data-gs-view="tool"] .pattern-item{background:#293a2b;border-radius:5px;border-color:#42573a}
html[data-gs-view="tool"] .pattern-item.active{background:#36472f;border-color:#e6b956}
html[data-gs-view="tool"] .beat-cell{background:#2b3d2e;border-color:#526747;border-radius:4px;box-shadow:none}
html[data-gs-view="tool"] .beat-cell.active{background:#e6b956;border-color:#e6b956;box-shadow:0 2px 0 #9c7a2a}
html[data-gs-view="tool"] .beat-cell.current{background:#ee936d;border-color:#f5f1e8;box-shadow:none}
html[data-gs-view="tool"] .pattern-title{background:none;color:#e6b956;-webkit-text-fill-color:currentColor}
html[data-gs-view="tool"] .main-container:has(.drum-kit){max-width:1600px;margin:auto;gap:16px}
@media(min-width:1100px){html[data-gs-view="tool"] .main-container:has(.drum-kit){grid-template-columns:216px minmax(0,1fr) 236px}html[data-gs-view="tool"] .main-container:has(.drum-kit) :is(.sidebar-left,.sidebar-right){padding:18px;top:138px}html[data-gs-view="tool"] .drum-kit-container{padding:25px 16px}}
@media(min-width:1100px) and (max-width:1400px){html[data-gs-view="tool"] .drum-kit{zoom:.82}}
@media(max-width:1099px){html[data-gs-view="tool"] .main-container:has(.drum-kit) .sidebar-left{display:grid;grid-template-columns:1fr 1.5fr;gap:22px;padding:18px}html[data-gs-view="tool"] .main-container:has(.drum-kit) .sidebar-left .sidebar-section{margin-bottom:0}html[data-gs-view="tool"] .main-container:has(.drum-kit) .pattern-list{max-height:170px}}
@media(max-width:640px){html[data-gs-view="tool"] .main-container:has(.drum-kit) .sidebar-left{grid-template-columns:1fr;gap:18px;padding:16px}html[data-gs-view="tool"] .main-container:has(.drum-kit) .mode-selector{flex-direction:row;gap:6px}html[data-gs-view="tool"] .main-container:has(.drum-kit) .mode-btn{flex:1;min-width:0;padding:10px 6px;font-size:.7rem;justify-content:center;text-align:center}html[data-gs-view="tool"] .main-container:has(.drum-kit) .mode-btn-icon{display:none}html[data-gs-view="tool"] .main-container:has(.drum-kit) .pattern-list{max-height:108px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}html[data-gs-view="tool"] .main-container:has(.drum-kit) .pattern-item{padding:9px}html[data-gs-view="tool"] .main-container:has(.drum-kit) .pattern-name{font-size:.76rem}html[data-gs-view="tool"] .main-container:has(.drum-kit) .sidebar-title{margin-bottom:10px;padding-bottom:8px}}
html[data-gs-view="tool"] .drum-kit .drum .drum-head{background:#354b35;color:#f5f1e8;border:2px solid #7c926d;box-shadow:0 4px 0 #111e15}
html[data-gs-view="tool"] .drum-kit .drum:is(.crash,.ride,.hihat,.china,.splash) .drum-head{background:#d9af51;color:#202b24;border-color:#eecb78}
html[data-gs-view="tool"] .drum-kit .drum.snare .drum-head{background:#e5e8d8;color:#202b24;border-color:#b7c2a7}
html[data-gs-view="tool"] .drum-kit .drum.kick .drum-head{background:#17251b;color:#efce82;border-color:#e6b956}
html[data-gs-view="tool"] .drum-kit .drum-label{color:#b7c6a9}
@media(max-width:640px){html[data-gs-view="tool"] .drum-kit{zoom:1;grid-template-areas:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 8px}html[data-gs-view="tool"] .drum-kit .drum{grid-area:auto;min-width:0;gap:7px}html[data-gs-view="tool"] .drum-kit .drum .drum-head{width:54px;height:54px;font-size:9px}html[data-gs-view="tool"] .drum-kit .drum.kick{grid-column:span 2;width:100%}html[data-gs-view="tool"] .drum-kit .drum.kick .drum-head{width:100%;max-width:126px;border-radius:8px}html[data-gs-view="tool"] .drum-kit .drum-label{font-size:9px;letter-spacing:.02em;text-align:center}html[data-gs-view="tool"] .drum-kit-container{padding:22px 14px}}
/* Studio cover and controls share the same quiet hardware language. */
html[data-gs-view="tool"] .page{width:min(1240px,100% - 48px)}
html[data-gs-view="tool"] .page>.hero{padding:42px 0 24px}
html[data-gs-view="tool"] .hero-grid{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:22px}
html[data-gs-view="tool"] .hero-copy{background:#202e24;border:1px solid #526747;border-top:5px solid #e6b956;border-radius:10px;padding:28px;box-shadow:none}
html[data-gs-view="tool"] .hero-copy::after{display:none}
html[data-gs-view="tool"] .hero-copy .eyebrow{background:none;border:0;border-radius:0;padding:0;color:#c6d1bb;font-size:.63rem;letter-spacing:.12em}
html[data-gs-view="tool"] .hero-copy h1{font-size:clamp(2.1rem,3.5vw,3.3rem);max-width:17ch}
html[data-gs-view="tool"] .hero h1 .title-accent{background:none;color:#e6b956;font-size:.85em;line-height:1.08;margin-top:12px}
html[data-gs-view="tool"] .hero-copy>p{font-size:.98rem}
html[data-gs-view="tool"] :is(.hero-btn,.hero-stat,.visual-chip,.signature-strip article){border-radius:6px;background:#293a2b;border-color:#526747;box-shadow:none}
html[data-gs-view="tool"] .hero-btn{font-size:.73rem;letter-spacing:.04em;padding:12px 14px}
html[data-gs-view="tool"] .hero-btn.primary{background:#e6b956;color:#202b24}
html[data-gs-view="tool"] .hero-stat{border:0;border-top:1px solid #647757;border-radius:0;background:none;padding:12px 0}
html[data-gs-view="tool"] .hero-stat::before{display:none}
html[data-gs-view="tool"] .page .hero-visual{background:#131e17;border-radius:10px;border-color:#526747;box-shadow:none;min-height:420px}
html[data-gs-view="tool"] :is(.keyboard-stage--showcase,.panel,.panel-head){background:#202e24;border-color:#526747;box-shadow:none;border-radius:9px}
html[data-gs-view="tool"] .keyboard-mode-btn{background:#2b3d2e;border-color:#748764;border-radius:5px;box-shadow:none}
html[data-gs-view="tool"] .keyboard-mode-btn.is-active{background:#e6b956;color:#202b24;border-color:#e6b956}
@media(max-width:900px){html[data-gs-view="tool"] .hero-grid{grid-template-columns:1fr}html[data-gs-view="tool"] .hero-copy h1{max-width:22ch}html[data-gs-view="tool"] .hero-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){html[data-gs-view="tool"] .page{width:calc(100% - 32px)}html[data-gs-view="tool"] .page>.hero{padding:24px 0}html[data-gs-view="tool"] .hero-copy{padding:24px 20px}html[data-gs-view="tool"] .page .hero-visual{min-height:300px}html[data-gs-view="tool"] .hero-visual-overlay{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;left:9px;right:9px;bottom:9px}html[data-gs-view="tool"] .visual-chip{padding:8px 5px}html[data-gs-view="tool"] .visual-chip span{font-size:.5rem;letter-spacing:.02em}html[data-gs-view="tool"] .visual-chip strong{font-size:.65rem}html[data-gs-view="tool"] .page>.keyboard-command-center{padding:0}html[data-gs-view="tool"] .keyboard-mode-btn{font-size:.65rem;padding:12px 6px}}
/* Drum-room entrance retains its playable kit and metronome. */
html[data-gs-view="drums"]{--bg-void:#f4f1e7;--bg-deep:#e7ebdb;--bg-card:#fbfaf2;--bg-elevated:#e7ebdb;--text-primary:#202b24;--text-secondary:#4c5a48;--text-muted:#626f5a;--neon-cyan:#805b14;--neon-magenta:#b45433;--neon-green:#32764d;--neon-yellow:#805b14;--gradient-main:linear-gradient(110deg,#805b14,#a0522d);--glow-cyan:none;--glow-magenta:none}
html[data-gs-view="drums"] .hero{min-height:0;padding:58px 30px 66px;background:#f4f1e7}
html[data-gs-view="drums"] .hero-container{max-width:1200px;gap:48px;align-items:center}
html[data-gs-view="drums"] .hero h1{font-size:clamp(3rem,6.2vw,5.4rem);line-height:.98;letter-spacing:-.05em}
html[data-gs-view="drums"] .hero-badge{border:1px solid #c2cbb6;background:#e9eddf;color:#4c5a48;border-radius:4px}
html[data-gs-view="drums"] .hero-subtitle{font-size:1.1rem;max-width:45ch}
html[data-gs-view="drums"] :is(.hero-badge,.hero h1,.hero-subtitle,.hero-buttons,.hero-visual){animation:none;opacity:1;transform:none}
html[data-gs-view="drums"] .hero-visual{height:480px;background:#202e24;border:1px solid #526747;border-radius:14px;box-shadow:10px 12px 0 #d7ddc8}
html[data-gs-view="drums"] .drum-3d-container{transform:none;animation:none}
html[data-gs-view="drums"] .floating-drum{color:#f5f1e8;border-color:#81946b;background:#31462f;box-shadow:0 4px 0 #132014;border-radius:50%;font-family:var(--gs-font-mono);animation:none}
html[data-gs-view="drums"] :is(.drum-crash,.drum-ride,.drum-hihat){background:#d9af51;color:#222c1d;border-color:#eecb78;box-shadow:0 4px 0 #9c7a2a}
html[data-gs-view="drums"] .floating-drum{height:auto;aspect-ratio:1;border-width:2px;padding-bottom:16px;letter-spacing:.12em}
html[data-gs-view="drums"] .floating-drum.hit{filter:brightness(1.5)}
html[data-gs-view="drums"] .drum-crash{width:26%;left:8%;top:6%}
html[data-gs-view="drums"] .drum-ride{width:26%;right:8%;top:6%}
html[data-gs-view="drums"] .drum-tom1{width:17%;left:29%;top:37%}
html[data-gs-view="drums"] .drum-tom2{width:17%;right:29%;top:37%}
html[data-gs-view="drums"] .drum-hihat{width:19%;left:6%;top:43%;bottom:auto}
html[data-gs-view="drums"] .drum-floor{width:20%;right:6%;top:43%;bottom:auto}
html[data-gs-view="drums"] .drum-snare{width:23%;left:18%;bottom:7%}
html[data-gs-view="drums"] .drum-kick{width:28%;right:21%;left:auto;bottom:5%;margin-left:0}
html[data-gs-view="drums"] .drum-key{bottom:10px;font-size:9px;padding:2px 7px;border-radius:3px}
html[data-gs-view="drums"] .drum-key{background:#162419;color:#e8d399;border:1px solid #728464}
html[data-gs-view="drums"] :is(.btn-primary,.cta-button){background:#202e24;color:#f5f1e8;border:1px solid #202e24;border-radius:6px;box-shadow:none}
html[data-gs-view="drums"] .btn-secondary{border-color:#899b77;color:#202e24;border-radius:6px;background:transparent}
html[data-gs-view="drums"] .stats{background:#e2e7d5;border-top:1px solid #bcc5b1;border-bottom:1px solid #bcc5b1;padding:30px 24px}
html[data-gs-view="drums"] .stat-card{background:none;border:0;border-right:1px solid #b9c4a8;border-radius:0}.stat-card:last-child{border-right:0}
html[data-gs-view="drums"] .features{background:#f4f1e7}.feature-card::before{display:none}
html[data-gs-view="drums"] :is(.feature-card,.mode-card){border:1px solid #bac6aa;border-radius:9px;box-shadow:0 3px 0 #d4dcc4;background:#fbfaf2}
html[data-gs-view="drums"] .feature-card:hover{border-color:#758d5c;box-shadow:0 5px 0 #c5d2b4}
html[data-gs-view="drums"] .feature-icon{background:#e5e9d9;border:1px solid #bdc6ac;border-radius:8px;box-shadow:none}
html[data-gs-view="drums"] :is(.section-title,.stat-number){background:none;color:#202b24;-webkit-text-fill-color:currentColor}
html[data-gs-view="drums"] :is(.modes,.demo,.faq,.cta-section){background:#e9eddf}
html[data-gs-view="drums"] :is(.faq-item,.metronome-container){background:#fbfaf2;border-color:#bcc5b1;border-radius:8px}
html[data-gs-view="drums"] .section-tag{color:#76520a;background:#f1deb3;border:0;border-radius:4px}
html[data-gs-view="drums"] #hero-viz{opacity:.08!important}
@media(max-width:980px){.gs-header-inner{padding-left:20px;padding-right:20px}.gs-support{margin-left:20px;margin-right:20px}}
@media(max-width:640px){.gs-header-inner{padding-left:16px;padding-right:16px;gap:12px}.gs-wordmark{font-size:1.25rem}.gs-mark{width:26px;height:26px}.gs-support{padding:24px 20px;margin-left:16px;margin-right:16px}.gs-dialog-body{padding:25px 20px}.gs-play{padding:18px}.dps-embed{padding:16px}.jds-main{padding-left:20px;padding-right:20px}html[data-gs-view="reading"] .jds-step{padding:23px 16px}html[data-gs-view="reading"] .jds-cards{grid-template-columns:1fr}html[data-gs-view="drums"] .hero{padding:30px 20px 44px}html[data-gs-view="drums"] .hero-container{gap:30px}.gs-privacy-notice{border-radius:8px}}
@media(prefers-reduced-motion:reduce){.gs-logo:hover .gs-mark-pad,.gs-donate:hover svg{animation:none}.gs-btn,.jds-card,.lz-stagecard{transition:none}}

@media(max-width:640px){html[data-gs-view="drums"] .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0}html[data-gs-view="drums"] .stat-card{padding:20px 10px}html[data-gs-view="drums"] .stat-card:nth-child(2n){border-right:0}}