/* Shared FYNMONSTA identity. Rainstone and lamp amber, from The World Can Wait. */
:root{--brand-paper:#f3f1ee;--brand-ink:#343637;--brand-muted:#615f59;--brand-amber:#d2ba8a;--brand-amber-ink:#765a32;--brand-line:#cbc6bd;--brand-card:#faf8f4;color-scheme:light}
html{scroll-padding-top:24px}body{cursor:auto}body::before,.cursor,.cursor-ring,.bg-glow,.glow{display:none!important}button,input,select,textarea{font:inherit}a,button,summary,input,select,textarea{touch-action:manipulation}button,summary{cursor:pointer}button:disabled{cursor:not-allowed}img{max-width:100%}input,select,textarea{accent-color:var(--brand-amber-ink)}input::placeholder,textarea::placeholder{color:var(--brand-muted);opacity:1}a{text-underline-offset:4px}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid #765a32!important;outline-offset:4px!important}button,input:not([type=range]):not([type=checkbox]):not([type=radio]),select{min-height:44px}button{font-size:max(12px,1em)}button[hidden],[hidden]{display:none!important}.reveal{opacity:1!important;transform:none!important}
.brand-header{position:relative;z-index:600;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 5%;min-height:88px;background:var(--brand-paper);color:var(--brand-ink);border-bottom:1px solid var(--brand-line);font:14px/1.4 Arial,Helvetica,sans-serif;text-align:left;width:100%;flex-shrink:0}
.brand-header .brand-wordmark{font:750 19px/1 Arial,Helvetica,sans-serif;letter-spacing:-.8px;display:inline-flex;align-items:center;min-height:44px;text-decoration:none;color:var(--brand-ink)}
.brand-header .brand-nav{position:static;inset:auto;display:flex;align-items:center;justify-content:flex-end;gap:28px;padding:0;background:none;backdrop-filter:none;z-index:auto;font:14px/1.4 Arial,Helvetica,sans-serif}
.brand-nav>a,.brand-menu>summary{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;gap:10px;color:var(--brand-ink);text-decoration:none;font-size:14px;letter-spacing:0;text-transform:none}
.brand-menu>summary{list-style:none}.brand-menu>summary::-webkit-details-marker{display:none}.brand-menu[open]>summary span{transform:rotate(45deg)}
.brand-menu-panel{position:absolute;right:5%;top:calc(100% - 4px);background:var(--brand-paper);color:var(--brand-ink);border:1px solid var(--brand-line);box-shadow:0 16px 36px #34363714;padding:16px 24px;width:286px;display:grid;z-index:610;max-height:calc(100dvh - 100px);overflow:auto}
.brand-menu-panel a{min-height:44px;display:flex;align-items:center;font:15px/1.4 Arial,Helvetica,sans-serif;letter-spacing:0;color:var(--brand-ink);text-decoration:none;text-transform:none}.brand-menu-panel a:hover,.brand-nav>a:hover{text-decoration:underline}.brand-menu-panel p{font:12px/1.4 Arial,Helvetica,sans-serif;color:var(--brand-muted);padding:16px 0 8px;margin:12px 0 0;border-top:1px solid var(--brand-line)}
.brand-footer{position:relative;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;width:90%;margin:40px auto 0;padding:24px 0;border-top:1px solid var(--brand-line);background:var(--brand-paper);color:var(--brand-muted);font:12px/1.5 Arial,Helvetica,sans-serif;letter-spacing:0;text-align:left;flex-shrink:0}.brand-footer div{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.brand-footer a,.brand-footer button{display:inline-flex;align-items:center;min-height:44px;color:var(--brand-ink);background:none;border:0;font:12px Arial,Helvetica,sans-serif;text-transform:none;letter-spacing:0;text-decoration:none;padding:0}.brand-footer a:hover{text-decoration:underline}
.brand-skip{position:fixed;top:-150px;left:20px;z-index:9999;padding:16px 24px;background:var(--brand-ink);color:var(--brand-paper)}.brand-skip:focus{top:10px}
/* Marketing and editorial pages use the same restrained typography. */
body[data-page=store],body[data-page=blog],body[data-page=fyn-nation],body[data-page=privacy],body[data-page=order-success],body[data-page=holding],body[data-page=unsubscribe],body[data-page="404"]{font-family:Arial,Helvetica,sans-serif;background:var(--brand-paper);color:var(--brand-ink)}
body[data-page=blog] h1,body[data-page=blog] h2,body[data-page=blog] h3,body[data-page=store] h1,body[data-page=fyn-nation] h1{font-family:Arial,Helvetica,sans-serif;font-weight:600;letter-spacing:-.045em}
body[data-page=blog] .hero-stat{font-size:14px}.blog-hero{padding-top:60px}.hero-stat-label,.feat-date,.feat-read,.post-card-date,.post-card-read,.post-card-cat,.hero-label,.feat-cat,.filter-btn,.featured-label,.grid-label{font-size:12px!important;letter-spacing:.06em!important}.filter-btn{min-height:44px}.featured-card,.post-card{border-radius:2px}.post-grid{gap:20px;background:none}.post-card{border:1px solid var(--brand-line);padding:30px}.post-card-title{font-family:Arial,Helvetica,sans-serif!important;font-size:24px!important;font-weight:600!important;letter-spacing:-.03em}.post-card-excerpt,.feat-excerpt{font-size:16px;line-height:1.7}.post-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}.featured-art-mark{color:#765a321f!important}.featured-art{background:#e8e3da}.hero-right{display:none}.blog-hero{grid-template-columns:1fr}.article-body{font-size:18px!important;line-height:1.8!important}.article-body p,.article-body li{color:var(--brand-ink)}.article-title{letter-spacing:-.04em}.article-body blockquote{border-color:var(--brand-amber-ink)}
/* Shop: product first, clear sizing and one purchase action. */
.store-page{max-width:1240px;padding:56px 5% 40px}.store-header{margin-bottom:50px;max-width:760px}.store-heading{font:600 clamp(44px,6vw,76px)/1.02 Arial,Helvetica,sans-serif;letter-spacing:-.055em;margin-bottom:22px}.store-heading span{color:var(--brand-ink)}.store-eyebrow{font:12px/1.5 Arial,Helvetica,sans-serif;letter-spacing:.12em;color:var(--brand-amber-ink);margin-bottom:20px}.store-eyebrow:before{display:none}.store-subhead{font-size:17px;max-width:570px;line-height:1.65}.charity-banner{border:0;border-left:2px solid var(--brand-amber);padding:0 0 0 16px!important;margin-top:28px;background:none;max-width:540px}.charity-amount-big{display:none!important}.charity-banner>div{font:13px/1.6 Arial,Helvetica,sans-serif!important;letter-spacing:0!important}.charity-banner>div:first-child{display:none}.store-section{margin-bottom:56px}.store-section-label{font:13px/1.5 Arial,Helvetica,sans-serif;letter-spacing:.05em;text-transform:none;margin-bottom:24px}.store-section-tag{font:12px/1.4 Arial,Helvetica,sans-serif;letter-spacing:0;text-transform:none;border:0;padding:0;color:var(--brand-muted)}.store-carousel{border:1px solid var(--brand-line);background:var(--brand-card);grid-template-columns:1.1fr 1fr}.sc-img{background:#e8e3da;min-height:400px}.sc-img img{object-fit:cover}.sc-info{padding:clamp(24px,4vw,52px);background:var(--brand-card)}.sc-label{font:12px Arial,Helvetica,sans-serif;letter-spacing:.06em;color:var(--brand-muted)}.sc-name{font:600 clamp(26px,3vw,36px)/1.12 Arial,Helvetica,sans-serif;letter-spacing:-.04em;margin:10px 0 16px}.sc-sub{font-size:15px;line-height:1.6}.sc-price{font:500 28px/1.5 Arial,Helvetica,sans-serif;color:var(--brand-ink)}.sc-shipping{font-size:14px;line-height:1.6}.sc-size-label{font:13px Arial,Helvetica,sans-serif;letter-spacing:0;text-transform:none}.size-btn{font:14px Arial,Helvetica,sans-serif;min-width:64px;min-height:46px;border-color:var(--brand-line)}.size-btn.active{background:var(--brand-ink);color:var(--brand-paper);border-color:var(--brand-ink)}.sc-buy,.digital-buy-btn{min-height:54px;background:var(--brand-amber);color:var(--brand-ink);font:500 15px/1.4 Arial,Helvetica,sans-serif;letter-spacing:0;text-transform:none;padding:16px 22px}.sc-buy:hover,.digital-buy-btn:hover{background:#c7ac77;transform:none}.sc-secure{font:12px/1.5 Arial,Helvetica,sans-serif;gap:16px}.sc-msg{font:14px/1.6 Arial,Helvetica,sans-serif;min-height:22px;color:var(--brand-amber-ink)}.sc-badge{font:12px/1.4 Arial,Helvetica,sans-serif;letter-spacing:0;text-transform:none;background:var(--brand-paper);border:1px solid var(--brand-line);color:var(--brand-ink);padding:8px 12px}.store-nav{justify-content:flex-end;gap:12px;margin-top:18px}.store-nav-arrow{width:44px;height:44px;color:var(--brand-ink);border-color:var(--brand-line)}.store-dot{width:44px;height:44px;border:0;background:none;display:grid;place-items:center;padding:0;border-radius:0}.store-dot:after{content:'';width:6px;height:6px;border-radius:50%;background:#8a8276}.store-dot.active{width:44px;background:none;border-radius:0}.store-dot.active:after{width:18px;border-radius:4px;background:var(--brand-ink)}.store-counter{font:12px Arial,Helvetica,sans-serif}.digital-grid{gap:24px;background:none;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}.digital-card{border:1px solid var(--brand-line);padding:28px;background:var(--brand-card)}.digital-card-title{font:600 26px/1.2 Arial,Helvetica,sans-serif;letter-spacing:-.035em}.digital-card-desc{font-size:16px;line-height:1.7}.digital-card-meta-row,.digital-charity-note,.digital-card-type{font:12px/1.6 Arial,Helvetica,sans-serif;letter-spacing:0}.digital-price{font:500 26px Arial,Helvetica,sans-serif;color:var(--brand-ink)}.digital-price-note{font-size:13px}.digital-card-art{max-width:100%;aspect-ratio:1.5}.digital-card-art img{object-fit:contain}.digital-card-art-mark{color:#765a3220}.digital-card[style*="opacity"]{opacity:1!important;background:#ebe7e0}.digital-coming{font:13px Arial,Helvetica,sans-serif}
/* Membership and utility states remain readable at every viewport. */
#gateScreen{min-height:calc(100svh - 180px);padding:60px 24px}.gate-mark{display:none}.gate-inner{max-width:540px}.gate-title{font-size:clamp(42px,7vw,70px)}.gate-sub{font:17px/1.75 Arial,Helvetica,sans-serif}.gate-label,.gate-note{font:13px/1.6 Arial,Helvetica,sans-serif;letter-spacing:.04em}.gate-input{font:16px Arial,Helvetica,sans-serif;background:var(--brand-card)}.gate-btn{background:var(--brand-amber);color:var(--brand-ink);font:15px Arial,Helvetica,sans-serif;text-transform:none;letter-spacing:0;min-height:54px}.gate-btn:hover{background:#c7ac77}.gate-error{font:14px/1.6 Arial,Helvetica,sans-serif}.join-panel{border-top:1px solid var(--brand-line);padding-top:28px;margin:32px auto 0;max-width:380px;text-align:left}.join-panel summary{min-height:44px;display:flex;align-items:center;font:15px Arial,Helvetica,sans-serif;color:var(--brand-ink)}.join-panel p{font:14px/1.6 Arial,Helvetica,sans-serif;margin:12px 0}.join-panel label{display:block;margin:18px 0 8px;font-size:14px}.join-panel input{width:100%;padding:14px;border:1px solid var(--brand-line);background:var(--brand-card);font-size:16px;color:var(--brand-ink)}.join-panel button{margin-top:12px;width:100%;padding:14px;background:var(--brand-amber);color:var(--brand-ink);border:0;font-size:15px}.join-panel output{display:block;margin-top:12px;font:14px/1.6 Arial,Helvetica,sans-serif}
body[data-page=order-success],body[data-page=unsubscribe],body[data-page="404"]{padding:0;overflow:auto;justify-content:flex-start}.card{margin:56px auto;max-width:620px;background:var(--brand-card)}.card h1{font:600 clamp(34px,7vw,52px)/1.1 Arial,Helvetica,sans-serif;letter-spacing:-.04em}.info-item{font:14px/1.6 Arial,Helvetica,sans-serif;text-align:left}.info-item span:last-child{overflow-wrap:anywhere}.card .sub{font-size:17px}.back-btn,.btn.primary{background:var(--brand-amber);color:var(--brand-ink);min-height:48px}.secondary-links a{font-size:12px;min-height:44px;display:inline-flex;align-items:center}.links .btn{display:inline-flex;align-items:center;min-height:48px;font-size:13px}.brand-footer~*{max-width:100%}body[data-page="404"]>.code{margin-top:60px}body[data-page=unsubscribe]>.logo,body[data-page="404"]>.logo{display:none}body[data-page=unsubscribe] #stateContent{margin:60px 24px 0}body[data-page=unsubscribe] .links,body[data-page="404"] .links{margin:32px 24px}body[data-page="404"]>.sub,body[data-page="404"]>.title{padding:0 24px}
/* Fullscreen reading and listening tools. */
body[data-page=lyrics] .app{height:calc(100dvh - 88px)}body[data-page=lyrics] .search{font-size:14px;min-height:44px;background:var(--brand-card)}body[data-page=lyrics] .song-item{min-height:44px}body[data-page=lyrics] .song-name{font-size:13px}body[data-page=lyrics] .album-title{font-size:12px}body[data-page=lyrics] .album-header{min-height:44px}body[data-page=lyrics] .empty-state{opacity:1;color:var(--brand-muted)}body[data-page=lyrics] .empty-state p{font-size:13px}body[data-page=lyrics] .section-label{font-size:12px;opacity:1}body[data-page=lyrics] .lyric-line{font-size:17px;line-height:1.85}body[data-page=lyrics] .scroll-label{font-size:12px}body[data-page=lyrics] .scroll-bar{background:var(--brand-card)}body[data-page=lyrics] .mob-back{font-size:14px;min-height:44px}body[data-page=lyrics] .brand{font-size:13px}body[data-page=lyrics] .brand a{font-size:12px;opacity:1}body[data-page=vault-player] .shell{height:100dvh}body[data-page=vault-player] .topbar{background:var(--brand-paper);border-color:var(--brand-line)}body[data-page=vault-player] .tb-logo{font:750 17px Arial,Helvetica,sans-serif;letter-spacing:-.5px;color:var(--brand-ink)}body[data-page=vault-player] .tb-logo span{color:var(--brand-ink)}body[data-page=vault-player] .tb-exit{font-size:12px;min-height:44px;display:inline-flex;align-items:center}body[data-page=vault-player] .genre-pill{font-size:12px;min-height:44px}body[data-page=vault-player] .tr-name{font-size:14px}body[data-page=vault-player] .tr-note{font-size:12px}body[data-page=vault-player] .trackrow{min-height:64px}body[data-page=vault-player] .tb-badge{font-size:11px}body[data-page=vault-player] .tb-email{font-size:12px}
/* Cookie choices use the same identity, including pages without home.css. */
#fynCookieBanner{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;transform:none!important;background:var(--brand-paper)!important;border-color:var(--brand-line)!important;box-shadow:none!important;width:100%!important;margin:0!important;z-index:700!important}#fynCookieBanner .fcb-text{color:var(--brand-muted)!important;font:13px/1.6 Arial,Helvetica,sans-serif!important}#fynCookieBanner .fcb-logo,#fynCookieBanner .fcb-link{color:var(--brand-ink)!important}#fynCookieBanner .fcb-btn{font:13px Arial,Helvetica,sans-serif!important;min-height:44px!important;min-width:80px!important}#fynCookieBanner .fcb-accept{background:var(--brand-amber)!important;color:var(--brand-ink)!important}#fynCookieBanner .fcb-decline{color:var(--brand-ink)!important;border-color:var(--brand-line)!important}
@media(max-width:768px){.brand-header{min-height:76px;padding:14px 6%;gap:14px}.brand-header .brand-wordmark{font-size:16px}.brand-header .brand-nav{gap:18px}.brand-nav>.brand-music{display:none}.brand-menu-panel{right:6%;width:88%;max-width:320px}.brand-footer{width:88%;display:block;margin-top:30px}.brand-footer div{gap:18px}.store-page{padding:36px 6% 20px}.store-header{margin-bottom:34px}.store-carousel{grid-template-columns:1fr}.sc-img{min-height:0;aspect-ratio:1.12}.sc-info{padding:26px 22px}.sc-name{font-size:28px}.store-section-tag{margin-left:0}.store-section-label{gap:12px;flex-wrap:wrap}.digital-card{padding:24px}.card{width:88%;margin:36px auto;padding:32px 24px}body[data-page=lyrics] .app{height:calc(100dvh - 76px)}.featured-card{grid-template-columns:1fr}.featured-content{padding:28px}.brand-header .brand-nav a{font-size:14px}.blog-hero{padding-top:36px}.gate-inner{width:100%}#gateScreen{padding:36px 6%}.gate-sub{font-size:16px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Shared type and navigation inside the focused music workspaces. */
a{color:inherit}.featured-card{text-decoration:none}.gate-email-label{font:14px/1.5 Arial,Helvetica,sans-serif;text-align:left;margin-bottom:8px}.workspace-shop{display:inline-flex;align-items:center;min-height:44px;font:14px Arial,Helvetica,sans-serif;color:var(--brand-ink);text-decoration:none}
body[data-page=learn],body[data-page=notes],body[data-page=chords],body[data-page=play-along]{--display:Arial,Helvetica,sans-serif;--body:Arial,Helvetica,sans-serif}
.learn-nav,.chord-nav,.play-nav,.site-nav{background:var(--brand-paper)!important;color:var(--brand-ink)!important;border-color:var(--brand-line)!important;backdrop-filter:none!important;overflow:visible!important}
.learn-nav .brand,.chord-nav .brand,.play-nav .brand,.site-nav .brand{font:750 18px/1 Arial,Helvetica,sans-serif!important;letter-spacing:-.7px!important;color:var(--brand-ink)!important}.learn-nav .brand span,.chord-nav .brand span,.play-nav .brand span,.site-nav .brand span{color:var(--brand-ink)!important}.learn-nav .brand,.chord-nav .brand,.play-nav .brand,.site-nav .brand{min-height:44px;display:inline-flex;align-items:center}
.learn-links,.learn-links button,.learn-links a,.nav-button,.nav-back,.back-link{font:13px/1.4 Arial,Helvetica,sans-serif!important;letter-spacing:0!important;text-transform:none!important;min-height:44px;display:inline-flex;align-items:center;color:var(--brand-ink)}.nav-button:hover{color:var(--brand-ink)!important;border-color:var(--brand-line)}.product-lockup,.nav-product,.play-product,.product-mark small{font-size:11px!important;letter-spacing:.08em!important;color:var(--brand-muted)}.product-mark strong,.product-mark strong span{color:var(--brand-ink)!important}.product-mark>i{background:var(--brand-amber-ink)}.nav-button i,.sound-bars i{background:var(--brand-amber-ink)}.nav-button{padding:8px 12px!important}
.picker-hero h1{font-family:Arial,Helvetica,sans-serif!important;font-weight:600!important;letter-spacing:-.06em!important;font-size:clamp(54px,8vw,102px)!important}.picker-hero .eyebrow,.card-kicker,.side-kicker{font:12px/1.5 Arial,Helvetica,sans-serif!important;letter-spacing:.07em!important}.source-card h2{font:600 28px/1.2 Arial,Helvetica,sans-serif!important;letter-spacing:-.03em!important}.source-card>p,.picker-hero p{font-size:16px!important;line-height:1.7!important}.outline-button,.text-link,.primary-button{font-size:13px!important;letter-spacing:.02em!important}.workspace-switcher{justify-self:end;display:flex;gap:20px;align-items:center;font:14px Arial,Helvetica,sans-serif}.workspace-switcher .brand-menu>summary{color:var(--brand-ink)}.workspace-switcher .brand-menu-panel{top:100%;right:5%;color:var(--brand-ink)}.workspace-switcher .brand-menu-panel a{color:var(--brand-ink)!important}.workspace-switcher .brand-menu-panel{background:var(--brand-paper)}.workspace-switcher a{color:var(--brand-ink)}
body[data-page=chords] .trust-row,body[data-page=chords] .privacy-note,body[data-page=chords] .how-it-works{--gold:#765a32}body[data-page=chords] .privacy-note>span{color:var(--brand-amber-ink)}
body[data-page=learn] .brand span{color:var(--brand-ink)}body[data-page=learn] .source-card .save-note,body[data-page=learn] .source-card .import-note{color:var(--brand-muted)}
@media(max-width:768px){.learn-nav,.chord-nav,.play-nav,.site-nav{position:relative}.workspace-switcher{gap:12px}.learn-links{gap:12px!important}.learn-links>a{display:none}.nav-actions .workspace-shop{display:none}.product-lockup,.nav-product,.play-product{font-size:10px!important}.brand-menu-panel{max-height:calc(100dvh - 100px)}.workspace-switcher .brand-menu-panel{right:6%;width:88%}.site-nav .product-mark{display:none}.site-nav .nav-actions{gap:6px}.site-nav .nav-button{font-size:12px!important;padding:8px!important}.learn-nav .product-lockup{display:none}.learn-nav{display:flex;justify-content:space-between;gap:14px}.workspace-switcher>.workspace-shop{display:none}}
/* Readable secondary information on both paper and charcoal surfaces. */
body[data-page=learn] .row-section{opacity:1!important;font-size:11px!important;color:var(--brand-amber-ink)!important}body[data-page=learn] .lyric-row .lyric-text{font:16px/1.6 Arial,Helvetica,sans-serif!important}body[data-page=learn] button{font-size:13px!important;letter-spacing:.02em!important}body[data-page=learn] #clearLoop{color:#a33e34}body[data-page=learn] .control-select,body[data-page=learn] .pitch-toggle,body[data-page=learn] .transport-times{font-size:12px!important}
body[data-page=blog] .tl-item{opacity:1!important;transform:none!important}body[data-page=blog] .caution,body[data-page=blog] .callout-label,body[data-page=blog] .compare-title,body[data-page=blog] .compare-icon{color:#a33e34}body[data-page=blog] .sbar-val[style*="cc4444"]{color:#a33e34!important}body[data-page=blog] .article-body table{display:block;max-width:100%;overflow-x:auto}
body[data-page=chords] .drop-zone p,body[data-page=chords] .drop-zone small,body[data-page=chords] .privacy-note p,body[data-page=chords] .how-it-works p,body[data-page=chords] footer p,body[data-page=chords] footer a{color:#c7c4bd}body[data-page=chords] .privacy-note>span,body[data-page=chords] .how-it-works .eyebrow,body[data-page=chords] .how-it-works li>b{color:var(--brand-amber)}body[data-page=chords] .hero-beat{color:var(--brand-muted)}body[data-page=chords] .upload-number,body[data-page=chords] .hero-notation{display:none}
body[data-page=notes] .privacy-line,body[data-page=notes] .orbit-note,body[data-page=notes] .range-mark,body[data-page=notes] .pitch-index,body[data-page=notes] .ear-map small,body[data-page=notes] .ear-map em,body[data-page=notes] .pitch-tile.locked strong,body[data-page=notes] .mode-card:not(.featured) .mode-meta,body[data-page=notes] .solfa-steps i,body[data-page=notes] .octave-control,body[data-page=notes] .octave-legend{color:var(--brand-muted)!important}
body[data-page=notes] :is(.middle-c-core,.today-card,.metric-strip,.unlock-banner,.path-section,.mode-card.featured,.lab-console,.site-footer) :is(p,small,em,label),body[data-page=notes] .today-heading>strong,body[data-page=notes] .goal-ring span,body[data-page=notes] .route-step em,body[data-page=notes] .metric-strip article>span,body[data-page=notes] .unlock-banner span,body[data-page=notes] .learning-path li,body[data-page=notes] .mode-card.featured .mode-meta,body[data-page=notes] .lab-display>span,body[data-page=notes] .lab-note-buttons button,body[data-page=notes] .site-footer a,body[data-page=notes] .middle-c-core>span{color:#c7c4bd!important}
body[data-page=notes] .today-card button,body[data-page=notes] .today-card button span{color:var(--brand-ink)!important}body[data-page=notes] .mode-number{display:none}body[data-page=notes] .method-section h2 em{color:var(--brand-amber-ink)}body[data-page=notes] .learning-path li small,body[data-page=notes] .learning-path li b{color:#c7c4bd!important}body[data-page=notes] .mode-card.featured p{color:#c7c4bd}body[data-page=notes] .pitch-tile.locked{opacity:1!important}body[data-page=notes] .lab-note-buttons button{min-width:44px}body[data-page=notes] .nav-button{min-width:44px}
body[data-page=order-success] .card,body[data-page=order-success] .card *{animation:none!important;opacity:1}body[data-page=order-success] .label{font:12px/1.5 Arial,Helvetica,sans-serif}body[data-page="404"] .code{color:var(--brand-amber-ink);font-family:Arial,Helvetica,sans-serif;font-weight:600;margin:50px auto 24px}body[data-page="404"] .sub,body[data-page=unsubscribe] .sub{font:16px/1.7 Arial,Helvetica,sans-serif;letter-spacing:0;margin:20px auto 40px;max-width:440px}body[data-page=unsubscribe] .icon{opacity:1}body[data-page=holding] footer{color:var(--brand-muted);font-size:12px}
@media(max-width:768px){body[data-page=notes] .site-nav{display:block;padding:10px 6%}body[data-page=notes] .site-nav .nav-actions{border-top:1px solid var(--brand-line);margin-top:8px;padding-top:8px;justify-content:flex-end;gap:14px}body[data-page=notes] .nav-actions .workspace-switcher{position:absolute;right:6%;top:10px}body[data-page=notes] .site-nav .nav-button{padding:8px 12px!important}.lyric-row{grid-template-columns:44px 1fr!important}}
input[type=text],input[type=email],input[type=search],input[type=password],textarea{font-size:16px!important}.store-heading{max-width:900px}.store-header{max-width:900px}.digital-grid:has(>.digital-card:only-child){max-width:760px}.digital-card-meta-row{overflow-wrap:anywhere}
body[data-page=blog]{--red:#a33e34!important}body[data-page=chords] footer .brand span{color:var(--brand-amber)}body[data-page=notes] .pitch-card.locked strong,body[data-page=notes] .mode-card:not(.featured) .mode-meta span,body[data-page=notes] .octave-control label,body[data-page=notes] .range-labels span{color:var(--brand-muted)!important}body[data-page=notes] .mode-card.featured .mode-meta span,body[data-page=notes] .lab-readout>span,body[data-page=notes] .lab-pitches button{color:#c7c4bd!important}.store-unavailable{border:1px solid var(--brand-line);padding:48px 24px;text-align:center;background:var(--brand-card)}.store-unavailable h2{font:600 28px/1.2 Arial,Helvetica,sans-serif;letter-spacing:-.03em;margin-bottom:14px}.store-unavailable p{font:16px/1.7 Arial,Helvetica,sans-serif;color:var(--brand-muted);margin-bottom:24px}.store-unavailable a{color:var(--brand-ink);text-decoration:underline}.store-unavailable button{padding:14px 24px;background:var(--brand-amber);border:0;font:15px Arial,Helvetica,sans-serif;color:var(--brand-ink)}
body[data-page=learn]{--green:#406c49;--red:#a33e34}body[data-page=learn] .primary-button span{color:var(--brand-ink)}body[data-page=lyrics] .album-count,body[data-page=lyrics] .song-num{color:var(--brand-muted);font-size:12px}#lyricsSearchStatus{font:13px/1.5 Arial,Helvetica,sans-serif;color:var(--brand-muted);margin-top:12px}#lyricsSearchStatus:empty{display:none}
body[data-page=lyrics] .album-header,body[data-page=lyrics] .song-item{width:100%;text-align:left;border:0;border-left:2px solid transparent;background:transparent;color:var(--brand-ink);font-family:inherit;border-radius:0}body[data-page=lyrics] .song-item.active{border-left-color:var(--brand-amber-ink);background:#eae6e1}body[data-page=lyrics] .song-item:hover{background:#e8e3da}body[data-page=lyrics] .album-header{justify-content:space-between}
body[data-page=holding]{margin:0;min-height:100svh;display:flex;flex-direction:column}body[data-page=holding] .brand-footer{margin-top:auto}.utility-content{width:90%;max-width:1100px;margin:60px auto 80px;font:18px/1.7 Arial,Helvetica,sans-serif}.utility-content h1{font:600 clamp(48px,8vw,96px)/1.03 Arial,Helvetica,sans-serif;letter-spacing:-.06em;margin:24px 0 32px}.utility-content>p{max-width:500px;color:var(--brand-muted)}.utility-eyebrow{font-size:12px;letter-spacing:.12em;color:var(--brand-amber-ink)!important}.utility-button{display:flex;align-items:center;gap:50px;width:max-content;max-width:100%;padding:14px 24px;min-height:54px;background:var(--brand-amber);color:var(--brand-ink);font-size:15px;text-decoration:none;margin:30px 0 16px}.utility-listen{display:inline-flex;align-items:center;min-height:44px;font-size:14px}body[data-page="404"] .title,body[data-page=unsubscribe] .title{font-family:Arial,Helvetica,sans-serif;font-weight:600;letter-spacing:-.03em}body[data-page=blog] .post-body p{font-size:17px;line-height:1.85}body[data-page=blog] .post-date,body[data-page=blog] .post-read,body[data-page=blog] .post-category{font-size:12px;letter-spacing:.04em}
*,*::before,*::after{box-sizing:border-box}.utility-listen{display:inline-block;max-width:100%;white-space:normal;line-height:1.6;padding:10px 0}
body[data-page=notes] dialog p,body[data-page=notes] dialog small,body[data-page=notes] .dialog-close{color:var(--brand-muted)!important}body[data-page=notes] #settingsCloseButton,body[data-page=notes] #syncCloseButton{color:var(--brand-ink)!important}
@media(max-width:540px){body[data-page=learn] .control-select.mix-select{display:flex;width:100%;max-width:100%;min-width:0}body[data-page=learn] .mix-select select{flex:1;width:0;min-width:0;max-width:100%}}