/* Liquid Glass v2 — geometry, type and data presentation from approved reference 06.
   The stylesheet is also consumed by the review renders. */
@font-face{font-family:InterGlass;src:url('/static/fonts/InterVariable.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
html[data-theme="liquid"]{--lg-font:InterGlass,-apple-system,BlinkMacSystemFont,sans-serif;--lg-ink:#141820;--lg-muted:#596375;--lg-soft:#7b8494;--lg-blue:#0965ff;--lg-blue-ink:#065ce3;--lg-line:#67799126;--lg-radius:24px;--lg-control-radius:22px;--lg-glass:linear-gradient(135deg,#ffffffa8,#f5f8ff69);--lg-edge:#ffffffec;--lg-shadow:0 9px 20px -13px #45587557,0 3px 8px #34466209,inset 0 1px 0 #ffffff;--kv:var(--lg-blue)}
html[data-theme="liquid"] body{font-family:var(--lg-font)!important;font-size:15px;line-height:1.5;font-optical-sizing:auto;font-feature-settings:"calt" 1,"cv02" 1,"cv03" 1;letter-spacing:-.015em;color:var(--lg-ink)}
html[data-theme="liquid"] :is(button,input,select,textarea,summary,.map-panel,.leaflet-container,.flatpickr-calendar,.wheelpick-popup,.kv-shell,.bubble pre,svg text){font-family:var(--lg-font)!important;font-optical-sizing:auto}
html[data-theme="liquid"] :is(h1,h2,h3,h4,p,a,button,span,div)[style*="font-family"]:not(code):not(pre){font-family:var(--lg-font)!important}
html[data-theme="liquid"] h1{font-size:40px;font-weight:620!important;letter-spacing:-.042em;line-height:1.15}
html[data-theme="liquid"] h2{font-weight:600!important;letter-spacing:-.028em}
html[data-theme="liquid"] h3{font-weight:570;letter-spacing:-.018em}
html[data-theme="liquid"] :is(.font-bold,.font-extrabold,.font-black){font-weight:620}
html[data-theme="liquid"] :is(.font-semibold,strong,b){font-weight:580}
html[data-theme="liquid"] :is(.kv-stat .v,.kv-num,.kv-big,.kv-dev .n,.kv-h,[style*="font-weight:800"],[style*="font-weight: 800"]){font-weight:600!important;letter-spacing:-.025em}
html[data-theme="liquid"] :is(.kv-ring .v,.kv-chart text,.ribbon-svg text){font-family:var(--lg-font)!important;font-weight:500;letter-spacing:-.025em}
html[data-theme="liquid"] :is(time,.kv-stat,.cal-wall,.flatpickr-calendar,.ribbon-svg,.kv-ring){font-variant-numeric:tabular-nums}
html[data-theme="liquid"] svg[data-lg-icon]{flex-shrink:0;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
html[data-theme="liquid"] :is(button,a)[data-lg-control="icon"]{width:44px;min-width:44px;height:44px;min-height:44px;padding:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--lg-edge);background:linear-gradient(145deg,#ffffffb8,#f7faff69);color:var(--lg-ink);box-shadow:0 4px 9px #53678212,inset 0 1px 0 white;backdrop-filter:blur(22px)}
html[data-theme="liquid"] :is(button,a)[data-lg-control="icon"]>svg{width:21px;height:21px}
html[data-theme="liquid"] :is(.tap-target[data-lg-control="text"],.app-btn,.tl-act-btn,.btn-soft,.btn-primary,.kv-btn){min-height:44px;border-radius:24px;padding:10px 18px;font-size:14px;line-height:22px;font-weight:500;letter-spacing:-.018em}
html[data-theme="liquid"] :is(.tap-target[data-lg-control="text"],.app-btn,.tl-act-btn,.btn-soft,.kv-btn){background:linear-gradient(145deg,#ffffffb8,#f5f9ff80);border:1px solid #fffffff0;box-shadow:0 4px 9px #5367820d,inset 0 1px 0 white}
html[data-theme="liquid"] :is(.bg-ios-blue,.btn-primary,.kv-btn.primary,button.bg-ios-label.text-white){background:linear-gradient(155deg,#2d80ff,#0661ee)!important;border:1px solid #4b92ff!important;color:#fff!important;box-shadow:0 4px 11px #0965ff21,inset 0 1px 0 #ffffff40}
html[data-theme="liquid"] :is(button,a)[data-lg-control]:hover{filter:brightness(1.02);box-shadow:0 5px 13px #53678225,inset 0 1px 0 white}
html[data-theme="liquid"] :is(button,a)[data-lg-control]:active{transform:scale(.97)}
html[data-theme="liquid"] :is(button,a)[data-lg-control]:disabled{filter:none;box-shadow:none;transform:none}
html[data-theme="liquid"] body>header.ios-glass{border:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;border-radius:0;margin:18px auto 8px;max-width:1680px;padding:0 28px;position:relative;top:0}
html[data-theme="liquid"] .hdr-row{padding:0;column-gap:20px;min-height:58px}
html[data-theme="liquid"] .brand-word{font-family:var(--lg-font);font-size:17px;line-height:1.2;font-weight:580;letter-spacing:-.04em}
html[data-theme="liquid"] .brand-logo{width:30px;height:30px}
html[data-theme="liquid"] .main-tabs{flex:0 1 auto;width:max-content;justify-self:center!important;justify-content:center!important;gap:3px;padding:5px 7px;border:1px solid var(--lg-edge);border-radius:32px;background:linear-gradient(135deg,#ffffff73,#f7faff47);box-shadow:var(--lg-shadow);backdrop-filter:blur(22px)}
html[data-theme="liquid"] .main-tabs .nav-pill{border:1px solid transparent;border-radius:26px;min-height:43px;gap:8px;padding:10px 15px;font-size:14px;color:var(--lg-ink)}
html[data-theme="liquid"] .main-tabs .nav-pill>span{font-size:14px;font-weight:450}
html[data-theme="liquid"] .nav-pill svg{width:22px;height:22px;stroke-width:1.65}
html[data-theme="liquid"] .nav-pill[aria-current="page"]{color:var(--lg-blue);border-color:#ffffffc9;background:linear-gradient(135deg,#ffffffa1,#dfebff9c);box-shadow:0 3px 8px #4f83c213,inset 0 1px 0 white}
html[data-theme="liquid"] .subj-chip{border-radius:24px;padding:6px 11px;min-height:42px;font-size:13px;letter-spacing:-.018em}
html[data-theme="liquid"] .hdr-row>.hdr-toolbar{border:0;padding-top:6px}
html[data-theme="liquid"] .dock{max-width:500px;border-radius:36px;background:linear-gradient(145deg,#ffffffb3,#e3eeff85);box-shadow:0 7px 24px #3759841f,inset 0 1px 0 white;padding:6px;border:1px solid #fff;gap:2px}
html[data-theme="liquid"] .dock-item{min-height:57px;border-radius:28px;color:#303949;gap:3px}
html[data-theme="liquid"] .dock-item svg{width:23px;height:23px}
html[data-theme="liquid"] .dock-item[aria-current="page"]{background:linear-gradient(145deg,#ffffffd0,#dceaff7d);border:1px solid #fff;color:var(--lg-blue)}
html[data-theme="liquid"] :is(.subj-ava,.avatar-wrap img){border:1px solid white;box-shadow:inset 0 1px 0 white,0 3px 9px #446a9420}
html[data-theme="liquid"] .quick-actions{border-top:1px solid var(--lg-line);padding-top:5px}
html[data-theme="liquid"] .quick-actions a{background:transparent;border:0;box-shadow:none;border-radius:0;color:var(--lg-blue);font-size:15px;font-weight:400;min-height:44px}
html[data-theme="liquid"] .quick-actions a+a{border-left:1px solid var(--lg-line)}
html[data-theme="liquid"] .quick-actions svg{width:20px;height:20px}
html[data-theme="liquid"] .ribbon-svg{filter:none!important}
html[data-theme="liquid"] .ribbon-svg circle{filter:none}
html[data-theme="liquid"] .lg-page-family .tile{box-shadow:var(--lg-shadow)}
html[data-theme="liquid"] .lg-page-family .tile-header h2{font-size:20px;font-weight:580}
/* Calendar geometry. Day is the focus; grade remains a separate small value. */
html[data-theme="liquid"] .cal-wall{border:0;box-shadow:none;border-radius:0;background:transparent;overflow:visible}
html[data-theme="liquid"] .cal-wall .cal-wd{border:0;background:transparent;font-size:13px;letter-spacing:0;text-transform:none;font-weight:400;color:var(--lg-muted);padding:11px 0}
html[data-theme="liquid"] .cal-wall .cal-wd.we{color:var(--lg-muted)}
html[data-theme="liquid"] .cal-wall .cal-cell{min-height:62px;aspect-ratio:auto;border:0;background:transparent!important;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:3px;padding:4px 0;border-radius:18px;box-shadow:none;animation:none!important;transform:none!important;filter:none!important;color:var(--lg-ink);text-decoration:none}
html[data-theme="liquid"] .cal-wall .cal-cell:hover{background:#ffffff6b!important;box-shadow:none;transform:none}
html[data-theme="liquid"] .cal-cell .cal-d{position:static;display:grid;place-items:center;font-size:15px;font-weight:430;color:var(--lg-ink)!important;border-radius:50%;width:36px;height:36px;line-height:36px}
html[data-theme="liquid"] .cal-cell.ring-ios-blue{box-shadow:none!important}
html[data-theme="liquid"] .cal-cell.ring-ios-blue .cal-d{background:linear-gradient(145deg,#3083ff,#0060f7);color:white!important;box-shadow:0 3px 9px #247aff38,inset 0 1px 0 #ffffff5c}
html[data-theme="liquid"] .cal-cell .cal-m{font-size:11px;line-height:17px;font-weight:500;color:#075aca!important;background:#bcd8ff70;border-radius:7px;padding:0 5px;min-width:22px;text-align:center}
html[data-theme="liquid"] .cal-cell>span:last-child:not(.cal-d):not(.cal-m){background:var(--lg-blue)!important;bottom:5px;right:calc(50% - 3px);width:5px;height:5px}
html[data-theme="liquid"] .cal-cell:has(.cal-m)>span:last-child:not(.cal-d):not(.cal-m){right:7px;bottom:10px}
html[data-theme="liquid"] #calModal .modal-shell{max-width:540px;width:calc(100vw - 28px);border:1px solid white;border-radius:28px;background:linear-gradient(140deg,#f7fbffed,#e9f0ffe8);box-shadow:0 18px 60px #42638632}
html[data-theme="liquid"] #calModal .modal-shell>header{background:#ffffff70!important}
html[data-theme="liquid"] #calModal .modal-shell>header>div>div:first-child{background:#d8e9ff85!important;color:var(--lg-blue)!important;border:1px solid white;border-radius:50%}
html[data-theme="liquid"] #calModal::backdrop{background:#45577735;backdrop-filter:blur(8px)}
html[data-theme="liquid"] .lg-calendar-legend{font-size:11px;line-height:1.5;color:var(--lg-muted);margin:12px 3px 0}
html[data-theme="liquid"] #calendarBody>header{display:grid;grid-template-columns:44px 1fr 44px;gap:8px;margin-bottom:12px}
html[data-theme="liquid"] #calendarBody>header h3{font-size:19px;font-weight:560;text-align:center;text-transform:none}
html[data-theme="liquid"] #calendarBody>header>a{grid-column:1/-1;justify-self:end;font-size:12px}
html[data-theme="liquid"] .flatpickr-calendar{border-radius:24px;background:linear-gradient(145deg,#f8fbfff7,#eaf1fef2);border:1px solid white;box-shadow:0 14px 45px #314e7926;padding:13px 8px 8px;font-size:15px}
html[data-theme="liquid"] .flatpickr-current-month{font-size:17px;font-weight:550;padding-top:5px}
html[data-theme="liquid"] .flatpickr-current-month .cur-month{font-weight:550}
html[data-theme="liquid"] :is(.flatpickr-monthDropdown-months,.flatpickr-current-month input.cur-year){min-height:0;box-shadow:none;background:transparent;border:0;padding:0!important;font-size:17px!important}
html[data-theme="liquid"] .flatpickr-calendar .numInputWrapper{border-radius:10px}
html[data-theme="liquid"] span.flatpickr-weekday{font-size:12px;font-weight:400;color:var(--lg-muted)}
html[data-theme="liquid"] .flatpickr-day{font-size:15px;font-weight:420;border:1px solid transparent;line-height:37px;border-radius:50%;color:var(--lg-ink)}
html[data-theme="liquid"] .flatpickr-day.today:not(.selected){border-color:#0965ff55;background:transparent}
html[data-theme="liquid"] .flatpickr-day.selected{background:linear-gradient(145deg,#3083ff,#0060f7);color:#fff;box-shadow:0 3px 9px #247aff2b}
html[data-theme="liquid"] :is(.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay){color:#8390a4}
html[data-theme="liquid"] .wheelpick-popup{border-radius:28px;box-shadow:0 16px 56px #314e7938;padding-bottom:8px;background:linear-gradient(145deg,#f8fbfff5,#eaf1feeb);border:1px solid white}
html[data-theme="liquid"] .wheelpick-header{border-bottom:1px solid var(--lg-line);padding:8px 12px;background:transparent}
html[data-theme="liquid"] .wheelpick-title{font-size:17px;font-weight:550;letter-spacing:-.022em}
html[data-theme="liquid"] :is(.wheelpick-cancel,.wheelpick-confirm){min-height:44px;padding:8px 12px;border-radius:22px;font-size:14px;box-shadow:none;color:var(--lg-blue);background:transparent;border:0}
html[data-theme="liquid"] .wheelpick-confirm{background:#cfe2ff80}
html[data-theme="liquid"] .wheelpick-wheel li{font-size:20px;font-weight:430;font-variant-numeric:tabular-nums}
/* Geographic features use the custom vector style; Leaflet retains overlays. */
html[data-theme="liquid"] #map{zoom:1!important;width:100%!important;height:100%!important;font-family:var(--lg-font)!important}
html[data-theme="liquid"] .map-frame{border:1px solid #fff;border-radius:25px;box-shadow:var(--lg-shadow)}
html[data-theme="liquid"] .lg-page-map .map-frame{height:clamp(480px,58vh,820px)!important;min-height:480px}
html[data-theme="liquid"] .leaflet-control-layers{border:1px solid #fff!important;border-radius:26px!important;box-shadow:var(--lg-shadow)!important;background:#ffffffbd;backdrop-filter:blur(22px)}
html[data-theme="liquid"] .leaflet-control-layers-toggle{width:44px!important;height:44px!important;background-image:url('/static/icons/layers.svg')!important;background-size:21px!important}
/* Map features are styled individually in maps/liquid-glass-map.json. */
html[data-theme="liquid"] .leaflet-tile-pane{filter:none}
html[data-theme="liquid"] .leaflet-control-attribution{font-family:var(--lg-font);font-size:10px;color:#516076;background:#ffffffd9}
html[data-theme="liquid"] .lg-page-map #mapTools{padding:5px;background:linear-gradient(145deg,#ffffffb8,#f3f7ff8c);border-radius:28px;box-shadow:0 6px 18px #53678220;gap:2px}
html[data-theme="liquid"] .lg-page-map #mapTools button{border:0;box-shadow:none;background:transparent;border-radius:50%;width:44px;height:44px;color:var(--lg-ink)}
html[data-theme="liquid"] .lg-page-map #mapTools button.on{background:linear-gradient(145deg,#2980ff,#0764f3);color:white;box-shadow:inset 0 1px 0 #ffffff50}
html[data-theme="liquid"] .lg-page-map #mapTools svg{width:21px;height:21px}
html[data-theme="liquid"] .leaflet-bar{border-radius:26px!important;border:1px solid white!important;padding:3px;background:linear-gradient(145deg,#ffffffd5,#f5f9ff9c);backdrop-filter:blur(22px)}
html[data-theme="liquid"] .leaflet-bar a{background:transparent;min-width:42px;min-height:42px;border:0!important;border-radius:50%!important;line-height:42px;font-family:var(--lg-font);font-size:22px;font-weight:350;color:#1c2738}
html[data-theme="liquid"] .leaflet-bar a+a{border-top:1px solid #61718a17!important}
html[data-theme="liquid"] .leaflet-control-zoom-in,html[data-theme="liquid"] .leaflet-control-zoom-out{font-size:0!important;background-position:center!important;background-size:19px!important;background-repeat:no-repeat!important}
html[data-theme="liquid"] .leaflet-control-zoom-in{background-image:url('/static/icons/plus.svg')!important}
html[data-theme="liquid"] .leaflet-control-zoom-out{background-image:url('/static/icons/minus.svg')!important}
html[data-theme="liquid"] :is(.map-panel,.leaflet-popup-content-wrapper){background:linear-gradient(145deg,#fffffff0,#edf5ffdb);border:1px solid white;border-radius:22px;box-shadow:0 9px 24px #4365811c;backdrop-filter:blur(24px)}
html[data-theme="liquid"] .subject-marker{border:2px solid white;background:linear-gradient(145deg,#deeeff,#b0d2ff);box-shadow:0 4px 12px #356cb443,inset 0 1px 0 #ffffffb0;width:46px;height:46px}
html[data-theme="liquid"] .subject-marker .fallback{font-family:var(--lg-font);color:var(--lg-blue);font-size:21px;font-weight:480}
html[data-theme="liquid"] .subject-marker-wrap::before,html[data-theme="liquid"] .subject-marker-wrap::after{animation:none;filter:none;width:62px;height:62px;margin:-31px;opacity:.35;background:#3c8dff2e;border:1px solid #91bdfc3d}
html[data-theme="liquid"] .subject-marker-wrap::after{content:'';background:#2275ff;opacity:1;width:9px;height:9px;margin:0;left:19px;top:44px;border:2px solid white;z-index:1;box-shadow:0 3px 7px #316abd3d}
html[data-theme="liquid"] .subject-marker-wrap.is-stale::after{background:#8191a7}
/* Infographics: restrained lines, real measured values, readable legends. */
html[data-theme="liquid"] :is(.kv-chart,.kv-spark){overflow:visible}
html[data-theme="liquid"] .kv-chart{margin-top:12px;min-height:140px}
html[data-theme="liquid"] .kv-chart>path[stroke]{stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}
html[data-theme="liquid"] .kv-ring .bg{stroke:#b3c6e22e;stroke-width:6}
html[data-theme="liquid"] .kv-ring .fg{stroke-width:6;stroke-linecap:round;filter:drop-shadow(0 2px 3px #0965ff18)}
html[data-theme="liquid"] .kv-ring .v{font-size:29px;font-weight:500}
html[data-theme="liquid"] .kv-ring .s{font-size:11px;font-weight:420;fill:var(--lg-muted)}
html[data-theme="liquid"] .kv-card>svg[viewBox="0 0 370 238"]{max-width:420px;margin:auto}
html[data-theme="liquid"] .kv-card>svg[viewBox="0 0 370 238"] text[font-weight="800"]{font-size:13px;font-weight:550;fill:var(--lg-ink)}
html[data-theme="liquid"] .kv-card>svg[viewBox="0 0 370 238"] text[font-weight="600"]{font-size:11px;font-weight:420;fill:var(--lg-muted)}
html[data-theme="liquid"] .kv-card>svg[viewBox="0 0 370 238"] circle[cx]{fill:#ffffffa8;stroke-width:1.6}
html[data-theme="liquid"] .kv-card>svg[viewBox="0 0 370 238"] circle[stroke-dasharray]{fill:none;stroke-width:3}
html[data-theme="liquid"] .kv-card>svg[viewBox="0 0 370 238"] g[stroke]{stroke-width:1.8}
html[data-theme="liquid"] .kv-stats{gap:14px}
html[data-theme="liquid"] :is(.kv-stat,.kv-dev,.kv-room,.kv-clim){border-radius:22px}
html[data-theme="liquid"] .kv-stat .v{font-size:26px;line-height:1.2;letter-spacing:-.035em}
html[data-theme="liquid"] .kv-ei{border:1px solid #ffffffe0;border-radius:50%;background:linear-gradient(135deg,#fafdffd6,#dceaff88);color:var(--lg-blue);box-shadow:inset 0 1px 0 white}
html[data-theme="liquid"] .kv-ei svg{stroke-width:1.65}
html[data-theme="liquid"] :is(.hero-greet,.hero-title,.hero-sub,.hero-clock){animation:none!important;opacity:1!important;transform:none!important}
/* Preserve each health score and its semantic status colour; refine only its visual weight. */
html[data-theme="liquid"] .lg-page-stats svg[viewBox="0 0 120 120"] circle{stroke-width:5;stroke-linecap:round}
html[data-theme="liquid"] .lg-page-stats svg[viewBox="0 0 48 48"] circle{stroke-width:3;stroke-linecap:round}
html[data-theme="liquid"] .lg-page-stats svg circle[stroke="#ececed"]{stroke:#dce4ed}
html[data-theme="liquid"] .lg-page-stats .wb-hero [data-countup]{font-weight:560;letter-spacing:-.055em;font-variant-numeric:tabular-nums}
html[data-theme="liquid"] .kv-side a{min-height:44px;border-radius:24px;font-size:14px;font-weight:450}
html[data-theme="liquid"] .kv-side a.on{background:linear-gradient(145deg,#ffffffd5,#dceaff8c);box-shadow:inset 0 1px 0 #fff;color:var(--lg-blue)}
html[data-theme="liquid"] .kv-sw{width:46px;height:28px;border:1px solid #b9c8db80;border-radius:18px;background:#c1cbd970;box-shadow:inset 0 1px 3px #4e657f0c}
html[data-theme="liquid"] .kv-sw.on{background:#32bd60;border-color:#1fb452}
html[data-theme="liquid"] .kv-sw:before,html[data-theme="liquid"] .kv-sw:after{box-shadow:0 2px 5px #3c52602b}
html[data-theme="liquid"] .hw-check{border-radius:8px!important;width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important;position:relative}
html[data-theme="liquid"] .hw-check:after{content:'';position:absolute;inset:-10px}
html[data-theme="liquid"] :is(.seg,.segment,.segmented){border-radius:25px;padding:4px;background:#a6bcd52b;border:1px solid #ffffffbf}
html[data-theme="liquid"] .seg-item{border-radius:22px;font-size:14px;font-weight:450}
html[data-theme="liquid"] .seg-item.is-active{background:linear-gradient(145deg,#ffffffdf,#f5faffb0);color:var(--lg-blue);box-shadow:0 3px 8px #45648b12,inset 0 1px 0 white}
@media(min-width:2200px){html[data-theme="liquid"] body>header.ios-glass{max-width:2000px}html[data-theme="liquid"] .main-tabs{margin-inline:auto}}
@media(min-width:768px) and (max-width:1350px){html[data-theme="liquid"] .main-tabs .nav-pill{padding:9px}html[data-theme="liquid"] .main-tabs .nav-pill>span{max-width:0;opacity:0}html[data-theme="liquid"] .main-tabs .nav-pill[aria-current="page"]>span{max-width:140px;opacity:1}}
@media(max-width:767px){
 html[data-theme="liquid"] body>header.ios-glass{margin:12px 0 3px;padding:0 15px}
 html[data-theme="liquid"] .hdr-row{column-gap:7px}
 html[data-theme="liquid"] h1{font-size:32px;letter-spacing:-.038em}
 html[data-theme="liquid"] .brand-word{display:none}
 html[data-theme="liquid"] .subj-chip{font-size:12px;padding:6px 7px}
 html[data-theme="liquid"] .main-tabs{display:none}
 html[data-theme="liquid"] :is(input,select,textarea){font-size:16px}
 html[data-theme="liquid"] .dock{bottom:max(12px,env(safe-area-inset-bottom));width:calc(100% - 24px)}
 html[data-theme="liquid"] .dock-item{min-height:54px}
 html[data-theme="liquid"] .dock-item span{font-size:10px}
 html[data-theme="liquid"] .cal-wall .cal-cell{min-height:60px}
 html[data-theme="liquid"] .cal-cell .cal-d{width:34px;height:34px;font-size:14px}
 html[data-theme="liquid"] #calendarBody{padding-inline:12px}
 html[data-theme="liquid"] #calendarBody>header h3{font-size:17px}
 html[data-theme="liquid"] .lg-page-map #mapTools{gap:0;padding:4px}
 html[data-theme="liquid"] .lg-page-map .map-frame{height:440px!important;min-height:440px}
 html[data-theme="liquid"] .lg-page-map #mapTools{max-height:calc(100% - 70px);overflow-y:auto;scrollbar-width:thin}
 html[data-theme="liquid"] .lg-page-map #mapTools button{flex-shrink:0}
 html[data-theme="liquid"] .lg-page-map #mapTools button{width:44px;height:44px}
 html[data-theme="liquid"] .kv-chart{min-height:115px}
 html[data-theme="liquid"] .kv-stats{gap:10px}
 html[data-theme="liquid"] .kv-stat .v{font-size:23px}
}
@media(prefers-reduced-transparency:reduce){html[data-theme="liquid"] :is(.main-tabs,.dock,.map-panel,.wheelpick-popup){background:#f1f6fd;backdrop-filter:none}}
@media(prefers-reduced-motion:reduce){html[data-theme="liquid"] .subject-marker-wrap::before,html[data-theme="liquid"] .subject-marker-wrap::after{animation:none}}
@media(forced-colors:active){html[data-theme="liquid"] :is(.main-tabs,.dock,.cal-d,.map-panel,[data-lg-control],.kv-sw){background:Canvas!important;color:CanvasText!important;border:1px solid CanvasText!important;box-shadow:none}html[data-theme="liquid"] .cal-cell.ring-ios-blue .cal-d{background:Highlight!important;color:HighlightText!important}}

/* Rounded legacy surfaces share the same material as the reviewed cards. */
html[data-theme="liquid"] :is(.bg-ios-surface.rounded-2xl,.bg-ios-surface.rounded-xl){background:var(--lg-glass);border-color:#ffffffeb;backdrop-filter:blur(22px) saturate(1.15);-webkit-backdrop-filter:blur(22px) saturate(1.15);box-shadow:var(--lg-shadow)}
html[data-theme="liquid"] .lg-page-school section.border-2.bg-ios-surface{border:1px solid #a9cbffa6;background:linear-gradient(135deg,#f7fbffc4,#eaf3ff8c)}
html[data-theme="liquid"] .app-modal.open .rb-big-svg{animation:none!important;opacity:1!important;transform:none!important}
html[data-theme="liquid"] #liveImg:not([src]){display:none}
html[data-theme="liquid"] .lg-page-live .ios-card.bg-black{background:#16202d}
html[data-theme="liquid"] #liveOverlay{color:#cfdaeb}


/* Map layers: one glass component, native Leaflet inputs and behavior. */
html[data-theme="liquid"] .leaflet-control-layers.lg-map-layers{padding:0!important;border:0!important;border-radius:24px!important;background:none!important;box-shadow:none!important;backdrop-filter:none;max-width:none}
html[data-theme="liquid"] .lg-map-layers .leaflet-control-layers-toggle{display:none!important}
html[data-theme="liquid"] .lg-map-layer-toggle,html[data-theme="liquid"] .lg-map-layer-close{display:grid;place-items:center;cursor:pointer;color:var(--lg-ink);border:1px solid #fffffff0;background:linear-gradient(145deg,#ffffffdf,#edf3fbb8);box-shadow:0 4px 12px #31496620,inset 0 1px 0 #fff;backdrop-filter:blur(22px);padding:0}
html[data-theme="liquid"] .lg-map-layer-toggle{width:44px;height:44px;border-radius:50%}
html[data-theme="liquid"] .lg-map-layer-toggle img,html[data-theme="liquid"] .lg-map-layer-close img{width:20px;height:20px;pointer-events:none;opacity:.82}
html[data-theme="liquid"] .lg-map-layers.is-open .lg-map-layer-toggle{display:none}
html[data-theme="liquid"] .lg-map-layer-panel[hidden]{display:none!important}
html[data-theme="liquid"] .lg-map-layers .lg-map-layer-panel{box-sizing:border-box;width:min(308px,var(--map-layer-width,308px));max-width:calc(100vw - 42px);height:auto!important;max-height:var(--map-layer-height,560px);overflow:auto;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:#859ab35c transparent;padding:12px;border:1px solid #ffffffef;border-radius:24px;background:linear-gradient(145deg,#f8fbfff0,#eaf1fbe3);box-shadow:0 16px 40px #203b6233,0 3px 10px #203b6212,inset 0 1px 0 #fff;backdrop-filter:blur(30px) saturate(125%);-webkit-backdrop-filter:blur(30px) saturate(125%);color:var(--lg-ink);font-family:var(--lg-font);font-size:13px;line-height:1.4}
html[data-theme="liquid"] .lg-map-layer-heading{position:sticky;top:-12px;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 12px 10px;margin:-12px -12px 5px;background:linear-gradient(145deg,#f8fbfff5,#edf3faf2);backdrop-filter:blur(16px);border-bottom:1px solid #8ca3c01c}
html[data-theme="liquid"] .lg-map-layer-heading h2{margin:0;font-size:19px!important;font-weight:600;line-height:1.2;letter-spacing:-.025em}
html[data-theme="liquid"] .lg-map-layer-close{width:36px;height:36px;min-width:36px;min-height:36px;border-radius:50%;box-shadow:inset 0 1px 0 #fff}
html[data-theme="liquid"] .lg-map-layer-group-title{margin:12px 2px 8px;font-size:11px;font-weight:580;letter-spacing:.035em;text-transform:uppercase;color:#637389}
html[data-theme="liquid"] .lg-map-layers .leaflet-control-layers-base{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
html[data-theme="liquid"] .lg-map-layers label{position:relative;display:block;box-sizing:border-box;margin:0;cursor:pointer;font:inherit;line-height:1.3}
html[data-theme="liquid"] .lg-map-layers .lg-map-base{padding:7px;border:1px solid #ffffffde;border-radius:14px;background:#ffffff91;box-shadow:0 2px 6px #294b7810;transition:background .15s,border-color .15s}
html[data-theme="liquid"] .lg-map-base .lg-map-layer-row{display:flex;flex-direction:column;align-items:stretch;gap:6px}
html[data-theme="liquid"] .lg-map-layer-copy{display:block;min-width:0}
html[data-theme="liquid"] .lg-map-layer-name{display:block;font-size:12px;font-weight:550;letter-spacing:-.015em;color:#23334b}
html[data-theme="liquid"] .lg-map-provider{display:block;font-size:10px;color:#738196;margin-top:2px;font-weight:430;line-height:1.3}
html[data-theme="liquid"] .lg-map-base:has(input:checked){border-color:#1775ff8c;background:linear-gradient(145deg,#e4effff2,#dbe9ffba);box-shadow:inset 0 0 0 .5px #4b96ff55,0 3px 7px #2e78d916}
html[data-theme="liquid"] .lg-map-base:has(input:checked) .lg-map-layer-name{color:#075ccc}
html[data-theme="liquid"] .lg-map-base:has(input:disabled){opacity:.5;cursor:not-allowed;box-shadow:none}
html[data-theme="liquid"] .lg-map-base:has(input:disabled) .lg-map-provider::after{content:' · зменште масштаб'}
html[data-theme="liquid"] .lg-map-preview{display:block;height:39px;border-radius:9px;overflow:hidden;box-shadow:inset 0 0 0 1px #00000008;--mp-land:#e7ecdf;--mp-road:#fff;--mp-water:#b7d9ef;background-color:var(--mp-land);background-image:linear-gradient(124deg,transparent 55%,var(--mp-water) 56%,var(--mp-water) 65%,transparent 66%),linear-gradient(18deg,transparent 42%,var(--mp-road) 43%,var(--mp-road) 47%,transparent 48%),linear-gradient(95deg,transparent 31%,var(--mp-road) 32%,var(--mp-road) 35%,transparent 36%),linear-gradient(145deg,transparent 21%,#f4d899 22%,#f4d899 25%,transparent 26%)}
html[data-theme="liquid"] .lg-map-preview[data-map-style="light"]{--mp-land:#edf1f5;--mp-water:#c4deef;background-image:linear-gradient(124deg,transparent 55%,var(--mp-water) 56%,var(--mp-water) 65%,transparent 66%),repeating-linear-gradient(18deg,transparent 0 13px,#fff 14px 17px,transparent 18px 30px),linear-gradient(95deg,transparent 31%,#fff 32%,#fff 36%,transparent 37%)}
html[data-theme="liquid"] .lg-map-preview[data-map-style="dark"]{--mp-land:#263347;--mp-road:#637488;--mp-water:#366185}
html[data-theme="liquid"] .lg-map-preview[data-map-style="streets"]{--mp-land:#eaf0e4;--mp-water:#b4d9f1;--mp-road:#fff}
html[data-theme="liquid"] .lg-map-preview:is([data-map-style="satellite"],[data-map-style="satellite-google"],[data-map-style="hybrid"]){background-color:#6a8169;background-image:linear-gradient(122deg,transparent 54%,#64879b 55%,#64879b 65%,transparent 66%),linear-gradient(27deg,transparent 42%,#c4c1a7 43%,#c4c1a7 45%,transparent 46%),radial-gradient(ellipse at 20% 25%,#97a984 0 24%,transparent 25%),radial-gradient(ellipse at 75% 80%,#a19d77 0 30%,transparent 31%),linear-gradient(62deg,#66816b,#8f9677)}
html[data-theme="liquid"] .lg-map-preview[data-map-style="hybrid"]::after{content:'';display:block;width:100%;height:100%;background:linear-gradient(95deg,transparent 30%,#fbf3ce 31%,#fbf3ce 33%,transparent 34%),linear-gradient(18deg,transparent 42%,#fbf3ce 43%,#fbf3ce 46%,transparent 47%)}
html[data-theme="liquid"] .lg-map-preview[data-map-style="terrain"]{background:repeating-radial-gradient(ellipse at 25% 80%,#c0cbb7 0 3px,#d7dfcd 4px 9px,#e5e9dc 10px 13px);box-shadow:inset 0 0 15px #ffffffe0}
html[data-theme="liquid"] .lg-map-base input[type="radio"]{position:absolute;right:11px;top:11px;z-index:1;appearance:none;-webkit-appearance:none;margin:0;padding:0;width:19px;height:19px;border:1px solid #a1b5cb;border-radius:50%;background:#fffffff2;box-shadow:0 1px 4px #12263c26;cursor:inherit}
html[data-theme="liquid"] .lg-map-base input[type="radio"]:checked{background:#0965ff;border-color:#0965ff}
html[data-theme="liquid"] .lg-map-base input[type="radio"]:checked::after{content:'';position:absolute;inset:3px;background:white;-webkit-mask:url('/static/icons/check.svg') center/contain no-repeat;mask:url('/static/icons/check.svg') center/contain no-repeat}
html[data-theme="liquid"] .lg-map-layers .leaflet-control-layers-separator{border-top:1px solid #7087a327;margin:12px 0 0}
html[data-theme="liquid"] .lg-map-layers .leaflet-control-layers-overlays{display:grid;gap:3px}
html[data-theme="liquid"] .lg-map-overlay{padding:5px 6px;border-radius:12px}
html[data-theme="liquid"] .lg-map-overlay .lg-map-layer-row{display:flex;align-items:center;gap:9px;min-height:34px}
html[data-theme="liquid"] .lg-map-overlay .lg-map-layer-copy{flex:1;order:1}
html[data-theme="liquid"] .lg-map-overlay .lg-map-layer-name{font-size:13px}
html[data-theme="liquid"] .lg-map-layer-icon{order:0;width:30px;height:30px;box-sizing:border-box;padding:6px;border-radius:10px;background:#ffffffad;box-shadow:inset 0 0 0 1px #fff;opacity:.82}
html[data-theme="liquid"] .lg-map-overlay input[type="checkbox"]{appearance:none;-webkit-appearance:none;position:relative;order:2;flex-shrink:0;margin:0;padding:0;width:39px;height:24px;min-width:39px;border:1px solid #a1b3ca38;border-radius:999px;background:#b8c5d88f;box-shadow:inset 0 1px 2px #3f5b7a0d;cursor:pointer;transition:background .16s}
html[data-theme="liquid"] .lg-map-overlay input[type="checkbox"]::after{content:'';position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:white;box-shadow:0 1px 4px #334d7236;transition:transform .16s}
html[data-theme="liquid"] .lg-map-overlay input[type="checkbox"]:checked{background:#0965ff;border-color:#0965ff}
html[data-theme="liquid"] .lg-map-overlay input[type="checkbox"]:checked::after{transform:translateX(15px)}
html[data-theme="liquid"] .lg-map-layers label:has(input:focus-visible){outline:3px solid #0965ff80;outline-offset:2px}
html[data-theme="liquid"] :is(.lg-map-layer-toggle,.lg-map-layer-close):focus-visible{outline:3px solid #0965ff80;outline-offset:3px}
@media(hover:hover){html[data-theme="liquid"] .lg-map-base:not(:has(input:disabled)):hover{border-color:#85b4f3;background:#f7fbff}html[data-theme="liquid"] .lg-map-overlay:hover{background:#ffffff87}}
html[data-theme="liquid"] .leaflet-tooltip{font-family:var(--lg-font)!important;font-size:12px;border-radius:11px;border:1px solid #ffffffdc;background:#f8fbfff0;color:#263951;box-shadow:0 4px 14px #20395726;backdrop-filter:blur(15px)}
html[data-theme="liquid"] .leaflet-tooltip.spd-tip{font:550 12px/1.4 var(--lg-font)!important;border-radius:11px!important;padding:5px 9px!important;background:#263447ed!important}
html[data-theme="liquid"] .leaflet-tooltip.spoof-tip{font:600 12px/1.4 var(--lg-font)!important;border-radius:11px!important;padding:5px 9px!important;background:#bc620bea!important;color:#fff!important}
@media(max-width:600px){html[data-theme="liquid"] .lg-map-layer-close{width:40px;height:40px;min-width:40px;min-height:40px}html[data-theme="liquid"] .lg-map-layer-name{font-size:12px}html[data-theme="liquid"] .lg-map-overlay .lg-map-layer-row{min-height:38px}}
@media(prefers-reduced-motion:reduce){html[data-theme="liquid"] .lg-map-layers *,html[data-theme="liquid"] .lg-map-layers *::after{transition:none!important}}

/* Semantic vector cartography and restrained loading feedback. */
html[data-theme="liquid"] .lg-vector-basemap,html[data-theme="liquid"] .lg-vector-basemap canvas{pointer-events:none}
html[data-theme="liquid"] #map.lg-map-loading{background:#e9eef3}
html[data-theme="liquid"] .lg-map-status{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);z-index:650;max-width:calc(100% - 32px);padding:9px 15px;border:1px solid #ffffffea;border-radius:18px;background:#f5f9f3ed;box-shadow:0 5px 20px #263e6326;backdrop-filter:blur(20px);color:#3d5266;font:500 12px/1.5 var(--lg-font);text-align:center;pointer-events:none}
html[data-theme="liquid"] .lg-map-status[data-state="fallback"]{background:#fff8e8f2;color:#82591c}
html[data-theme="liquid"] .lg-map-preview[data-map-style="glass"]{background-color:#e7edf1;background-image:linear-gradient(122deg,transparent 51%,#acd5ed 52% 61%,transparent 62%),linear-gradient(18deg,transparent 40%,white 41% 47%,transparent 48%),linear-gradient(96deg,transparent 30%,white 31% 37%,transparent 38%),radial-gradient(ellipse at 80% 12%,#bcdfc5 0 25%,transparent 26%),radial-gradient(ellipse at 4% 99%,#cee4d1 0 32%,transparent 33%)}