/* MIDNIGHT SWING · ink, ivory, oxblood, copper. 8px spacing cadence. */
@font-face{font-family:'Midnight Display';src:url('/fonts/barlow-condensed-800.ttf') format('truetype');font-style:normal;font-weight:800;font-display:swap}
:root{color-scheme:dark;--ink:#0b0b0b;--paper:#f2e9da;--surface:#151414;--surface-raised:#201d1c;--green:#873b3c;--gold:#bd7c56;--muted:#b8aea2;--line:#3d3530;color:var(--paper);background:var(--ink);font-size:16px}
body{background:var(--ink);background-image:none;color:var(--paper)}body h1,body h2,body h3,body h4{color:var(--paper)}h1,.page-head h1,.learning-head h1,.tool-page h1{font-family:'Midnight Display','Arial Narrow',sans-serif!important;font-weight:800!important;letter-spacing:.015em!important;text-transform:uppercase;line-height:.98!important}h2{font-size:28px;letter-spacing:-.6px}h3{font-size:19px}p{line-height:1.65}.muted,small,.lead,.prose.muted{color:var(--muted)}.eyebrow{color:#c1957a;font-size:11px;letter-spacing:2.6px;line-height:1.5}.platform-main,.content{max-width:1400px;padding-left:40px;padding-right:40px}.platform-main{padding-top:40px}.page-head{margin-bottom:32px;gap:24px}.page-head h1{font-size:clamp(38px,4vw,60px)}.page-head p{font-size:16px;color:var(--muted)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:4px;padding:28px;box-shadow:none}.notice,.empty,.sync-error{color:var(--paper);background:#201b19;border:1px solid var(--line);border-radius:4px}.empty p{color:var(--muted)}.notice a{color:#edc0a0}.primary,button.primary,a.primary{background:#873638;color:#fff4e6;border:1px solid #ab5552;border-radius:2px;padding:13px 20px;box-shadow:none;font-weight:650;transition:background .18s,transform .18s}.primary:hover{background:#a34443;box-shadow:none;transform:translateY(-2px)}.secondary,button.secondary,a.secondary{background:#211c1b;border:1px solid #695248;border-radius:3px;color:#f2e9da}.secondary:hover{background:#332623}.link,.back{color:#e7b58f}.danger{color:#ffa6a0}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #eec39c;outline-offset:4px}.actions{gap:12px}input,select,textarea,.filters input,.filters select,.global-search>input{background:#171515;color:var(--paper);border:1px solid #65564c;border-radius:3px;font-size:16px;accent-color:#c27762}input::placeholder,textarea::placeholder{color:#b3a497}input[type=range]{accent-color:#c27762}label{color:var(--paper)}input[type=checkbox]{accent-color:#a54b48}option{background:#171515;color:var(--paper)}.section-heading{gap:20px;margin-bottom:20px}.section-heading h2,.section-heading h3{margin:0}
/* Navigation stays quiet, never competing with the photography. */
.site-header{background:#0b0b0bf5;border-color:var(--line);box-shadow:none;backdrop-filter:blur(16px)}.site-header .brand,.auth-art .brand{font-family:'Midnight Display',sans-serif!important;text-transform:uppercase;letter-spacing:2px!important;font-weight:800!important;font-size:27px!important;color:var(--paper)}.brand img{border-radius:0!important;margin-right:3px}.site-header .main-navigation a,.site-header .nav-dropdown>summary,.nav-dropdown-panel button{color:var(--paper);border-radius:0}.site-header .main-navigation a[aria-current=page],.site-header .nav-dropdown>summary.section-current{background:transparent;color:#f3beaa;box-shadow:inset 0 -2px #a34a46}.site-header .main-navigation a:hover,.site-header .nav-dropdown>summary:hover,.nav-dropdown-panel button:hover{background:#2c1c1c;color:#fff3df}.nav-dropdown-panel,.site-header .nav-dropdown-panel{background:#171414;border:1px solid #514039;border-radius:3px;box-shadow:0 20px 45px #0009}.site-header .header-search input{background:#131111;border-color:#514039;color:var(--paper);border-radius:24px}.menu-toggle,.mobile-menu-heading button{background:#171313;color:var(--paper);border-color:#6b4c40}.burger-lines i{background:#f2e9da}.mobile-menu-heading{border-color:#493730}.mobile-group-navigation{background:#201717;border-color:#4a3730}.mobile-group-navigation h2{color:#d4a486}.menu-backdrop{background:#000a}.sidebar,.topbar,.mobile-group-context{background:#0b0b0b;border-color:var(--line);color:var(--muted)}.sidebar .nav-label,.sidebar .nav a{color:var(--paper)}.sidebar .nav a.active{color:#f1b89e;box-shadow:0 2px #ad5550}.sidebar .nav a b{background:#332423;color:#e6beb0}.avatar{background:#7a3638;color:#fff4e6}.live{color:#cabdac}.live i{background:#95ae90}.mobile-group-context a{color:#e4ab8c}
/* The hero is a staged collage: type, portrait, landscape; no blended Riviera arch. */
.midnight-hero{position:relative;isolation:isolate;overflow:hidden;background:#0b0b0b;border:0;border-radius:0;min-height:650px;margin:0 0 32px;padding:36px;--light-x:50%}.midnight-hero::before,.midnight-hero::after{display:none!important}.midnight-landscape{position:absolute;inset:0 0 0 66%;background:url('/images/midnight-tuscany.webp') 61% 50%/cover;clip-path:polygon(12% 0,100% 0,100% 100%,0 100%,0 12%,6% 12%,6% 6%,12% 6%);z-index:-3}.midnight-portrait{position:absolute;inset:0 18% 0 11%;background:url('/images/midnight-portrait.webp') 62% 48%/cover;clip-path:polygon(0 0,100% 0,100% 68%,94% 68%,94% 83%,88% 83%,88% 100%,0 100%);z-index:-2}.midnight-hero-copy{position:relative;z-index:2;max-width:42%;pointer-events:none}.midnight-hero-copy .eyebrow{color:#d6c8b6;margin-bottom:18px;font-size:10px}.midnight-hero h1{font-family:'Midnight Display',sans-serif!important;font-size:clamp(82px,9.8vw,148px)!important;line-height:.82!important;font-weight:800!important;letter-spacing:-.01em!important;color:#f2e9da;margin:0!important;text-transform:uppercase;max-width:none}.midnight-hero .dashboard-hero-action{margin-top:30px;pointer-events:auto}.midnight-hero .primary{font-size:15px;max-width:100%;white-space:normal;text-align:left;line-height:1.5;padding:14px 18px}.midnight-location{position:absolute;right:28px;bottom:36px;font-size:10px;letter-spacing:3px;line-height:1.8;color:#f2dfc6;max-width:150px}.resonance{position:absolute;bottom:15px;right:5%;width:260px;height:165px;color:#b77353;pointer-events:none;z-index:-1;opacity:.75}.resonance path{stroke-width:.7;transform-origin:50% 50%;transition:transform .7s cubic-bezier(.2,.8,.2,1)}.midnight-hero:hover .resonance path{transform:rotate(calc((var(--string) - 2.5)*3deg)) translateY(calc(var(--string)*-1px))}.midnight-hero:hover .midnight-landscape{filter:saturate(1.13)}.midnight-landscape{transition:filter .8s}.dashboard-stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:0;margin-bottom:40px}.dashboard-stats>a{background:transparent;border:0;border-right:1px solid var(--line);border-radius:0;padding:24px;box-shadow:none;color:var(--paper)}.dashboard-stats>a:last-child{border-right:0}.dashboard-stats strong{font-family:'Midnight Display',sans-serif;color:#edc4ae;font-size:42px}.dashboard-stats span{color:var(--muted)}.dashboard-columns{gap:28px}.dashboard-columns .panel{padding:26px}.dashboard-date{background:#3a2323;color:#f2e9da;border-color:#664035}.dashboard-date span{color:#d5b5a3}.dashboard-event{border-color:var(--line)}.dashboard-event p{color:var(--muted)}.dashboard-group{border-color:var(--line);color:var(--paper)}.dashboard-group img{border-radius:0;filter:grayscale(1);transition:filter .5s}.dashboard-group:hover img{filter:grayscale(0)}.dashboard-group small{color:var(--muted)}.dashboard-tools{gap:20px}.dashboard-tool{position:relative;isolation:isolate;overflow:hidden;min-height:160px;padding:24px;border:1px solid var(--line);border-radius:3px;background:#161313;color:var(--paper)}.dashboard-tool::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0b0b0bef,#0b0b0b55),url('/images/midnight-hands.webp') 60% 55%/cover;z-index:-1;transition:transform .6s}.dashboard-tool:nth-child(2)::before{background-position:95% 35%}.dashboard-tool:nth-child(3)::before{background-position:20% 65%}.dashboard-tool:hover{background:#161313}.dashboard-tool:hover::before{transform:scale(1.04)}.dashboard-tool>span,.dashboard-tool>b{color:#d69b7c}.dashboard-tool small{color:#d0c3b4}
/* Repeated photography is purposeful: different subject/crop for each chapter. */
.midnight-chapter{height:180px;position:relative;isolation:isolate;overflow:hidden;margin-bottom:36px;border-bottom:1px solid #7b3c38;background:#171313;display:flex;align-items:flex-end;padding:24px 30px}.midnight-chapter::before{content:'';position:absolute;inset:0;z-index:-1;background-size:cover;background-position:60% 50%;filter:grayscale(1);transition:filter .8s,transform 1s}.chapter-hands::before{background-image:linear-gradient(90deg,#000d,#0002),url('/images/midnight-hands.webp');background-position:70% 46%}.chapter-tuscany::before{background-image:linear-gradient(90deg,#000d,#0001),url('/images/midnight-tuscany.webp');background-position:50% 48%;filter:saturate(.7)}.chapter-portrait::before{background-image:linear-gradient(90deg,#000c,#0001),url('/images/midnight-portrait.webp');background-position:60% 23%}.midnight-chapter:hover::before{filter:grayscale(0);transform:scale(1.025)}.midnight-chapter span{font:800 clamp(30px,4vw,58px)/1 'Midnight Display',sans-serif;letter-spacing:.025em;max-width:65%;color:#f2e9da}.midnight-chapter i{position:absolute;right:24px;bottom:24px;width:80px;height:40px;border:1px solid #a25543;border-bottom:0;clip-path:polygon(0 100%,0 25%,25% 25%,25% 0,100% 0,100% 100%)}
/* Personal photographs keep their identities; color is revealed on engagement. */
.groups-grid{gap:28px}.group-card{background:#171414;border:1px solid var(--line);border-radius:3px;box-shadow:none}.group-card img{height:260px;object-fit:cover;filter:grayscale(.85);transition:filter .65s,transform .8s;transform-origin:center 45%}.group-card:hover,.group-card:focus-visible{transform:translateY(-3px);box-shadow:0 14px 40px #0005;border-color:#a35b49}.group-card:hover img,.group-card:focus-visible img{filter:grayscale(0);transform:scale(1.025)}.group-card-body{padding:24px;position:relative;background:#171414}.group-card h2{font-family:'Midnight Display',sans-serif;text-transform:uppercase;font-size:34px;letter-spacing:.02em}.group-card p{font-size:15px;color:#c3b5a7}.group-repertoire-count{color:#efd0b9!important}.med-hero{border-radius:3px;border:1px solid var(--line);height:200px}.med-hero .hero-shade{background:linear-gradient(90deg,#0b0b0be8,#0b0b0b00)}.med-hero .hero-copy h1{font-family:'Midnight Display',sans-serif;font-size:42px;text-transform:uppercase;letter-spacing:.02em}.hero-link{border-radius:0}.session-strip{border-color:var(--line);color:var(--muted)}
/* Repertoire: spacious typography and unmistakable musical status. */
.songbook-grid{gap:22px}.song-card{background:#171414;border:1px solid var(--line);border-radius:3px;padding:26px;box-shadow:none}.song-card:hover{border-color:#b36d52;background:#1d1716;box-shadow:none}.song-card::before{background:#8d3b3c;height:3px}.song-card h2{font-family:'DM Sans',sans-serif;color:var(--paper)!important;font-size:28px;line-height:1.2}.song-style,.song-card .song-meta{color:#c2afa0}.song-card .song-ratings,.song-card-bottom{border-color:var(--line)}.song-ratings>div>span:first-child{color:#c7bcb0}.badge,.status{border-radius:3px;font-size:14px}.badge:not(.missing){background:#20342c;color:#c5e6d0;border:1px solid #466c54}.badge.missing{background:#40251f;color:#ffd1b6;border:1px solid #805440}.status.s-1,.status.s0{background:#302926;color:#d5c6b7}.status.s1{background:#49321d;color:#f7cea0}.status.s2{background:#243b2e;color:#c4e6c9}.status.s3{background:#314f3b;color:#e6f2e5}.song-flourish{color:#c48968}.rating-select,.stars button,.readonly{color:#e9b593}.stars .filled{color:#edb382}.song-detail .panel{border-radius:3px}.song-facts{color:var(--muted)}.song-facts span{background:#211b19;border-color:var(--line)}.song-facts strong{color:var(--paper)}.practice-tabs{background:#171313;border-color:var(--line);border-radius:3px}.practice-tabs button{color:#c7b9ab;border-radius:0}.practice-tabs button[aria-selected=true]{background:#783336;color:#fff3e5;box-shadow:inset 0 -2px #d18568}.practice-document,.practice-empty,.chord-panel{background:#171414;border-color:var(--line);border-radius:3px}.practice-document-heading{background:#211b19;color:var(--paper);border-color:var(--line)}.practice-document-heading span{color:#c1aa98}.pdf-toolbar,.audio-controls{background:#211b19;color:#f2e9da;border-color:var(--line)}.pdf-spread{background:#29221e}.pdf-page,canvas{color-scheme:light}.chord{background:#f2e9da;color:#251b17;border-radius:2px;padding:12px}.chord figcaption{color:#251b17}.chord svg{color:#251b17}.chord svg text{fill:#251b17}.chord svg circle{fill:#251b17}.chord svg line{stroke:#251b17}.file{border-color:var(--line)}.file-icon{background:#392725;color:#e4b69b}.file .name,.file-category h4{color:#f2e9da}.file-description,.file small{color:#bdb0a3}audio{width:100%;color-scheme:dark}.playing-labels{color:#bcb0a2}.properties strong{color:#f2e9da}
/* Forms, shared records, directory, gear, and dialogs all use the same tokens. */
dialog,#search-overlay{background:#141212;color:#f2e9da;border:1px solid #695048;border-radius:5px;box-shadow:0 24px 90px #0009}dialog::backdrop,#search-overlay::backdrop{background:#000b;backdrop-filter:blur(7px)}.dialog-head,.dialog-actions{border-color:var(--line)}.dialog-head h2{color:#f2e9da}.dialog-form label{color:#d9c9b9}.global-result{background:#1c1716;color:#f2e9da;border-color:#554138;border-radius:3px}.global-result:hover{border-color:#c18060;background:#261b18}.search-result-section .global-result{border-radius:3px}.search-result-section h2>span{background:#472729;color:#f2d3ba}.search-overlay-header button{background:#2a1d1c;color:#f2e9da;border-color:#705043}#overlay-search{background:#0e0d0d;color:#f2e9da;border-color:#826457;border-radius:3px}.global-search>label{color:#f2e9da}#global-results>p[role=status]{color:#c2b5a7}.search-result-section .global-result>span:last-of-type{color:#bfb09e}.playlist-card,.meeting-card,.proposal,.catalog-row,.setlist-row,.member-line,.songrow,.gear-card,.gear-form,.gear-tabs,.profile-card{background:#171414;color:#f2e9da;border-color:var(--line);border-radius:3px}.playlist-icon,.meeting-placeholder{background:#342121;color:#edb495}.meeting-card-copy p,.meeting-date,.proposal-place{color:#c5b19e}.calendar-section{font-family:'Midnight Display',sans-serif;letter-spacing:.02em;text-transform:uppercase;font-size:34px}.event-card{border-left:3px solid #944744}.vote-buttons button{background:#27201c;color:#ead0b9;border:1px solid #655045}.vote-buttons button.selected{background:#794044;color:white}.vote-tag.yes{background:#2c4533;color:#cff0d6}.vote-tag.no{background:#532829;color:#ffd0c9}.vote-tag.maybe{background:#49391f;color:#ffe0a1}.table-wrap{border-color:var(--line)}th,td{border-color:var(--line)}th{color:#d7b59c}tbody tr{background:transparent}.gear-card h2{color:#f2e9da}.gear-card p,.gear-card small{color:#c3b3a3}.gear-tabs button,.gear-tabs a{color:#cbb7a6}.gear-tabs .active,.gear-tabs [aria-current=page]{background:#743438;color:#f2e9da}.guitar-illustration{background:#2a201b!important}.tuner-face{background:#1d1515;border:1px solid #654336;border-radius:4px}.tuner-note{color:#f2e9da}.tuner-top,.tuner-frequency{color:#c9aa92}.reference-tones button{background:#2c2020;color:#f2e9da;border-color:#735046}.reference-tones button[aria-pressed=true]{background:#8b4141}.community-map,.leaflet-popup-content-wrapper,.leaflet-popup-tip{color-scheme:light;color:#243c35}.leaflet-popup-content h3{color:#243c35}.community-map button{color:#243c35}.voicing-card{background:#211a17;border-color:#594235;border-radius:3px}.voicing-card p,.voicing-card small{color:#cbb7a5}.voicing-card .chord{color:#251b17}.fret-panel{border-color:#684e3c}.learning-head p{color:#c7b8a7}.solo-song-chords button{background:#30231e;color:#f3d7bf;border-color:#6f5042;border-radius:3px}.solo-song-chords button[aria-pressed=true]{background:#8a3a3b;color:#fff3e3;border-color:#c58061}.solo-tone-legend>strong{color:#f2e9da}.solo-tone-legend>span{color:#193a26}.solo-tone-legend .root-tone{color:#332514}.solo-caption,.solo-help,.chord-source{color:#bdad9c!important}.fret-tip{background:#261d18;color:#e5c5a8}.fret-panel .fretboard th{color:#f6e6d0}.solo-panel .fretboard th.marked-fret{background:#966544}.solo-panel .fretboard .dim-note span{opacity:.25}
/* Rhythm gets a functional Deco fan; the pulse follows the audio scheduler. */
.rhythm-choices button{background:#201918;color:#f2e9da;border-color:#5c4237;border-radius:3px}.rhythm-choices button[aria-pressed=true]{background:#7c3438;color:#fff1e2}.rhythm-choices small{color:#d7b19a}.rhythm-pattern{border-color:#785441;border-radius:3px}.rhythm-pattern>div{background:#211916;border-color:#654736;color:#f2dcc6}.rhythm-pattern>div:nth-child(odd){background:#30211a}.rhythm-pattern small{color:#cbb8a3}.rhythm-pattern .is-current{background:#9c5141!important;color:#fff1df;box-shadow:inset 0 -4px #f2c299}.rhythm-pattern.silent-bar .is-current{background:#404b43!important}.rhythm-key{color:#c4b3a2}.rhythm-song{color:#f2e9da;border-color:var(--line)}.deco-metronome{height:56px;position:relative;width:170px;overflow:hidden;margin:12px auto -4px;pointer-events:none}.deco-metronome i{position:absolute;bottom:-38px;left:50%;height:93px;width:9px;transform-origin:center bottom;background:#7d4034;transform:rotate(calc((var(--ray) - 3.5)*16deg));transition:background .1s,height .1s}.deco-metronome i:nth-child(1){--ray:0}.deco-metronome i:nth-child(2){--ray:1}.deco-metronome i:nth-child(3){--ray:2}.deco-metronome i:nth-child(4){--ray:3}.deco-metronome i:nth-child(5){--ray:4}.deco-metronome i:nth-child(6){--ray:5}.deco-metronome i:nth-child(7){--ray:6}.deco-metronome i:nth-child(8){--ray:7}.deco-metronome i{opacity:.35;background:#db9770}.deco-metronome i.lit{opacity:1}
/* Login uses a close portrait crop, with a separate warm strip from the landscape. */
.auth{background:#0b0b0b}.auth-art{border-radius:0;background:linear-gradient(90deg,#0007,transparent),url('/images/midnight-portrait.webp') 62% center/cover;min-height:100vh;padding:40px;isolation:isolate;border-right:1px solid #503c32}.auth-art::before{display:none}.auth-art::after{content:'';position:absolute;right:0;bottom:0;left:60%;height:30%;z-index:-1;background:url('/images/midnight-tuscany.webp') 58% 45%/cover;clip-path:polygon(15% 0,100% 0,100% 100%,0 100%,0 15%,15% 15%)}.auth-art h1{font-family:'Midnight Display',sans-serif!important;font-size:clamp(82px,8.5vw,145px)!important;line-height:.83!important;letter-spacing:0!important;color:#f2e9da;margin:20px 0}.auth-art p{font-size:15px;letter-spacing:1px;color:#e6d6c3;max-width:250px}.auth-art .eyebrow{color:#e1c2a6}.auth-body{background:#0e0d0d}.auth-card{max-width:420px}.auth-card h2{font-family:'Midnight Display',sans-serif;font-size:48px;text-transform:uppercase;letter-spacing:.02em;line-height:1}.auth-card .muted{font-size:16px;line-height:1.7}.auth-foot{color:#bcaa98}.footer-duo{color:#d7b397}.boot{background:#0b0b0b;color:#f2e9da}#toast{background:#673032;color:#fff0df;border:1px solid #b57558}
/* Motion is brief, local, and optional. */
@keyframes midnight-arrive{from{opacity:.65;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.midnight-enter .platform-main,.midnight-enter .content{animation:midnight-arrive .45s cubic-bezier(.2,.7,.2,1)}
@media(max-width:1100px){.site-header .main-navigation.is-open{background:#131010;border-left:1px solid #5d3b32}.site-header .nav-dropdown-panel{box-shadow:none}.midnight-hero{min-height:540px;padding:28px}.midnight-hero h1{font-size:clamp(80px,11vw,126px)!important}.midnight-hero-copy{max-width:47%}.midnight-portrait{inset:0 16% 0 8%;background-position:60% 50%}.midnight-landscape{left:70%}.midnight-location{right:15px;bottom:28px;font-size:8px;max-width:100px}.platform-main,.content{padding-left:28px;padding-right:28px}.resonance{width:170px;right:3%;bottom:8px}}
@media(max-width:700px){.platform-main,.content{padding:24px 18px 44px}.page-head{gap:16px;margin-bottom:24px}.page-head h1{font-size:40px}.panel{padding:20px}.midnight-hero{min-height:560px;padding:22px 18px;margin-bottom:24px}.midnight-hero-copy{max-width:73%}.midnight-hero h1{font-size:clamp(80px,17vw,116px)!important}.midnight-hero-copy .eyebrow{max-width:170px;font-size:9px;letter-spacing:1.7px}.midnight-portrait{inset:55px -16% 0 7%;background-position:62% 48%;opacity:.8;clip-path:polygon(0 0,100% 0,100% 78%,80% 78%,80% 100%,0 100%)}.midnight-landscape{inset:0 0 0 69%;opacity:.85;clip-path:polygon(20% 0,100% 0,100% 100%,0 100%,0 9%,20% 9%)}.midnight-hero .dashboard-hero-action{margin-top:26px;max-width:240px}.midnight-hero .primary{font-size:14px;background:#873638f5}.midnight-location{right:12px;bottom:16px;font-size:7px;letter-spacing:1.5px;width:76px}.resonance{width:125px;bottom:0;right:0}.dashboard-stats>a{padding:16px 9px}.dashboard-stats strong{font-size:35px}.dashboard-stats span{font-size:12px}.dashboard-columns{gap:20px}.dashboard-tools{gap:14px}.dashboard-tool{min-height:130px}.midnight-chapter{height:130px;padding:20px;margin-bottom:24px}.midnight-chapter span{font-size:35px;max-width:76%}.midnight-chapter i{width:45px;right:16px;bottom:16px}.groups-grid{gap:22px}.group-card img{height:240px}.group-card-body{padding:22px}.group-card h2{font-size:32px}.songbook-grid{gap:18px}.song-card{padding:22px}.song-card h2{font-size:26px}.auth-art{min-height:420px;padding:24px;background-position:62% 28%}.auth-art h1{font-size:76px!important}.auth-art p{display:none}.auth-art>.brand{font-size:24px!important}.auth-art .footer-duo{font-size:9px}.auth-art>div .eyebrow{display:none}.auth-body{padding:32px 22px}.auth-card h2{font-size:40px}.auth-art::after{left:72%;height:38%}.deco-metronome{height:40px}.site-header .brand{font-size:0!important}.site-header .brand img{margin-right:0!important}.midnight-hero .eyebrow{background:#0b0b0b55}.learning-head h1{font-size:36px}.practice-tabs button{font-size:15px}.rhythm-workspace .section-heading h2{font-size:24px}}
@media(min-width:701px) and (max-height:850px){.midnight-hero{min-height:530px}.midnight-hero h1{font-size:116px!important}.platform-main:has(.solo-panel){padding-top:8px}.solo-head h1{font-size:34px!important}.solo-panel{padding:18px!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.group-card img,.dashboard-group img{filter:none}.midnight-chapter::before{filter:none}.midnight-enter .platform-main,.midnight-enter .content{transform:none}.resonance path{transform:none!important}}
/* Resolve legacy surface overrides explicitly. */
.platform,.layout,.main{background:#0b0b0b;color:#f2e9da}.dashboard-hero-action .primary,.midnight-hero .dashboard-hero-action .primary{background:#873638;color:#fff3e3;max-width:100%;border-color:#b56456}.dashboard-hero-action .primary:hover{background:#a44543}.auth-art{background:linear-gradient(90deg,#0006,transparent),url('/images/midnight-portrait.webp') 62% center/cover!important}.auth-card h2{color:#f2e9da}.auth-card p{color:#c0b1a1}.auth-card input{background:#171515;border-color:#695247;color:#f2e9da}.auth-art .eyebrow,.auth-art .footer-duo{color:#d6bda6}.tuner-face .primary{background:#873638;color:#fff3e3}.platform-main:has(.solo-panel) .learning-head{margin-bottom:12px}
@media(max-width:700px){.midnight-portrait{inset:70px -12% 0 -12%;background-position:76% 50%;opacity:1}.midnight-hero .dashboard-hero-action{max-width:220px}.auth-art{background-position:69% center!important}}
#midnight-transition{display:none;position:fixed;right:0;top:75px;width:min(65vw,850px);height:220px;pointer-events:none;color:#bc775c;z-index:70;overflow:hidden}#midnight-transition svg{width:100%;height:100%}#midnight-transition path{stroke-width:1;stroke-dasharray:1000;stroke-dashoffset:1000}.midnight-enter #midnight-transition{display:block}.midnight-enter #midnight-transition path{animation:strings-arrive .55s ease-out both;animation-delay:calc(var(--i)*12ms)}@keyframes strings-arrive{0%{stroke-dashoffset:1000;opacity:0}35%{opacity:.8}100%{stroke-dashoffset:0;opacity:0}}@media(prefers-reduced-motion:reduce){#midnight-transition{display:none!important}}
@media(min-width:701px) and (max-height:850px){.platform-main:has(.solo-panel){padding-top:2px}.platform-main:has(.solo-panel) .learning-head{margin-bottom:8px}}
.auth-art::after{top:auto;bottom:0;left:72%;right:0;height:35%}@media(max-width:700px){.midnight-portrait{background-position:70% 50%}.auth-art::after{top:auto;left:78%;height:35%}}
#app h1,#app h2,#app h3{color:#f2e9da}.song-progress-summary>div{background:#211b19;color:#f2e9da;border:1px solid #564238;border-radius:3px}.song-progress-summary meter,.song-progress-summary meter::-webkit-meter-bar{background:#4b4038}.song-progress-summary meter::-webkit-meter-optimum-value{background:#9cb58c}.practice-tabs button{background:#211b19;color:#d1bdab}.practice-tabs button[aria-selected=true]{background:#783336;color:#fff3e5}.playback-rates button{background:#211b19;color:#e7c7ad;border-color:#785744;border-radius:3px}.playback-rates button[aria-pressed=true]{background:#83383a;color:#fff4e4;border-color:#bc8261}.pdf-page figcaption,.preview-help{color:#bdae9e}.pdf-focused{background:#0b0b0b}.preview-open{color:#e6b392}.gear-sections a,.gear-tabs a{background:#1e1715;color:#e2b69a;border-color:#7a5945;border-radius:3px}.gear-sections a.active,.gear-tabs a.active{background:#7b3538;color:#fff1df;border-color:#ab6b52}.gear-tags span{background:#3b2921;color:#efc9a7;border:1px solid #755240;border-radius:3px}.gear-maker,#gear-status{color:#d6b79b}.gear-symbol{background:#31231d;color:#daa879}.reference-strings button{background:#211916;color:#efcfb1;border:1px solid #70523e}.reference-strings button[aria-pressed=true]{background:#7c3638;color:#fff1df;border-color:#b8815a;box-shadow:none}.community-toolbar span{color:#bfa58f}.leaflet-popup-content h3{color:#243c35!important}
th{background:#211b18;color:#d8b79b}.songrow:hover{background:#2b201b}.stat,.stat.highlight,.stat.warm{background:#211b19;color:#f2e9da;border-color:var(--line)}.notice.ok{background:#22362a;color:#c6e0c6}.memory-photo{background:#181413;border-color:#5b4235;box-shadow:none}.memory-photo figcaption{color:#c6ae95}.memory-photo>img{background:#29211d}.meeting-cover{background:#2a201b}.avatar.gold{background:#5f4030;color:#f4d4ad}#overlay-results>p[role=status]{margin:18px 0 8px;color:#c7b6a4}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.midnight-hero .dashboard-hero-action .primary{background-image:linear-gradient(110deg,transparent calc(var(--light-x) - 15%),#fff1 var(--light-x),transparent calc(var(--light-x) + 15%))}}

/* An editorial interlude, with the punchline in clear focus. */
.daily-joke{display:grid;grid-template-columns:minmax(200px,.8fr) minmax(0,1.5fr);gap:40px;margin:32px 0;padding:32px;border:1px solid var(--line,#3d3530);border-left:4px solid #bd7c56;background:#191615}
.daily-joke h2{font-size:30px;margin:8px 0 10px}.joke-cadence,.joke-count{color:#b8aea2;font-size:14px}.joke-setup{font-size:18px;line-height:1.6;margin:0 0 12px;color:#cfc4b7}.joke-punchline{font-size:21px;line-height:1.5;font-weight:600;color:#f2e9da;margin:0}.daily-joke .link{display:inline-flex;margin-top:22px;min-height:44px;align-items:center}.joke-filters{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 16px}.joke-filters button{min-height:44px;padding:10px 18px;border:1px solid #57483d;background:#171514;color:#f2e9da;border-radius:3px;font:inherit;cursor:pointer}.joke-filters button[aria-pressed=true]{background:#873b3c;border-color:#bc7270}.joke-filters button:focus-visible{outline:2px solid #f2e9da;outline-offset:3px}.jokes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:20px}.joke-card{border:1px solid #3d3530;border-top:2px solid #bd7c56;padding:26px;background:#151414;overflow-wrap:anywhere}.joke-card-meta{display:flex;justify-content:space-between;gap:12px;color:#bd997b;font-size:13px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:24px}.joke-card .joke-punchline{font-size:19px}@media(max-width:1100px){.jokes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.daily-joke{grid-template-columns:1fr;gap:24px;padding:24px 20px}.jokes-grid{grid-template-columns:1fr;gap:16px}.joke-card{padding:24px 20px}.joke-punchline{font-size:20px}.joke-filters button{padding:10px 14px}}