/* Complete shared overlays and compact family overview. */
html[data-theme="liquid"] body {
  background:radial-gradient(ellipse 60% 90% at -8% 36%,#75b8f77a,transparent 66%),
    radial-gradient(ellipse 65% 70% at 104% 16%,#b8a3e95c,transparent 68%),
    radial-gradient(ellipse 60% 42% at 28% 104%,#82d9ec70,transparent 76%),
    radial-gradient(ellipse 50% 65% at 93% 100%,#c9b8ed57,transparent 76%),#e8eff8;
  background-attachment:fixed;
}
@media(min-width:768px) and (max-width:2199px){
  html[data-theme="liquid"] .hdr-row {display:grid;grid-template-columns:auto minmax(0,1fr) 44px;gap:5px 12px}
  html[data-theme="liquid"] .hdr-row>.main-tabs {grid-column:2;grid-row:1;justify-content:flex-end}
  html[data-theme="liquid"] .hdr-row>.hdr-actions {grid-column:3;grid-row:1}
  html[data-theme="liquid"] .hdr-row>.hdr-toolbar {grid-column:1/4;grid-row:2;justify-content:flex-end;padding-top:4px;border-top:1px solid var(--lg-line)}
  html[data-theme="liquid"] .hdr-row>.hdr-toolbar:empty {display:none}
}
@media(min-width:2200px){html[data-theme="liquid"] .main-tabs {flex-wrap:wrap}}
html[data-theme="liquid"] :is(.school-modal .panel,.school-modal .box,.school-modal>div,.tlm-card,.wheelpick-popup,.kv-modal .box,.kv-jmodal .jbox) {
  background:linear-gradient(145deg,#f9fcfff5,#eaf1fbef);border:1px solid white;border-radius:26px;
  box-shadow:0 24px 80px #29466b40;backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px);
}
html[data-theme="liquid"] :is(.school-modal,.tlm-back,.wheelpick-overlay,.kv-modal) {background-color:#243c594d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
html[data-theme="liquid"] .wheelpick-header {border-bottom:1px solid var(--lg-line);padding-bottom:10px}
html[data-theme="liquid"] .wheelpick-title {color:var(--lg-ink);font-size:17px}
html[data-theme="liquid"] :is(.wheelpick-cancel,.wheelpick-confirm) {min-height:44px;border-radius:13px}
html[data-theme="liquid"] .wheelpick-time::before {background:#dceaff9c;border-radius:12px;border:1px solid #cfdef2}
html[data-theme="liquid"] .wheelpick-wheel li {color:#63718a}
html[data-theme="liquid"] .wheelpick-wheel li.is-selected {color:var(--lg-blue-ink);font-weight:600}
html[data-theme="liquid"] .stab-nav {background:#ffffff80;border:1px solid white;border-radius:20px;padding:5px;gap:4px;box-shadow:var(--lg-shadow)}
html[data-theme="liquid"] .stab-btn {border-radius:15px;min-height:42px;font-size:14px;color:#4e607a}
html[data-theme="liquid"] .stab-btn.is-active {background:#f7fbff;color:var(--lg-blue);box-shadow:0 2px 8px #426c9d24}
html[data-theme="liquid"] .lg-page-family .ribbon-wrap {display:grid;grid-template-columns:minmax(0,1fr) 170px;grid-template-rows:auto auto 1fr;align-items:center;gap:9px 17px;padding:12px 0 2px}
html[data-theme="liquid"] .lg-page-family .ribbon-head {grid-column:1;grid-row:1;margin:0;line-height:1.5}
html[data-theme="liquid"] .lg-page-family .ribbon-svg {grid-column:2;grid-row:1/4;width:170px!important;height:170px!important;margin:0}
html[data-theme="liquid"] .lg-page-family .sleep-line {grid-column:1;grid-row:2;width:auto;margin:0;border-radius:13px;justify-content:flex-start;padding:9px 10px}
html[data-theme="liquid"] .lg-page-family .ribbon-legend {grid-column:1;grid-row:3;justify-content:flex-start;gap:6px 12px;margin:0;align-self:start}
html[data-theme="liquid"] .lg-page-family .ribbon-expand {float:none;display:block;opacity:1;font-size:11px;margin-top:4px}
html[data-theme="liquid"] .kv-main {padding-top:0;padding-bottom:20px}
html[data-theme="liquid"] .kv-shell {max-width:1760px}
html[data-theme="liquid"] .kv-nav a {border-radius:14px;min-height:44px;color:#52637b}
html[data-theme="liquid"] .kv-nav a.on {background:#f4f9ff;color:var(--lg-blue);box-shadow:0 2px 8px #4d75a522}
html[data-theme="liquid"] :is(.kv-stat,.kv-dev,.kv-clim,.kv-skel-card) {background:var(--lg-glass);border:1px solid white;border-radius:20px;box-shadow:var(--lg-shadow)}
html[data-theme="liquid"] :is(.kv-stat .sl,.kv-row .s,.kv-dev-meta,.kv-field .fd,.kv-h .sub) {color:#62728a}
html[data-theme="liquid"] .kv-stat .sv {color:var(--lg-ink)}
html[data-theme="liquid"] .kv-statement {box-shadow:none;border:1px solid #ffffffdf}
html[data-theme="liquid"] .kv-statement[data-power-state="ok"] {background:linear-gradient(135deg,#effbf5dd,#e2f3eeaf)!important;color:#246244}
html[data-theme="liquid"] .kv-statement .si {background:#ffffff90}
html[data-theme="liquid"] .kv-statement .si svg {stroke:currentColor}
html[data-theme="liquid"] .kv-urgent {border-radius:22px}
html[data-theme="liquid"] :is(.kv-b,.kv-icbtn,.kv-fav,.kv-pen,.kv-mvbtn) {border-radius:12px;min-height:40px;min-width:40px;background:#ffffff9c;border:1px solid #fff;color:#3f5d83}
html[data-theme="liquid"] .kv-b.on {background:#e0edff;color:var(--lg-blue-ink)}
html[data-theme="liquid"] .kv-sw {min-width:46px;min-height:28px;border:1px solid #bccbdab0;box-shadow:inset 0 1px 2px #29426812;background:#d4dfea}
html[data-theme="liquid"] .kv-sw.on {background:#267bf3;border-color:#1e71e6}
html[data-theme="liquid"] .kv-sw::after {box-shadow:0 2px 4px #1e457a30}
html[data-theme="liquid"] .kv-row {min-height:58px;border-bottom-color:var(--lg-line)}
html[data-theme="liquid"] .kv-note {display:flex;align-items:flex-start;gap:9px;font-size:13px;line-height:1.55;color:#536781;background:#e4eefb80;border:1px solid #ffffffa0;border-radius:13px;padding:11px 12px}
html[data-theme="liquid"] .kv-note svg {width:18px;height:18px;flex:none;stroke:currentColor;margin-top:2px}
html[data-theme="liquid"] .kv-side {top:110px}
html[data-theme="liquid"] .kv-card>svg {max-height:270px;display:block;margin-inline:auto}
html[data-theme="liquid"] .lg-energy-grid {display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}
html[data-theme="liquid"] .lg-energy-grid>section {min-width:0}
html[data-theme="liquid"] .lg-energy-grid .kv-h {min-height:24px}
html[data-theme="liquid"] .kv-bigstat {border-radius:18px!important}
html[data-theme="liquid"] .kv-bigstat:is([style*="#41d160"],[style*="#34c759,#2aa148"]) {background:linear-gradient(140deg,#e4f5eecf,#c9e7debd)!important;color:#20553d;border:1px solid white;box-shadow:var(--lg-shadow)}
html[data-theme="liquid"] .kv-bigstat:is([style*="#41d160"],[style*="#34c759,#2aa148"]) .ic svg {stroke:#2c7d59}
html[data-theme="liquid"] .kv-bigstat:is([style*="#41d160"],[style*="#34c759,#2aa148"]) .s {color:#3b6855}
html[data-theme="liquid"] .kv-bigstat[style*="#41d160"] :is(.sub,.bs-sub,.label) {color:#3b6855}
html[data-theme="liquid"] .kv-app {max-width:1680px}
html[data-theme="liquid"] .bubble.right {background:linear-gradient(135deg,#e0edff,#cfE2fd);color:#193c68;border-color:#c5dafa}
html[data-theme="liquid"] .bubble.right :is(.text-white\/70,.text-white\/60,.text-white\/90,.pf-badge) {color:#426792}
html[data-theme="liquid"] .bubble.right .text-emerald-300 {color:#1e6b58}
html[data-theme="liquid"] .seg-item {min-height:42px;border-radius:13px}
html[data-theme="liquid"] .seg-item.is-active {background:#f8fbff;color:var(--lg-blue);box-shadow:0 2px 7px #36628c22}
html[data-theme="liquid"] .lg-page-auth-login .card {max-width:420px;border-radius:28px;background:var(--lg-glass);border:1px solid white;box-shadow:var(--lg-shadow);backdrop-filter:blur(28px);padding:38px 32px}
html[data-theme="liquid"] .lg-page-live .ios-card {background:#172237;backdrop-filter:none;-webkit-backdrop-filter:none}
html[data-theme="liquid"] :is(input,select,textarea)[aria-invalid="true"] {border-color:#c24755;background:#fff5f6}
html[data-theme="liquid"] .kv-mobnav {background:#f5faffc9;border:1px solid white;border-radius:18px;padding:5px;backdrop-filter:blur(20px)}
html[data-theme="liquid"] .kv-mobnav a {border-radius:13px;min-height:42px}
html[data-theme="liquid"] [data-lg-tone="muted"] {color:var(--lg-muted)!important}
@media(max-width:767px){
  html[data-theme="liquid"] .lg-page-family .ribbon-wrap {grid-template-columns:minmax(0,1fr) 136px;gap:8px 10px}
  html[data-theme="liquid"] .lg-page-family .ribbon-svg {width:136px!important;height:136px!important}
  html[data-theme="liquid"] .lg-page-family .ribbon-head {font-size:10.5px}
  html[data-theme="liquid"] .lg-page-family .sleep-line {font-size:11px;padding:8px}
  html[data-theme="liquid"] .lg-page-family .ribbon-legend {font-size:10.5px;gap:4px 8px}
  html[data-theme="liquid"] .lg-energy-grid {grid-template-columns:1fr}
  html[data-theme="liquid"] .kv-shell {padding-inline:15px}
  html[data-theme="liquid"] :is(.school-modal>div,.tlm-card,.wheelpick-popup,.kv-modal .box,.kv-jmodal .jbox) {max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}
  html[data-theme="liquid"] .school-modal>div {overflow-y:auto}
}
/* Page-specific contrast and standalone component examples. */
html[data-theme="liquid"] .lg-page-contacts .cb-row button[type="submit"],
html[data-theme="liquid"] .lg-page-contacts .cb-row form button {
  background:linear-gradient(135deg,#1888f4,#0866d9)!important;color:#fff!important;
}
html[data-theme="liquid"] .lg-page-ocr-review button[value="rejected"] {
  background:#fff0f0!important;color:#aa2534!important;border:1px solid #efb7bd!important;
}
html[data-theme="liquid"] .lg-page-homework header.bg-gradient-to-br h1 {color:#fff!important;}
html[data-theme="liquid"] .lg-page-placeholder main .ios-card {max-width:600px;margin:36px auto;padding:40px 28px;}
html[data-theme="liquid"] .lg-page-placeholder main .ios-card>div:first-child {width:72px;height:72px;margin:0 auto 24px;display:grid;place-items:center;border-radius:22px;}
html[data-theme="liquid"] .lg-page-placeholder main .ios-card>div:first-child svg {width:36px;height:36px;}
html[data-theme="liquid"] .lg-page-placeholder main .ios-card>div:last-child {display:inline-flex;align-items:center;gap:8px;padding:8px 12px;margin-top:24px;border-radius:16px;}
html[data-theme="liquid"] .lg-page-placeholder main .ios-card>div:last-child svg {width:16px;height:16px;}
html[data-theme="liquid"] .lg-page-components main>.page-wrap {padding:30px 20px 110px;max-width:1440px;margin:auto;}
html[data-theme="liquid"] .lg-page-components main>.page-wrap>.grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:24px;}
html[data-theme="liquid"] .lg-page-components section.ios-card {padding:26px;border:1px solid #fff;border-radius:26px;background:linear-gradient(135deg,#ffffffbf,#f1f6ff7d);box-shadow:0 12px 30px #31537818;backdrop-filter:blur(24px);}
html[data-theme="liquid"] .lg-page-components h2 {font-size:20px;font-weight:650;margin:0 0 18px;}
html[data-theme="liquid"] .lg-page-components section button {min-height:44px;padding:10px 15px;margin:4px 5px 4px 0;border-radius:14px;background:#ffffffb8;color:#315378;}
html[data-theme="liquid"] .lg-page-components section button.btn-primary {background:#1177e4;color:white;}
html[data-theme="liquid"] .lg-page-components label {display:block;margin:12px 0;}
html[data-theme="liquid"] .lg-page-components label input:not([type="checkbox"]):not([type="radio"]),
html[data-theme="liquid"] .lg-page-components label select {display:block;width:100%;margin-top:6px;}
html[data-theme="liquid"] .lg-page-components section p {margin:14px 0;line-height:1.6;}
html[data-theme="liquid"] .lg-page-components [role="status"],html[data-theme="liquid"] .lg-page-components [role="alert"] {padding:12px 15px;border-radius:14px;background:#e0f2eb;color:#235e49;}
html[data-theme="liquid"] .lg-page-components [role="alert"] {background:#ffe5e8;color:#a12236;}
html[data-theme="liquid"] .lg-page-components .skeleton {height:50px;margin:12px 0;border-radius:14px;background:linear-gradient(110deg,#d9e5f0,#f7faff,#d9e5f0);}
html[data-theme="liquid"] .lg-page-components section svg {width:40px;height:40px;margin:15px auto;}
@media(max-width:700px){html[data-theme="liquid"] .lg-page-components main>.page-wrap>.grid {grid-template-columns:1fr;}}
html[data-theme="liquid"] .lg-page-contacts .cb-row form button {border-radius:14px!important;}
html[data-theme="liquid"] .lg-page-school-clubs button[onclick="openClubForm()"],
html[data-theme="liquid"] button.bg-ios-label.text-white {background:linear-gradient(135deg,#1888f4,#0866d9)!important;color:#fff!important;border-radius:14px;}
html[data-theme="liquid"] .lg-page-components button.bg-rose-100 {background:#ffe5e8!important;color:#a12236!important;}
html[data-theme="liquid"] .lg-page-components p.bg-blue-50 {background:#e1edff;color:#215b9d;}
html[data-theme="liquid"] .lg-page-components p.bg-amber-50 {background:#fff0d5;color:#885113;padding:12px 15px;border-radius:14px;}