/* Studio: warm porcelain, graphite instruments, restrained apricot accents.
   Last in the cascade; keeps routes, live data, safety states and touch targets. */
html:root[data-theme="studio"]{
  --bg:#eeece8;--panel:#faf9f6;--panel2:#e9e6e1;--panel3:#dfdcd6;
  --text:#292825;--muted:#6d6963;--line:#dcd8d1;--accent:#a8471b;--accent2:#c65f2b;
  --orange:#c65f2b;--yellow:#ffd0ae;--safe:#26734f;--danger:#b63f43;
  --radius:26px;--shadow:0 8px 28px #37332b09;
  --pro-cta:#32312e;--pro-ink:#faf8f4;--pro-header:#eeece8;--theme-header:#eeece8;
  --glass-fill:#faf9f6;--glass-edge:#dcd8d1;--glass-selected:#ffd0ae;
  --glass-av:#ffd0ae;--glass-av-ink:#292825;--studio-ink:#32312e;
  --studio-paper:#faf9f6;--studio-apricot:#ffd0ae;--studio-ring:#ef9a68;
  color-scheme:light;
}
html:root[data-theme="studio"] body.pro-ui{background:var(--bg)!important;color:var(--text)!important;font-weight:450;-webkit-font-smoothing:antialiased}
html:root[data-theme="studio"] body.pro-ui .app-shell{background:transparent!important}
html:root[data-theme="studio"] body.pro-ui .topbar{background:transparent!important;border:0!important;box-shadow:none!important}
html:root[data-theme="studio"] body.pro-ui .brand-copy strong{font-weight:750!important;letter-spacing:1.5px!important;color:var(--text)!important}
html:root[data-theme="studio"] body.pro-ui .brand-copy span{color:var(--muted)!important}
html:root[data-theme="studio"] body.pro-ui :is(.topbar .icon-btn,.brand-mark.header-menu-toggle,.glass-forum-inbox){background:var(--panel2)!important;color:var(--text)!important;border:0!important;border-radius:50%!important;box-shadow:none!important}
html:root[data-theme="studio"] body.pro-ui .content{padding-top:10px}
html:root[data-theme="studio"] body.pro-ui :is(h1,h2,h3){color:var(--text);font-weight:650;letter-spacing:-.6px}
html:root[data-theme="studio"] body.pro-ui .pro-home-intro h1{font-size:clamp(28px,7.8vw,36px)!important;font-weight:650!important;line-height:1.15}
html:root[data-theme="studio"] body.pro-ui .pro-home-intro p{color:var(--muted);font-size:13px}
html:root[data-theme="studio"] body.pro-ui .section-kicker{color:var(--muted)!important;font-weight:650!important;letter-spacing:1.3px!important}
html:root[data-theme="studio"] body.pro-ui :is(.card,.loading-card,.forum-topic,.forum-post-card,.map-stage-card,.map-discovery-card,.pro-tool-list,.pro-download-strip,.pro-shortcut-grid button,.pro-pulse-preview,.plan-card,.pulse-card,.glass-forum-composer){background:var(--panel)!important;color:var(--text)!important;border:1px solid var(--line)!important;border-radius:26px!important;box-shadow:var(--shadow)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html:root[data-theme="studio"] body.pro-ui .card{padding:22px}
html:root[data-theme="studio"] body.pro-ui :is(.primary-btn,.pro-session,.coast-chooser .secondary-btn){background:var(--pro-cta)!important;color:var(--pro-ink)!important;border:1px solid transparent!important;border-radius:999px!important;box-shadow:none!important;font-weight:650;letter-spacing:0}
html:root[data-theme="studio"] body.pro-ui .home-main-cta{min-height:58px;font-size:16px}
html:root[data-theme="studio"] body.pro-ui :is(.secondary-btn,.ghost-btn,.mera-trigger,.page-title button,.social-pill,.forum-category-strip button,.coast-city-tabs button,.coast-district-tabs button,.owner-links button,.period-tabs button,.map-detail-actions button,.map-carousel-controls button){background:var(--panel2)!important;color:var(--text)!important;border:1px solid transparent!important;box-shadow:none!important;border-radius:16px!important;font-weight:600}
html:root[data-theme="studio"] body.pro-ui :is(.ghost-btn,.pro-text-link){color:var(--accent)!important}
html:root[data-theme="studio"] body.pro-ui :is(.field,input.field,select.field,textarea.field,.mera-search-wrap,.pro-search,.location-select){background:var(--panel2)!important;color:var(--text)!important;border:1px solid var(--line)!important;border-radius:16px!important;box-shadow:none!important}
html:root[data-theme="studio"] body.pro-ui :is(input,textarea)::placeholder{color:var(--muted);opacity:1}
html:root[data-theme="studio"] body.pro-ui :is(select.field,.location-select) option{background:var(--panel);color:var(--text)}
html:root[data-theme="studio"] body.pro-ui :is(.sheet,.social-dialog,.mera-dialog,.species-info-dialog,.pro-install-sheet,.map-detail-card,.map-detail-loading){background:var(--panel)!important;color:var(--text)!important;border:1px solid var(--line)!important;border-radius:28px!important;box-shadow:0 20px 70px #26221c26!important}
html:root[data-theme="studio"] body.pro-ui :is(.info-tile,.metric,.plan-chip,.plan-action,.history-summary>div,.map-live-grid>div,.map-rank,.spot-detail,.theme-choice,.mera-option,.social-fish-choice,.species-info-block,.species-info-grid div,.admin-user-card,.friend-card,.profile-stats>div,.menu-card,.quick-card,.pro-category-card){background:var(--panel2)!important;color:var(--text)!important;border:1px solid transparent!important;border-radius:18px!important;box-shadow:none!important}
html:root[data-theme="studio"] body.pro-ui :is(.metric b,.map-live-grid strong,.map-live-grid b,.map-score-number,.map-score-copy h3,.gear-row .gvalue,.map-place-block h2,.map-mini-card b,.fish-name,.spot-title,.timer-value,.plan-head h3,.plan-action p,.plan-chip b,.location-title,.radar-fish-copy b){color:var(--text)!important}
html:root[data-theme="studio"] body.pro-ui :is(.metric span,.metric small,.map-live-grid span,.map-live-grid small,.map-score-copy p,.gear-row .glabel,.hero-subline,.card-footnote,.quick-copy span,.menu-card span,.list-meta,.journal-meta,.map-place-block p,.map-mini-card span,.map-mini-card small,.map-updated,.history-row small,.favorite-coords,.radar-fish-copy small,.plan-action small,.plan-chip small){color:var(--muted)!important}
html:root[data-theme="studio"] body.pro-ui :is(.list-item,.journal-item,.gear-row,.smart-sub){background:transparent!important;color:var(--text)!important;border-color:var(--line)!important;box-shadow:none!important}
html:root[data-theme="studio"] body.pro-ui :is(.theme-choice.selected,.mera-option.selected,.social-fish-choice.selected,.forum-category-strip button.selected,.social-pill.selected,.coast-city-tabs button[aria-selected="true"],.coast-city-tabs button[aria-pressed="true"],.coast-district-tabs button[aria-selected="true"],.period-tabs button.active){background:var(--studio-apricot)!important;color:#422b1e!important;border-color:transparent!important;box-shadow:none!important}
html:root[data-theme="studio"] body.pro-ui :is(.community-tag,.time-pill,.map-detail-chips span,.map-filter-pill,.badge){background:var(--panel2)!important;color:var(--accent)!important;border-color:var(--line)!important;box-shadow:none!important}
/* One graphite instrument panel, not a dark overlay across the whole screen. */
html:root[data-theme="studio"] body.pro-ui :is(.home-coast-summary,.live-card){
  --panel:#32312e;--panel2:#41403b;--panel3:#4a4842;--text:#faf7f0;--muted:#c3bdb3;
  --line:#55514a;--accent:#ffc29c;--pro-cta:#ffd0ae;--pro-ink:#292825;
  background:linear-gradient(145deg,#41403b,#2b2a27)!important;color:var(--text)!important;border-color:#ffffff0c!important;
  box-shadow:0 12px 28px #24211b16!important;
}
html:root[data-theme="studio"] body.pro-ui .home-coast-summary h2{color:#faf7f0!important;font-size:23px!important;font-weight:600}
html:root[data-theme="studio"] body.pro-ui .home-coast-summary .section-kicker{color:#c3bdb3!important}
html:root[data-theme="studio"] body.pro-ui .home-coast-summary .pro-text-link{color:#ffc29c!important}
html:root[data-theme="studio"] body.pro-ui .home-coast-summary :is(.metric,.info-tile){background:#ffffff08!important;border:1px solid #ffffff0b!important;border-radius:16px!important;padding:13px 7px}
html:root[data-theme="studio"] body.pro-ui .home-coast-summary .metric b{font-size:19px;font-weight:600}
html:root[data-theme="studio"] body.pro-ui .home-coast-summary :is(.metric span,.metric small){font-size:10px}
html:root[data-theme="studio"] body.pro-ui .fish-radar-card{padding:20px!important}
html:root[data-theme="studio"] body.pro-ui .radar-fish-list{gap:0}
html:root[data-theme="studio"] body.pro-ui .radar-fish-row{background:transparent!important;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;padding:15px 0!important;box-shadow:none!important;min-height:82px}
html:root[data-theme="studio"] body.pro-ui .radar-fish-row:last-child{border-bottom:0!important}
html:root[data-theme="studio"] body.pro-ui .radar-fish-copy b{font-size:15px;font-weight:600!important}
html:root[data-theme="studio"] body.pro-ui .radar-fish-copy small{font-size:10px}
html:root[data-theme="studio"] body.pro-ui .home-species-score{width:52px;height:52px;flex:0 0 52px;min-width:52px;background:#efe4db;border-radius:50%;color:#63381f;gap:1px}
html:root[data-theme="studio"] body.pro-ui .home-species-score b{font-size:21px;font-weight:650;color:#63381f}
html:root[data-theme="studio"] body.pro-ui .home-species-score small{color:#795944;font-size:9px}
html:root[data-theme="studio"] body.pro-ui .radar-title h2 em{background:none!important;border:0!important;color:var(--accent)!important;padding:0!important;font-weight:650}
html:root[data-theme="studio"] body.pro-ui .radar-score>span{background:var(--panel2)!important}
html:root[data-theme="studio"] body.pro-ui :is(.radar-waves,.pro-tool-icon,.pro-fish-symbol,.pro-category-icon){background:var(--panel2)!important;border-color:transparent!important;color:var(--accent)!important;border-radius:50%;box-shadow:none!important}
html:root[data-theme="studio"] body.pro-ui .pro-tool-icon{width:40px;height:40px;flex-basis:40px}
html:root[data-theme="studio"] body.pro-ui .pro-tool-row{min-height:76px;padding:16px 18px;color:var(--text)!important}
html:root[data-theme="studio"] body.pro-ui .pro-tool-row b{font-weight:600;font-size:14px}
html:root[data-theme="studio"] body.pro-ui .pro-tool-row small{color:var(--muted)!important}
html:root[data-theme="studio"] body.pro-ui .account-section-title{font-size:12px!important;letter-spacing:.3px!important;margin-left:6px!important}
html:root[data-theme="studio"] body.pro-ui .map-floating-top{background:var(--panel)!important;color:var(--text)!important;border:1px solid var(--line)!important;box-shadow:var(--shadow)!important;border-radius:22px!important;backdrop-filter:none!important}
html:root[data-theme="studio"] body.pro-ui .map-score-hero{background:var(--panel2)!important;border-color:transparent!important;border-radius:20px!important;box-shadow:none!important}
html:root[data-theme="studio"] body.pro-ui .map-score-ring:after{background:var(--panel)!important}
html:root[data-theme="studio"] body.pro-ui .pro-map-stack .pro-page-intro>.pro-inline>.pro-text-link{background:var(--panel2)!important;color:var(--text)!important;border:0!important;border-radius:16px!important}
html:root[data-theme="studio"] body.pro-ui .leaflet-control-zoom a{background:#32312e!important;color:#faf8f4!important;border-color:#55514a!important}
html:root[data-theme="studio"] body.pro-ui .map-marker{filter:saturate(.75)}
html:root[data-theme="studio"] body.pro-ui .forum-body{color:var(--text);line-height:1.7}
html:root[data-theme="studio"] body.pro-ui .glass-forum-composer{background:var(--panel)!important}
html:root[data-theme="studio"] body.pro-ui .profile-hero{background:var(--panel)!important}
html:root[data-theme="studio"] body.pro-ui :is(.profile-avatar,.friend-avatar){background:var(--panel2);box-shadow:none;border-color:var(--line)}
/* Explicit status colors retain their meaning; orange is not used as safe. */
html:root[data-theme="studio"] body.pro-ui :is(.safety-pill.good,.safety-banner.good,.alert.good){background:#e1ede5!important;color:#256544!important;border-color:#b9d4c2!important}
html:root[data-theme="studio"] body.pro-ui :is(.safety-pill.caution,.safety-banner.caution,.alert,.alert.caution){background:#f7e8d5!important;color:#7f4b21!important;border-color:#e1c7a6!important}
html:root[data-theme="studio"] body.pro-ui :is(.safety-pill.danger,.safety-banner.danger,.alert.danger){background:#f7e0df!important;color:#9b3737!important;border-color:#dfb6b3!important}
html:root[data-theme="studio"] body.pro-ui .danger-btn{background:#ae4140!important;color:#fff!important;border:0!important;box-shadow:none!important;border-radius:999px!important}
html:root[data-theme="studio"] body.pro-ui :is(.plan-text,.plan-detail-line){color:var(--text)!important}
html:root[data-theme="studio"] body.pro-ui :is(.plan-title,.plan-kicker,.rating){color:var(--accent)!important}
html:root[data-theme="studio"] body.pro-ui .bar i{background:linear-gradient(90deg,#d58150,#efb28c)!important;box-shadow:none!important}
html:root[data-theme="studio"] body.pro-ui .spinner{border-color:var(--line);border-top-color:var(--accent)}
html:root[data-theme="studio"] body.pro-ui .toast{background:#32312e!important;color:#faf7f0!important;border:1px solid #55514a!important;box-shadow:0 8px 24px #00000018!important;border-radius:18px}
/* Stable opaque dock, with compact circular selection. */
html:root[data-theme="studio"] body.pro-ui #bottomNav{background:#32312e!important;border:1px solid #ffffff10!important;border-radius:26px!important;box-shadow:0 8px 32px #28241c28!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;padding:8px!important}
html:root[data-theme="studio"] body.pro-ui #bottomNav .nav-item{background:transparent!important;color:#c8c3b9!important;border:0!important;border-radius:18px!important;box-shadow:none!important;gap:5px}
html:root[data-theme="studio"] body.pro-ui #bottomNav .nav-item.active{background:#49443e!important;color:#ffd0ae!important;border:0!important;box-shadow:none!important}
html:root[data-theme="studio"] body.pro-ui #bottomNav :is(.nav-icon,.live-icon){background:transparent!important;color:inherit!important;box-shadow:none!important;border:0!important}
html:root[data-theme="studio"] body.pro-ui #bottomNav .nav-icon svg{stroke:currentColor!important;fill:none!important;stroke-width:1.65}
html:root[data-theme="studio"] body.pro-ui #bottomNav .nav-item small{color:inherit!important;font-weight:600!important;font-size:10px!important}
html:root[data-theme="studio"] body.pro-ui #bottomNav .nav-item::before{display:none!important}
html:root[data-theme="studio"] body.pro-ui .legal-links a{color:var(--muted)!important}
html:root[data-theme="studio"] body.pro-ui :is(button,a,input,select,textarea,summary):focus-visible{outline:2px solid var(--accent)!important;outline-offset:4px}
@media(max-width:360px){html:root[data-theme="studio"] body.pro-ui .card{padding:17px}html:root[data-theme="studio"] body.pro-ui .home-coast-summary h2{font-size:20px!important}html:root[data-theme="studio"] body.pro-ui .radar-fish-copy b{font-size:13px}html:root[data-theme="studio"] body.pro-ui .home-species-score{width:46px;height:46px;flex-basis:46px;min-width:46px}}
@media(prefers-reduced-motion:no-preference){html:root[data-theme="studio"] body.pro-ui button{transition:background-color .18s ease,color .18s ease,transform .18s ease}html:root[data-theme="studio"] body.pro-ui button:active{transform:scale(.98)}html:root[data-theme="studio"] body.pro-ui .radar-fish-row{transition:background-color .18s ease}html:root[data-theme="studio"] body.pro-ui .radar-fish-row:active{background:var(--panel2)!important}}
@media(prefers-reduced-motion:reduce){html:root[data-theme="studio"] body.pro-ui *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* Each swatch represents its own palette, regardless of the active theme. */
html body.pro-ui .theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px}
html body.pro-ui .theme-choice{min-width:0}
html body.pro-ui .theme-preview.studio{background:#eeece8;border:1px solid #dcd8d1;box-shadow:none}
html body.pro-ui .theme-preview.studio i:nth-child(1){background:#32312e}
html body.pro-ui .theme-preview.studio i:nth-child(2){background:#efb28c}
html body.pro-ui .theme-preview.studio i:nth-child(3){background:#faf9f6}
html body.pro-ui .home-coast-summary .metric{min-width:0}
html body.pro-ui .home-coast-summary .metric b{white-space:nowrap;font-size:clamp(14px,4.2vw,19px)}