/* Shared web / installed-app appearance. Media and measurement overlays keep their original colours. */
html[data-theme="green-balance"]{--bg:#fff;--paper:#fff;--ink:#101828;--muted:#667085;--line:#e4ebe8;--green:#087b59;--green2:#066448;--lime:#d8f4e6;--pale:#eff8f3;--on-accent:#fff;--surface-soft:#f5f8f7;--surface-raised:#fff;--accent-text:#07543e;--shadow:0 3px 16px #123c2d07;color-scheme:light}
html[data-theme="night-studio"]{--bg:#101617;--paper:#192122;--ink:#f4f6f4;--muted:#b0bab6;--line:#313b3c;--green:#c9f575;--green2:#dbff9c;--lime:#c9f575;--pale:#222e27;--on-accent:#15200b;--surface-soft:#1f2829;--surface-raised:#202a2b;--accent-text:#d0f591;--shadow:0 8px 30px #0002;color-scheme:dark}
html[data-theme] body{--bg:inherit;--paper:inherit;--ink:inherit;--muted:inherit;--line:inherit;--green:inherit;--green2:inherit;--lime:inherit;--pale:inherit;background:var(--bg);color:var(--ink)}
html[data-theme] body :is(.card,.member-swing-card,.member-practice-row,.member-result-card,.member-gift-option,.member-analysis-dialog,.points-card,.points-package,.player-card,.account-card,.account-page,.metric-card,.processing-card,.empty-page,.sharing-action,.community-card,.lesson-request-card){background:var(--paper);border-color:var(--line);color:var(--ink);box-shadow:var(--shadow)}
html[data-theme] body :is(.member-header,.sidebar,.topbar,.member-nav,.mobile-nav,.account-toolbar,.member-footer,.app-footer){background:var(--bg);border-color:var(--line);color:var(--ink)}
html[data-theme] body :is(dialog,.member-dialog-content){background:var(--paper);color:var(--ink)}
html[data-theme] body :is(input:not([type=range]):not([type=checkbox]):not([type=radio]),select,textarea){background:var(--paper);color:var(--ink);border-color:var(--line)}
html[data-theme] body input::placeholder,html[data-theme] body textarea::placeholder{color:var(--muted);opacity:1}
html[data-theme] body :is(.button.primary,.member-app .button.primary,.theme-choices input:checked + .theme-preview){background:var(--green);color:var(--on-accent);border-color:var(--green)}
html[data-theme] body .button.primary:hover{background:var(--green2);color:var(--on-accent)}
html[data-theme] body :is(.button.secondary,.member-profile-button,.member-settings-button,.member-settings-link,.member-points-link,.icon-button,.member-text-button){background:var(--paper);color:var(--accent-text);border-color:var(--line)}
html[data-theme] body :is(.member-public-hero,.member-week,.member-empty-inline,.member-next-icon,.member-empty-icon,.member-correction,.member-selected-hypothesis,.member-hypothesis-next,.guide-step,.guide-view,.member-settings-link:hover){background:var(--pale);border-color:var(--line);color:var(--accent-text)}
html[data-theme] body :is(.member-status.ready,.member-eyebrow,.member-text-button,.member-help-link,.member-back,.text-link,.points-header a,.member-admin-link){color:var(--accent-text)}
html[data-theme] body :is(.member-nav a,.nav-item,.mobile-nav a){color:var(--muted)}
html[data-theme] body :is(.member-nav a[aria-current],.nav-item.active,.mobile-nav a.active){background:var(--pale);color:var(--accent-text)}
html[data-theme] body :is(.member-page-title p,.member-subtle,.member-card-meta time,.member-swing-card p,.member-footer,.member-week small,.member-week p,.member-profile-footer,.member-dialog-intro,.member-empty p,.points-intro,.points-help){color:var(--muted)}
html[data-theme] body :is(.member-gallery-artwork,.member-gallery [data-swing-media-panel],.member-gallery #member-detail-practice){background:var(--paper);border-color:var(--line);border-radius:14px}
html[data-theme] body .member-gallery-artwork{padding:20px 14px;box-shadow:none}
html[data-theme] body :is(.member-gallery-heading h1,.member-gallery-artwork time,.member-gallery .swing-media-tabs [aria-selected=true]){color:var(--ink)}
html[data-theme] body :is(.member-gallery-artwork figcaption p,.member-gallery-heading>span){color:var(--muted)}
html[data-theme] body .member-gallery-heading{padding-bottom:22px;text-align:left}
html[data-theme] body .member-gallery-heading h1{font-size:30px;font-weight:720}
html[data-theme] body .member-gallery .swing-media-tabs [role=tab]{border-radius:9px;border:0}
html[data-theme] body .member-gallery .swing-media-tabs [aria-selected=true]{background:var(--surface-raised)}
html[data-theme] body :is(.segmented,.swing-media-tabs,.album-playback-controls){background:var(--surface-soft);border-color:var(--line)}
html[data-theme] body :is(.language-selector,.album-playback-speed,.app-install-button,.member-dialog-heading button){background:var(--paper);border-color:var(--line);color:var(--accent-text)}
html[data-theme] body :is(.segmented button.active,.swing-media-tabs [aria-selected=true]){background:var(--paper);color:var(--ink)}
html[data-theme="night-studio"] body :is(h1,h2,h3,h4,h5,label,legend,summary){color:var(--ink)}
html[data-theme="night-studio"] body :is(p,li,small,time,.field,.member-settings-language,.member-observation,.member-result-summary,.member-guide-help,.control-text,.toggle-label,.member-guide-labels,.sharing-action-copy>span,.points-package span,.member-details){color:var(--muted)}
html[data-theme="night-studio"] body :is(.hypothesis-choice,.member-evidence,.member-details,.member-profile-footer,.member-dialog-heading,.member-analysis-tools,.community-entry,.member-practice-card,.lesson-request,.album-panel,.album-settings,.youtube-video,.youtube-lessons,.shot-result,.tempo-analysis,.head-movement,.swing-measurements,.swing-plane,.multiview-card,.multiview-group,.points-table td,.points-table th){background:var(--paper);border-color:var(--line);color:var(--ink)}
html[data-theme="night-studio"] body :is(.hypothesis-choice[aria-pressed=true],.hypothesis-choice.selected,.phase-button,.member-status.ready,.sharing-action-icon,.member-thumbnail-play,.member-direction,.points-package:has(input:checked),.evidence-button){background:var(--pale);border-color:var(--green);color:var(--accent-text)}
html[data-theme="night-studio"] body :is(.album-playback-controls button,.album-slide-navigation button,.swing-media-tabs button,.phase-button,.speed-select,.member-settings-language select){background:var(--surface-raised);border-color:var(--line);color:var(--ink)}
html[data-theme="night-studio"] body :is(.media-fullscreen-button,.media-tools-toggle,.viewer-drawing-controls button,.album-playback-button,.comparison-modes button,.comparison-anchors button,.comparison-playback button,.head-tabs button,.measurement-tabs button){background:var(--surface-raised);border-color:var(--line);color:var(--ink)}
html[data-theme="night-studio"] body :is(.media-tools-drawer,.swing-media-preparation,.swing-panorama-dialog,.video-album-dialog,.video-album-card,.head-metric-grid article,.measurement-view,.measurement-row,.measurement-evidence,.measurement-scenes article,.multiview-opinion details,.multiview-delete-form,.youtube-content-check,.youtube-diagnostics,.community-ai-finding){background:var(--paper);border-color:var(--line);color:var(--ink)}
html[data-theme="night-studio"] body :is(.lesson-intro,.lesson-notice,.lesson-advice.is-accepted,.practice-focus-picker,.practice-evaluation,.multiview-note,.multiview-choice:has(input:checked),.measurement-notice,.hypothesis-choice.is-selected,.face-cover-modes label:has(input:checked),.face-mask-option:has(input:checked)){background:var(--pale);border-color:var(--line);color:var(--ink)}
html[data-theme="night-studio"] body :is(.member-form-error,.error-box,.points-status,.field-error){color:#ffb9a6}
html[data-theme="night-studio"] body :is(.lesson-warning,.multiview-warning,.points-test){background:#382e1c;color:#f4d89d}
html[data-theme="night-studio"] body :is(.swingdam-logo,.multiview-header img){filter:brightness(0) invert(1)}
html[data-theme="night-studio"] body .points-balance{background:var(--pale);color:var(--ink);border:1px solid var(--line)}
html[data-theme="night-studio"] body :is(.member-correction p,.member-selected-hypothesis h3,.member-strengths h3,.sharing-action-copy strong,.member-details summary){color:var(--accent-text)}
html[data-theme] :focus-visible{outline:3px solid var(--green);outline-offset:3px}
.theme-open{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:44px;min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:24px;background:var(--paper);color:var(--ink);font:inherit;font-size:13px;cursor:pointer;flex:none}
.theme-open svg{width:19px;height:19px}.member-header>.theme-open{margin-left:auto}
.theme-dialog{box-sizing:border-box;width:min(520px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;margin:auto;padding:26px;border:1px solid var(--line);border-radius:22px;background:var(--paper);color:var(--ink);box-shadow:0 24px 80px #0005}
.theme-dialog::backdrop{background:#07110d88;backdrop-filter:blur(5px)}
html[data-theme="night-studio"] dialog::backdrop{background:#050909b3}
.theme-dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px}.theme-dialog-heading h2{margin:0;font-size:22px;letter-spacing:-.04em}.theme-dialog-heading button{display:grid;place-items:center;width:44px;height:44px;flex:none;border:1px solid var(--line);border-radius:50%;font-size:27px;color:var(--ink);background:var(--surface-soft);cursor:pointer}
.theme-choices{border:0;padding:0;margin:0;min-width:0}.theme-choices legend{font-size:16px;font-weight:700;padding:0}.theme-help{font-size:13px;color:var(--muted);line-height:1.7;margin:7px 0 16px}.theme-save-note{margin:16px 0 0}
.theme-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.theme-option{position:relative;display:flex;flex-direction:column;gap:8px;min-width:0;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--paper);cursor:pointer;line-height:1.6}.theme-option:has(input:checked){border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green)}.theme-option:has(input:focus-visible){outline:3px solid var(--green);outline-offset:3px}.theme-option input[data-theme-choice]{position:absolute;width:1px;height:1px;opacity:0;clip-path:inset(50%);min-height:0;margin:0;padding:0;border:0}
.theme-preview{display:flex;height:83px;border:1px solid #dce7e1;border-radius:8px;overflow:hidden;--preview-bg:#fff;--preview-surface:#edf7f1;--preview-accent:#087b59;background:var(--preview-bg)!important}.theme-preview-night-studio{--preview-bg:#111819;--preview-surface:#26302d;--preview-accent:#c9f575;border-color:#35413a}.theme-preview-nav{width:24%;border-right:1px solid #8a9b8d30;background:var(--preview-bg)}.theme-preview-nav::before{content:'';display:block;width:60%;height:6px;margin:13px auto;background:var(--preview-accent);border-radius:2px}.theme-preview-content{display:grid;grid-template-columns:1.4fr 1fr;grid-template-rows:10px 1fr;gap:7px;flex:1;padding:12px 8px}.theme-preview-content>span{background:var(--preview-surface);border-radius:3px}.theme-preview-content>span:first-child{grid-column:1/-1;width:55%;background:var(--preview-accent)}.theme-preview-content>span:last-child{border-top:6px solid var(--preview-accent)}
.theme-option-title{display:flex;align-items:center;justify-content:space-between;gap:5px;color:var(--ink);font-size:14px;font-weight:700}.theme-check{color:var(--accent-text);opacity:0}.theme-option:has(input:checked) .theme-check{opacity:1}.theme-option-description{font-size:11px;color:var(--muted);word-break:keep-all}
/* The same content flows from a desktop clubhouse to a compact mobile dashboard. */
.member-home-heading h1{font-size:34px;line-height:1.35;font-weight:750;letter-spacing:-.05em;margin:0}.member-home-heading h1 span{color:var(--accent-text)}.member-home-toolbar .member-home-heading p{max-width:none;margin:9px 0 0;color:var(--muted);font-size:15px}
html[data-theme] .member-hero.member-home-toolbar{padding:10px 0 24px}.member-home-toolbar .member-hero-copy{align-items:center}.member-home-toolbar .member-home-actions{display:flex}
.member-home-dashboard{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(250px,1fr);gap:22px;align-items:start}.member-latest{min-width:0}.member-latest-media{display:block;position:relative;overflow:hidden;border-radius:15px;border:1px solid var(--line);background:var(--surface-soft);aspect-ratio:16/10}.member-latest-media img{width:100%;height:100%;display:block;object-fit:contain}.member-latest-tag{position:absolute;top:14px;left:14px;background:#142e28c9;color:white;padding:5px 11px;border-radius:20px;font-size:12px}.member-latest-play{display:flex;align-items:center;gap:9px;position:absolute;bottom:16px;left:16px;padding:9px 14px;border-radius:24px;background:var(--green);color:var(--on-accent);font-weight:650;font-size:13px}.member-latest-caption{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px 2px;color:var(--muted);font-size:13px}.member-latest-caption strong{color:var(--ink);font-size:14px}.member-home-practice{display:grid;gap:18px}.member-practice-preview{padding:22px;border:1px solid var(--line);border-radius:16px;background:var(--pale)}.member-practice-preview h2{display:flex;align-items:center;gap:9px;font-size:20px;color:var(--accent-text);margin:0 0 18px}.member-practice-preview h3{font-size:18px;line-height:1.6;margin:8px 0}.member-practice-preview p{font-size:14px;color:var(--muted);line-height:1.8;margin:10px 0 20px}.member-practice-preview .button{width:100%;text-align:center;justify-content:center}.member-practice-preview small{font-size:12px;color:var(--muted)}.member-home-empty{padding:32px 22px;background:var(--pale);border:1px solid var(--line);border-radius:16px}.member-home-empty h2{font-size:23px;margin:0 0 12px}.member-home-empty p{color:var(--muted);font-size:14px;line-height:1.8;margin:0 0 20px}
.member-viewer-column{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;align-content:start;align-self:start;width:100%;min-width:0;max-width:100%}
@media(min-width:1100px){
 html[data-theme] body.member-app:not(.member-locked):not(.gift-app){padding-left:190px}
 html[data-theme] .member-app:not(.member-locked):not(.gift-app) .member-header{height:92px;max-width:1400px;padding:22px 32px}
 html[data-theme] .member-app:not(.member-locked):not(.gift-app) .member-brand{position:fixed;left:22px;top:26px;width:146px;z-index:30}
 html[data-theme] .member-app:not(.member-locked):not(.gift-app) .member-brand>img.swingdam-logo{width:146px}
 html[data-theme] .member-app:not(.member-locked) .member-nav{position:fixed;inset:0 auto 0 0;width:190px;margin:0;padding:114px 14px 24px;display:flex;flex-direction:column;gap:8px;border:0;border-right:1px solid var(--line);z-index:20;box-sizing:border-box}
 html[data-theme] .member-app:not(.member-locked) .member-nav a{padding:12px 16px;font-size:14px;border-radius:10px}
 html[data-theme] .member-app:not(.member-locked) main#member-main{max-width:1400px;padding:20px 32px 48px}
 html[data-theme] .member-app:not(.member-locked) .member-footer{margin:0 32px;max-width:none}
 html[data-theme] .member-app .member-swing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 html[data-theme] .member-app .member-analysis-detail{grid-template-columns:minmax(0,1.6fr) minmax(310px,1fr);gap:22px}
 html[data-theme] .member-analysis-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}
 html[data-theme] .member-viewer-column .member-sharing-tools{grid-template-columns:repeat(2,minmax(0,1fr))}
 html[data-theme] .member-gallery .member-result-card{padding:22px}
}
@media(max-width:1099px){.member-home-heading h1{font-size:28px}.member-home-dashboard{grid-template-columns:minmax(0,1.35fr) minmax(230px,1fr)}}
@media(max-width:780px){
 .theme-open{width:40px;min-width:40px;height:40px;min-height:40px;padding:8px}.theme-open>span{display:none}.member-app .member-header{gap:9px}.member-app .member-header .member-brand{max-width:calc(100% - 104px)}.member-header>.theme-open{margin-left:auto}.member-app .member-header #member-account:not(:empty){margin-left:0}
 html[data-theme] .member-home-toolbar .member-hero-copy{display:block}.member-home-heading h1{font-size:27px}.member-home-heading p{font-size:13px;margin-top:6px}.member-home-toolbar .member-home-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:20px}.member-home-dashboard{grid-template-columns:minmax(0,1fr);gap:18px}.member-latest-media{aspect-ratio:4/3}.member-home-practice{gap:14px}.member-practice-preview{padding:18px}.member-practice-preview h2{font-size:18px;margin-bottom:12px}.member-practice-preview h3{font-size:16px}.member-practice-preview p{margin-bottom:16px}.theme-dialog{padding:20px}.theme-options{gap:10px}.theme-option{padding:10px}.theme-option-title{font-size:13px}.theme-option-description{font-size:10px}.theme-dialog-heading h2{font-size:20px}
}
@media(prefers-reduced-motion:reduce){html[data-theme] *{scroll-behavior:auto!important}}