/* ========================================================================== 
   v1.7.87: richer theme gallery + higher-transparency glassmorphism
   ========================================================================== */
:root{
  --glass-page:#eef2f5;
  --glass-a:rgba(255,255,255,.56);
  --glass-b:rgba(242,247,250,.38);
  --glass-border:rgba(255,255,255,.55);
  --glass-shadow:rgba(46,60,72,.12);
  --glass-accent:#60aee8;
  --glass-accent-2:#7ed9cc;
  --flat-icon-a:#46b9d4;
  --flat-icon-b:#477ce7;
}
html[data-app-theme="standard"]{--glass-page:#e9eef2;--glass-a:rgba(255,255,255,.58);--glass-b:rgba(228,235,241,.40);--glass-accent:#88a6ba;--glass-accent-2:#bac9d4;--flat-icon-a:#7ba7c1;--flat-icon-b:#5e7e97}
html[data-app-theme="aqua"]{--bg:#e8fbfc;--surface:#f8ffff;--surface-soft:#dff5f7;--text:#17363c;--muted:#5a7479;--brown:#17aebd;--brown-dark:#087783;--line:#bce5e9;--glass-page:#dff8fa;--glass-a:rgba(255,255,255,.48);--glass-b:rgba(186,239,244,.34);--glass-accent:#31cadd;--glass-accent-2:#69e1d5;--flat-icon-a:#25cad0;--flat-icon-b:#18a6c4}
html[data-app-theme="mint"]{--bg:#edf9f3;--surface:#fbfffd;--surface-soft:#e2f4ea;--text:#20382e;--muted:#60766b;--brown:#4eb989;--brown-dark:#2d7959;--line:#cce7d8;--glass-page:#e5f6ed;--glass-a:rgba(255,255,255,.50);--glass-b:rgba(202,240,222,.34);--glass-accent:#61d6a1;--glass-accent-2:#9cebd2;--flat-icon-a:#5bd6a1;--flat-icon-b:#2aa47a}
html[data-app-theme="sky"]{--bg:#edf8ff;--surface:#fbfdff;--surface-soft:#e3f2fb;--text:#203547;--muted:#607487;--brown:#58aee5;--brown-dark:#347daf;--line:#c9e1f1;--glass-page:#e4f4fe;--glass-a:rgba(255,255,255,.48);--glass-b:rgba(195,229,250,.32);--glass-accent:#60bdf2;--glass-accent-2:#9bdaf8;--flat-icon-a:#62baf4;--flat-icon-b:#4684ee}
html[data-app-theme="cobalt"]{--bg:#edf2ff;--surface:#fbfcff;--surface-soft:#e1e8fb;--text:#202b48;--muted:#616c88;--brown:#526be5;--brown-dark:#3448aa;--line:#c8d2ee;--glass-page:#e4eafd;--glass-a:rgba(255,255,255,.46);--glass-b:rgba(190,204,247,.30);--glass-accent:#516bea;--glass-accent-2:#8b9df7;--flat-icon-a:#526be5;--flat-icon-b:#3047c6}
html[data-app-theme="ocean"]{--bg:#e7f6f7;--surface:#f8ffff;--surface-soft:#dceff1;--text:#173a40;--muted:#5c7479;--brown:#207c99;--brown-dark:#155568;--line:#bddde2;--glass-page:#dceff3;--glass-a:rgba(255,255,255,.44);--glass-b:rgba(157,213,224,.30);--glass-accent:#2aa4c8;--glass-accent-2:#3dd2c4;--flat-icon-a:#31b6c9;--flat-icon-b:#247ba7}
html[data-app-theme="lavender"]{--bg:#f4effc;--surface:#fffcff;--surface-soft:#ebe2f8;--text:#372d4b;--muted:#746783;--brown:#8b69d5;--brown-dark:#6344a9;--line:#ded1ef;--glass-page:#eee6fa;--glass-a:rgba(255,255,255,.50);--glass-b:rgba(214,196,242,.34);--glass-accent:#a17de8;--glass-accent-2:#cf9cec;--flat-icon-a:#9b75e8;--flat-icon-b:#7154c7}
html[data-app-theme="rose"]{--bg:#fff0f6;--surface:#fffafd;--surface-soft:#f8deea;--text:#452833;--muted:#846674;--brown:#d84e8b;--brown-dark:#a53064;--line:#edc8d8;--glass-page:#f9e5ee;--glass-a:rgba(255,255,255,.48);--glass-b:rgba(240,185,210,.32);--glass-accent:#ea5a9b;--glass-accent-2:#f2a3c6;--flat-icon-a:#ef62ad;--flat-icon-b:#c83d82}
html[data-app-theme="coral"]{--bg:#fff1ef;--surface:#fffaf9;--surface-soft:#fae1dd;--text:#472d2a;--muted:#866b67;--brown:#e46d67;--brown-dark:#ac4844;--line:#efcec9;--glass-page:#f9e7e3;--glass-a:rgba(255,255,255,.50);--glass-b:rgba(241,190,182,.31);--glass-accent:#f37b72;--glass-accent-2:#f4ada1;--flat-icon-a:#f07a6d;--flat-icon-b:#d45154}
html[data-app-theme="peach"]{--bg:#fff5ed;--surface:#fffdf9;--surface-soft:#faeadb;--text:#47352b;--muted:#856f63;--brown:#e58d5c;--brown-dark:#aa613c;--line:#efd9c7;--glass-page:#f9ece1;--glass-a:rgba(255,255,255,.52);--glass-b:rgba(239,206,176,.32);--glass-accent:#f29a64;--glass-accent-2:#ffc18f;--flat-icon-a:#f3a35f;--flat-icon-b:#e37d4b}
html[data-app-theme="lemon"]{--bg:#fffbed;--surface:#fffef9;--surface-soft:#f8f0cc;--text:#423d29;--muted:#7e785d;--brown:#c7a62e;--brown-dark:#8a731c;--line:#e8dfba;--glass-page:#f7f1d9;--glass-a:rgba(255,255,255,.52);--glass-b:rgba(242,226,148,.30);--glass-accent:#e0c441;--glass-accent-2:#f2df76;--flat-icon-a:#f0ca42;--flat-icon-b:#d6a71f}
html[data-app-theme="amber"]{--bg:#fff5df;--surface:#fffcf5;--surface-soft:#f8e6bc;--text:#473824;--muted:#806e55;--brown:#d6952a;--brown-dark:#966515;--line:#ead4a9;--glass-page:#f7e7c8;--glass-a:rgba(255,255,255,.50);--glass-b:rgba(238,196,116,.30);--glass-accent:#eda638;--glass-accent-2:#f6c765;--flat-icon-a:#f3ad32;--flat-icon-b:#db831d}
html[data-app-theme="sunset"]{--bg:#fff1ef;--surface:#fffafd;--surface-soft:#f7dfe6;--text:#472c3a;--muted:#816775;--brown:#d2577b;--brown-dark:#983b5a;--line:#eac9d4;--glass-page:#f7e2e9;--glass-a:rgba(255,255,255,.44);--glass-b:rgba(234,164,190,.28);--glass-accent:#ee7f74;--glass-accent-2:#d25d9a;--flat-icon-a:#f0867c;--flat-icon-b:#d34f8e}
html[data-app-theme="aurora"]{--bg:#eef7f8;--surface:#fbffff;--surface-soft:#e5eff4;--text:#25374a;--muted:#637586;--brown:#4b9fbd;--brown-dark:#316f88;--line:#cedfe7;--glass-page:#e7f1f4;--glass-a:rgba(255,255,255,.40);--glass-b:rgba(186,225,232,.24);--glass-accent:#45d5cc;--glass-accent-2:#c178e8;--flat-icon-a:#47cbd0;--flat-icon-b:#8d63e5}

/* existing seasonal/base themes now also expose glass palette */
html[data-app-theme="spring"]{--glass-page:#f9eaf0;--glass-a:rgba(255,255,255,.48);--glass-b:rgba(238,192,210,.30);--glass-accent:#e487aa;--glass-accent-2:#f0b7ca;--flat-icon-a:#eb78ab;--flat-icon-b:#cd5c8f}
html[data-app-theme="summer"]{--glass-page:#e8f5ef;--glass-a:rgba(255,255,255,.46);--glass-b:rgba(193,229,209,.28);--glass-accent:#50b989;--glass-accent-2:#e4c84b;--flat-icon-a:#57bd88;--flat-icon-b:#e3b735}
html[data-app-theme="autumn"]{--glass-page:#f5e7d5;--glass-a:rgba(255,255,255,.46);--glass-b:rgba(222,179,132,.27);--glass-accent:#c8723f;--glass-accent-2:#d69d54;--flat-icon-a:#cf7440;--flat-icon-b:#ae5134}
html[data-app-theme="winter"]{--glass-page:#e8f1f6;--glass-a:rgba(255,255,255,.52);--glass-b:rgba(197,220,234,.30);--glass-accent:#78a9c6;--glass-accent-2:#aac8db;--flat-icon-a:#79adca;--flat-icon-b:#577d9e}
html[data-app-theme="brown"]{--glass-page:#efe4dd;--glass-a:rgba(255,255,255,.46);--glass-b:rgba(211,184,167,.27);--glass-accent:#9a6546;--glass-accent-2:#c79876;--flat-icon-a:#9e6949;--flat-icon-b:#72442b}
html[data-app-theme="green"]{--glass-page:#e5f0e7;--glass-a:rgba(255,255,255,.46);--glass-b:rgba(194,220,200,.27);--glass-accent:#4d8e63;--glass-accent-2:#7fb692;--flat-icon-a:#528f64;--flat-icon-b:#36744b}
html[data-app-theme="blue"]{--glass-page:#e2edf3;--glass-a:rgba(255,255,255,.46);--glass-b:rgba(190,215,228,.27);--glass-accent:#4c88a6;--glass-accent-2:#7eb2cc;--flat-icon-a:#4f92b2;--flat-icon-b:#376f8b}
html[data-app-theme="pink"]{--glass-page:#f4e6ec;--glass-a:rgba(255,255,255,.46);--glass-b:rgba(225,190,205,.27);--glass-accent:#ba6484;--glass-accent-2:#dc91ad;--flat-icon-a:#c5648c;--flat-icon-b:#a84d70}
html[data-app-theme="starry"]{--glass-page:#10182c;--glass-a:rgba(30,43,71,.56);--glass-b:rgba(27,39,66,.38);--glass-border:rgba(191,207,255,.22);--glass-shadow:rgba(0,0,0,.32);--glass-accent:#8aa8ff;--glass-accent-2:#b883f0;--flat-icon-a:#87a6ff;--flat-icon-b:#6876d9}
html[data-app-theme="dark"]{--glass-page:#17191c;--glass-a:rgba(42,47,55,.58);--glass-b:rgba(34,38,45,.38);--glass-border:rgba(255,255,255,.12);--glass-shadow:rgba(0,0,0,.36);--glass-accent:#d8a17a;--glass-accent-2:#7fb6aa;--flat-icon-a:#e0a677;--flat-icon-b:#aa7455}

/* collage-like full-screen color fields */
html[data-app-theme] body,html[data-app-theme] .app-shell{
  background-color:var(--glass-page)!important;
  background-image:
    radial-gradient(circle at 16% 8%,color-mix(in srgb,var(--glass-accent) 22%,transparent),transparent 34%),
    radial-gradient(circle at 88% 24%,color-mix(in srgb,var(--glass-accent-2) 20%,transparent),transparent 38%),
    linear-gradient(155deg,color-mix(in srgb,var(--glass-page) 88%,#fff 12%),var(--glass-page))!important;
  background-attachment:fixed!important;
}
html[data-app-theme="sunset"] body,html[data-app-theme="sunset"] .app-shell{background-image:linear-gradient(135deg,rgba(255,191,154,.48),rgba(239,130,164,.38),rgba(255,255,255,.20))!important}
html[data-app-theme="aurora"] body,html[data-app-theme="aurora"] .app-shell{background-image:linear-gradient(135deg,rgba(95,229,215,.34),rgba(114,164,244,.28),rgba(213,122,236,.25),rgba(255,255,255,.18))!important}
html[data-app-theme="starry"] body,html[data-app-theme="starry"] .app-shell{background-image:radial-gradient(circle,rgba(255,255,255,.75) 0 1px,transparent 1.5px),radial-gradient(circle at 24% 18%,rgba(98,126,220,.28),transparent 34%),linear-gradient(160deg,#10172a,#1d2b4e)!important;background-size:43px 43px,100% 100%,100% 100%!important}

/* higher-transparency glass surfaces */
html[data-app-theme] :is(.card,.species-group-card,.list-group,.individual-card,.room-stat,.manual-card,.output-card,.stat-card,.portfolio-empty,.lineage-selector,.history-list,.maturity-card,.trade-status-card,.form-section,.ref-form-screen section,.manual-library-card,.manual-edit-card,.manual-species-card,.csv-target,.csv-card,.listing-line,.builder-tools,.profile-card,.premium-card,.mypage-mini-stats>div,.modal,.modal.center,.wheel-sheet){
  background:linear-gradient(145deg,var(--glass-a),var(--glass-b))!important;
  border:1px solid var(--glass-border)!important;
  -webkit-backdrop-filter:blur(24px) saturate(1.26)!important;backdrop-filter:blur(24px) saturate(1.26)!important;
  box-shadow:0 14px 34px var(--glass-shadow),inset 0 1px 0 rgba(255,255,255,.46)!important;
}
html[data-app-theme] :is(.control-shell,.control,.searchbox,.pill-switch,.individual-filter-tag,.individual-sort-direction button,.choice-button,.person-choice,.temperature-row,.free-size-button,.ancestry-button,.management-renumber-detail,.voice-target-button,.voice-pill,.voice-command-box){
  background:color-mix(in srgb,var(--glass-a) 88%,transparent)!important;
  border:1px solid color-mix(in srgb,var(--glass-border) 88%,transparent)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.18)!important;backdrop-filter:blur(18px) saturate(1.18)!important;
  box-shadow:0 7px 20px color-mix(in srgb,var(--glass-shadow) 72%,transparent),inset 0 1px 0 rgba(255,255,255,.38)!important;
}
html[data-app-theme] .app-header,html[data-app-theme] .bottom-nav,html[data-app-theme] .top-nav-tabs,html[data-app-theme] .individual-search-wrap{
  background:color-mix(in srgb,var(--glass-a) 80%,transparent)!important;
  -webkit-backdrop-filter:blur(28px) saturate(1.32)!important;backdrop-filter:blur(28px) saturate(1.32)!important;
  border-color:var(--glass-border)!important;
}
/* keep swipe hidden areas protected despite increased transparency */
.record-swipe-shell>.record-swipe-content{background:color-mix(in srgb,var(--surface,#fff) 96%,#fff 4%)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.record-swipe-actions{background:color-mix(in srgb,var(--surface-soft,#eef1f4) 96%,#fff 4%)!important}

/* FLAT ICON DESIGN-compatible flat-color treatment for mapped icon roles */
.ref-icon-mask{background:linear-gradient(145deg,var(--flat-icon-a),var(--flat-icon-b))!important;filter:drop-shadow(0 2px 2px rgba(35,50,65,.12));}
.nav-item .ref-icon-mask,.top-nav-tab .ref-icon-mask{filter:drop-shadow(0 2px 3px rgba(35,50,65,.14)) saturate(1.08)}
.nav-item:not(.active) .ref-icon-mask{opacity:.72;filter:grayscale(.18) drop-shadow(0 1px 2px rgba(35,50,65,.10))}
.nav-item.active .ref-icon-mask{opacity:1;transform:translateY(-1px) scale(1.06)}
.control-icon .ref-icon-mask{opacity:.9}

/* refined theme picker */
.theme-choice-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;padding:7px!important}
.theme-choice{min-width:0!important;border-radius:17px!important;padding:8px!important;background:color-mix(in srgb,var(--glass-a) 74%,transparent)!important;border:1px solid var(--glass-border)!important;box-shadow:0 8px 18px var(--glass-shadow)!important;-webkit-backdrop-filter:blur(14px)!important;backdrop-filter:blur(14px)!important}
.theme-choice.active{outline:2px solid color-mix(in srgb,var(--glass-accent) 68%,#fff 32%)!important;outline-offset:1px}
.theme-preview{height:54px!important;border-radius:13px!important;border:1px solid rgba(255,255,255,.5)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 5px 12px rgba(40,55,66,.10)!important}
.theme-choice strong{display:block!important;margin-top:6px!important;font-size:9px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.theme-preview-aqua{background:linear-gradient(135deg,#c8f5f8,#62d9e0,#f7ffff)}
.theme-preview-mint{background:linear-gradient(135deg,#dcf7e9,#6fd9ab,#f9fffc)}
.theme-preview-sky{background:linear-gradient(135deg,#d8f0ff,#69bff1,#f8fcff)}
.theme-preview-cobalt{background:linear-gradient(135deg,#e2e8ff,#5d73e9,#a9b5fa)}
.theme-preview-ocean{background:linear-gradient(135deg,#d9f3f3,#2f9fb9,#74d7cc)}
.theme-preview-lavender{background:linear-gradient(135deg,#eee5ff,#9d7be5,#f9f5ff)}
.theme-preview-rose{background:linear-gradient(135deg,#ffe2ef,#e55e9b,#fff7fb)}
.theme-preview-coral{background:linear-gradient(135deg,#ffe5df,#ee8075,#fff8f6)}
.theme-preview-peach{background:linear-gradient(135deg,#ffead7,#f2a06f,#fff9f2)}
.theme-preview-lemon{background:linear-gradient(135deg,#fff6c9,#dfc548,#fffdf2)}
.theme-preview-amber{background:linear-gradient(135deg,#ffe7b5,#e5a53b,#fff9e9)}
.theme-preview-sunset{background:linear-gradient(135deg,#ffc5a6,#ef7997,#bd80df)}
.theme-preview-aurora{background:linear-gradient(135deg,#61e1d5,#77a6f4,#d77ce9)}
@media(max-width:390px){.theme-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}.theme-preview{height:46px!important}.theme-choice strong{font-size:8px!important}}