@font-face{font-family:'Carlito';font-style:normal;font-display:swap;font-weight:400;src:url('/assets/fonts/Carlito-Regular-latin.woff2') format('woff2'),url('/assets/fonts/Carlito-Regular.ttf') format('truetype')}
@font-face{font-family:'Carlito';font-style:normal;font-display:swap;font-weight:700;src:url('/assets/fonts/Carlito-Bold-latin.woff2') format('woff2'),url('/assets/fonts/Carlito-Bold.ttf') format('truetype')}
@font-face{font-family:'Manrope Variable';font-style:normal;font-display:swap;font-weight:200 800;src:url('/assets/fonts/manrope-cyrillic-ext-wght-normal.woff2') format('woff2-variations');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:'Manrope Variable';font-style:normal;font-display:swap;font-weight:200 800;src:url('/assets/fonts/manrope-cyrillic-wght-normal.woff2') format('woff2-variations');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Manrope Variable';font-style:normal;font-display:swap;font-weight:200 800;src:url('/assets/fonts/manrope-latin-ext-wght-normal.woff2') format('woff2-variations');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Manrope Variable';font-style:normal;font-display:swap;font-weight:200 800;src:url('/assets/fonts/manrope-latin-wght-normal.woff2') format('woff2-variations');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  color-scheme:light;
  --page:#d9ddd9;--frame:rgba(242,246,242,.11);--header:rgba(235,241,237,.15);
  --surface:rgba(252,254,251,.21);--surface-strong:rgba(255,255,253,.34);--surface-muted:rgba(229,236,231,.17);
  --surface-hover:rgba(255,255,253,.40);--ink:#17211e;--muted:#46524d;--quiet:#606c66;
  --glass-edge:rgba(255,255,255,.62);--glass-card-shadow:0 10px 28px rgba(44,54,49,.08),inset 0 1px 0 rgba(255,255,255,.72),inset 0 -1px 0 rgba(65,82,73,.08);
  --line:rgba(56,73,65,.16);--line-strong:rgba(47,65,57,.25);--focus:#247a8a;
  --blue:#287a9f;--blue-soft:#deeff5;--mint:#247d64;--mint-soft:#ddf1eb;--violet:#6d56ae;--violet-soft:#ece7f8;
  --yellow:#bc8e12;--yellow-soft:#fff1b9;--coral:#a63d2f;--coral-soft:#fae0db;
  --ok:#1d6f58;--warn:#7e5011;--bad:#a63d2f;--info:#1d6382;
  --shadow-frame:0 26px 70px rgba(39,48,44,.18);--shadow-card:var(--glass-card-shadow);--shadow-hover:0 14px 34px rgba(42,53,48,.13),inset 0 1px 0 rgba(255,255,255,.72);
  --r-xl:28px;--r-lg:22px;--r-md:16px;--r-sm:12px;
  --font:'Carlito','Calibri','Segoe UI',Arial,sans-serif;--mono:'SFMono-Regular',Consolas,'Liberation Mono',monospace;
  --klo-face:var(--surface);--klo-sunken:var(--surface-strong);--klo-paper:var(--surface-muted);--klo-ink:var(--ink);--klo-muted:var(--muted);
  --klo-canvas-muted:var(--muted);--klo-canvas-up:var(--ok);--klo-canvas-down:var(--bad);--klo-canvas-flat:var(--info);--klo-display:var(--font);--klo-mono:var(--mono);
}
:root[data-klo-theme='dark']{
  color-scheme:dark;
  --page:#131918;--frame:rgba(12,19,17,.13);--header:rgba(16,25,22,.18);
  --surface:rgba(24,34,31,.28);--surface-strong:rgba(31,42,38,.42);--surface-muted:rgba(43,56,51,.22);
  --surface-hover:rgba(37,49,44,.40);--ink:#f1f5f3;--muted:#afbbb6;--quiet:#87948e;
  --glass-edge:rgba(244,255,249,.18);--glass-card-shadow:0 12px 28px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1px 0 rgba(0,0,0,.18);
  --line:rgba(224,235,229,.12);--line-strong:rgba(224,235,229,.21);--focus:#8ed4df;
  --blue:#78c4df;--blue-soft:#243f48;--mint:#7dd4b6;--mint-soft:#25483e;--violet:#b8a3ed;--violet-soft:#3c354e;
  --yellow:#f0c949;--yellow-soft:#51481f;--coral:#f39587;--coral-soft:#482b27;
  --ok:#70c7a7;--warn:#e5b261;--bad:#f39587;--info:#78c4df;
  --shadow-frame:0 28px 80px rgba(0,0,0,.48);--shadow-card:var(--glass-card-shadow);--shadow-hover:0 16px 36px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.22);
}

*{box-sizing:border-box}
[hidden],.hidden{display:none!important}
html{min-width:320px;min-height:100%;background:var(--page);scroll-behavior:smooth}
body{
  margin:0;min-height:100vh;min-height:100dvh;padding:18px;color:var(--ink);font:500 13px/1.48 var(--font);
  background:
    radial-gradient(680px 540px at 0% -6%,color-mix(in srgb,var(--blue) 46%,transparent),transparent 70%),
    radial-gradient(720px 560px at 102% 4%,color-mix(in srgb,var(--violet) 38%,transparent),transparent 68%),
    radial-gradient(620px 520px at 76% 108%,color-mix(in srgb,var(--mint) 38%,transparent),transparent 70%),
    radial-gradient(520px 440px at 18% 86%,color-mix(in srgb,var(--yellow) 18%,transparent),transparent 72%),
    linear-gradient(145deg,color-mix(in srgb,var(--page) 88%,white),var(--page));
  background-attachment:fixed;
}
body::before{content:'';position:fixed;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.08),transparent 35%,rgba(255,255,255,.035) 68%,transparent);z-index:-1}
body,a,button,input,select,textarea{font-family:var(--font)}
a{color:inherit;text-decoration:none}
code,.mono,.value{font-family:var(--mono)}
::selection{background:color-mix(in srgb,var(--blue) 32%,transparent)}
:focus-visible{outline:3px solid var(--focus)!important;outline-offset:3px!important}

.app,.desktop .app-window{
  width:min(1480px,100%);max-width:none!important;margin:0 auto!important;overflow:clip;
  color:var(--ink)!important;background:var(--frame)!important;border:1px solid var(--line-strong)!important;border-radius:var(--r-xl)!important;
  box-shadow:var(--shadow-frame)!important;backdrop-filter:blur(6px) saturate(1.08);-webkit-backdrop-filter:blur(6px) saturate(1.08);
}
.app{position:relative;width:min(1480px,100%);margin:0 auto;overflow:clip;background:var(--frame)!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:var(--r-xl)!important;box-shadow:var(--shadow-frame)!important;backdrop-filter:blur(6px) saturate(1.08);-webkit-backdrop-filter:blur(6px) saturate(1.08)}
.app::before{content:'';position:absolute;z-index:0;inset:0;pointer-events:none;background:radial-gradient(520px 420px at 8% 24%,color-mix(in srgb,var(--blue) 24%,transparent),transparent 72%),radial-gradient(620px 480px at 94% 40%,color-mix(in srgb,var(--violet) 20%,transparent),transparent 74%),radial-gradient(560px 430px at 62% 92%,color-mix(in srgb,var(--mint) 22%,transparent),transparent 72%)}
.app>*{position:relative;z-index:1}
.app.wide{width:min(1480px,100%)}
.desktop{min-height:0!important;padding:0!important;background:transparent!important}
.app.narrow{width:min(980px,100%)}

.app-header,.titlebar,.klo-shell-header{
  min-height:72px;padding:12px 18px!important;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;align-items:center!important;gap:18px;
  color:var(--ink)!important;background:var(--header)!important;border:0!important;border-bottom:1px solid var(--line)!important;box-shadow:none!important;
  backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);position:relative;z-index:30;
}
.klo-shell-brand{display:flex;align-items:center;gap:10px;min-width:0;color:var(--ink);font-weight:800;letter-spacing:-.02em}
.klo-brand-icon{width:34px!important;height:34px!important;padding:8px;border:1px solid var(--line);border-radius:12px;background-color:var(--blue)!important;background-size:20px!important}
.klo-brand-copy{display:grid;line-height:1}.klo-brand-copy strong{font-size:16px;letter-spacing:.04em}.klo-brand-copy small{margin-top:4px;color:var(--quiet);font-size:9px;letter-spacing:.2em}
.klo-page-identity{min-width:0;display:grid;justify-items:start}.klo-page-identity strong{font-size:18px;line-height:1.15;letter-spacing:-.025em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.klo-page-identity span{margin-top:3px;color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.klo-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.header-clock{min-width:52px;color:var(--muted)!important;font:650 12px/1 var(--mono)!important;text-align:center;white-space:nowrap}
.klo-theme-toggle,.klo-menu-button,.klo-menu-close,.klo-header-refresh{
  width:42px;height:42px;min-width:42px!important;min-height:42px!important;padding:0!important;display:grid!important;place-items:center;border:1px solid var(--line)!important;border-radius:14px!important;
  color:var(--ink)!important;background:color-mix(in srgb,var(--surface) 82%,transparent)!important;box-shadow:none!important;cursor:pointer;transform:none!important;
}
.klo-theme-toggle:hover,.klo-menu-button:hover,.klo-menu-close:hover,.klo-header-refresh:hover{background:var(--surface-hover)!important;border-color:var(--line-strong)!important}
.klo-menu-button{display:none!important}

.klo-icon{--icon:none;width:18px;height:18px;display:inline-block;flex:0 0 18px;background:currentColor;mask:var(--icon) center/contain no-repeat;-webkit-mask:var(--icon) center/contain no-repeat}
.icon-app-window{--icon:url('/assets/iconoir/app-window.svg')}.icon-dashboard-dots{--icon:url('/assets/iconoir/dashboard-dots.svg')}.icon-home-simple{--icon:url('/assets/iconoir/home-simple.svg')}.icon-shield-check{--icon:url('/assets/iconoir/shield-check.svg')}.icon-globe{--icon:url('/assets/iconoir/globe.svg')}.icon-server{--icon:url('/assets/iconoir/server.svg')}.icon-message{--icon:url('/assets/iconoir/message.svg')}.icon-antenna-signal{--icon:url('/assets/iconoir/antenna-signal.svg')}.icon-mail{--icon:url('/assets/iconoir/mail.svg')}.icon-graph-up{--icon:url('/assets/iconoir/graph-up.svg')}.icon-temperature-high{--icon:url('/assets/iconoir/temperature-high.svg')}.icon-cloud-sunny{--icon:url('/assets/iconoir/cloud-sunny.svg')}.icon-airplane{--icon:url('/assets/iconoir/airplane.svg')}.icon-cpu{--icon:url('/assets/iconoir/cpu.svg')}.icon-clock{--icon:url('/assets/iconoir/clock.svg')}.icon-microphone{--icon:url('/assets/iconoir/microphone.svg')}.icon-text-magnifying-glass{--icon:url('/assets/iconoir/text-magnifying-glass.svg')}.icon-battery-charging{--icon:url('/assets/iconoir/battery-charging.svg')}.icon-sun-light{--icon:url('/assets/iconoir/sun-light.svg')}.icon-half-moon{--icon:url('/assets/iconoir/half-moon.svg')}.icon-refresh{--icon:url('/assets/iconoir/refresh.svg')}.icon-menu{--icon:url('/assets/iconoir/menu.svg')}.icon-xmark{--icon:url('/assets/iconoir/xmark.svg')}
.win-icon,.small-icon,.weather-icon{display:none!important}

.menu,.menubar{
  display:flex!important;align-items:center;gap:5px!important;min-height:54px;padding:7px 12px!important;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;
  color:var(--muted)!important;background:color-mix(in srgb,var(--header) 88%,transparent)!important;border:0!important;border-bottom:1px solid var(--line)!important;white-space:nowrap;position:relative;z-index:20;
}
.menu a,.menubar a{min-height:38px;padding:8px 11px!important;display:inline-flex!important;align-items:center;gap:7px;border:1px solid transparent!important;border-radius:12px!important;color:var(--muted)!important;background:transparent!important;font-size:11px;font-weight:650!important;text-decoration:none!important;box-shadow:none!important}
.menu a:hover,.menubar a:hover{color:var(--ink)!important;background:color-mix(in srgb,var(--surface) 60%,transparent)!important}
.menu a.active,.menubar a.active,.menu a[aria-current='page'],.menubar a[aria-current='page']{color:var(--ink)!important;border-color:var(--line)!important;background:var(--surface-strong)!important;box-shadow:0 5px 16px rgba(42,53,48,.07)!important}

.workspace,.content-grid{padding:18px!important;background:transparent!important;min-width:0}
.hero{display:flex!important;align-items:center!important;justify-content:space-between;gap:14px!important;margin:0 0 14px!important;min-width:0}.hero>div{min-width:0}.hero h1{margin:0!important;display:flex!important;align-items:center;gap:9px;color:var(--ink)!important;font-size:22px!important;font-weight:750;line-height:1.15;letter-spacing:-.035em}.hero p{display:block!important;margin:4px 0 0!important;color:var(--muted)!important;font-size:11px!important}.hero .klo-icon{width:22px;height:22px;color:var(--blue)}
.muted{color:var(--muted)!important}.small{font-size:11px!important}.big{font-size:30px!important;line-height:1.05;font-weight:750}.footer-note{color:var(--muted)!important}

button,.button,input[type=file]::file-selector-button,select,input,textarea{
  min-height:40px;border:1px solid var(--line-strong)!important;border-radius:12px!important;color:var(--ink)!important;background:var(--surface-strong)!important;box-shadow:none!important;font:600 12px/1.25 var(--font)!important;transform:none!important;
}
button,.button,input[type=file]::file-selector-button,select{padding:9px 13px!important;display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;text-decoration:none!important}
button:hover,.button:hover,select:hover{border-color:color-mix(in srgb,var(--blue) 48%,var(--line))!important;background:var(--surface-hover)!important}
button:active,.button:active{transform:translateY(1px)!important}
button.primary,.button.primary{color:#fff!important;background:var(--blue)!important;border-color:transparent!important;font-weight:750!important}
:root[data-klo-theme='dark'] button.primary,:root[data-klo-theme='dark'] .button.primary{color:#10201d!important}
button[disabled],select[disabled]{opacity:.48;cursor:not-allowed}
input,textarea{padding:10px 12px!important;outline:0}.toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:10px 0!important}

.grid{display:grid;gap:12px!important}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px!important}.split{display:grid;grid-template-columns:1.1fr .9fr;gap:12px!important}
/* Liquid card material */
.panel,.metric-card,.metric,.overview-card,.room-card,.co2-card,.status-item,.power-metric,.world-zone,.service-row,.emergency-card,.backend-chip,.node-chip,.diag,.criterion,.energy-node,.next-action,.runtime-box,.precharge-control,.solar-analytics,.solar-fact,.tool-field,.wx-card,.market-card,.market-state-card,.quote-card,.component-card,.component,.resource-fact,.flow-node,.transport-item,.explain-item,.invite-result,.subscription-cell,.server-row,.feature-row,.job-progress{
  min-width:0;color:var(--ink)!important;background:var(--surface)!important;border:1px solid color-mix(in srgb,var(--glass-edge) 72%,var(--line-strong))!important;border-radius:var(--r-md)!important;
  box-shadow:var(--glass-card-shadow)!important;backdrop-filter:blur(10px) saturate(1.1);-webkit-backdrop-filter:blur(10px) saturate(1.1);transform:translateZ(0);
}
.panel,.metric-card{padding:14px!important}.metric-card{display:block;text-decoration:none!important;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}.metric-card[href]:hover{transform:translateY(-2px)!important;border-color:var(--line-strong)!important;background:var(--surface-hover)!important;box-shadow:var(--shadow-hover)!important}
.panel-title{min-height:34px;margin:-3px -3px 12px!important;padding:4px 3px 10px!important;display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--ink)!important;background:transparent!important;border:0!important;border-bottom:1px solid var(--line)!important;font-weight:750!important}.panel-title small{color:var(--muted)!important;font-weight:500!important}.section-title{color:var(--ink)!important;font-weight:750!important}.metric-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}.metric-card .label,.label{color:var(--muted)!important;font-size:11px;font-weight:650!important}.metric-card .num{margin:4px 0;color:var(--ink)!important;font:750 24px/1.05 var(--font)!important;letter-spacing:-.035em}.metric-card .muted{display:block!important;font-size:10px!important;line-height:1.35}
.panel.sunken,.row,.drop,.loader,.result-block,.clock-wrap,.next-action,.runtime-box,.solar-analytics{background:var(--surface-strong)!important;border:1px solid var(--line)!important;box-shadow:none!important}

.badge{min-height:24px;padding:3px 8px!important;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line)!important;border-radius:999px!important;background:var(--surface-muted)!important;color:var(--ink)!important;font-size:10px!important;font-weight:750!important;box-shadow:none!important}.badge.ok{color:var(--ok)!important;background:var(--mint-soft)!important}.badge.warn{color:var(--warn)!important;background:var(--yellow-soft)!important}.badge.bad{color:var(--bad)!important;background:var(--coral-soft)!important}.badge.info{color:var(--info)!important;background:var(--blue-soft)!important}
.dot,.health-dot,.status-dot{width:7px!important;height:7px!important;border:0!important;border-radius:50%!important;background:var(--quiet)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--quiet) 15%,transparent)}.dot.ok,.health-dot.ok,.status-dot.ok{background:var(--ok)!important}.dot.warn,.health-dot.warn,.status-dot.warn{background:var(--warn)!important}.dot.bad,.health-dot.bad,.status-dot.bad{background:var(--bad)!important}.dot.info{background:var(--info)!important}
.toast{padding:12px 14px!important;border:1px solid color-mix(in srgb,var(--bad) 45%,var(--line))!important;border-radius:var(--r-md)!important;background:var(--coral-soft)!important;color:var(--bad)!important;font-weight:700!important}.loader,.loading-panel{padding:22px!important;border:1px solid var(--line)!important;border-radius:var(--r-md)!important;background:var(--surface)!important;color:var(--muted)!important;text-align:center!important}

.kv{display:grid!important;grid-template-columns:minmax(120px,38%) minmax(0,1fr);overflow:hidden;border:1px solid var(--line)!important;border-radius:var(--r-sm)!important;background:var(--surface-strong)!important}.kv div{padding:8px 10px!important;border:0!important;border-bottom:1px solid var(--line)!important;overflow-wrap:anywhere}.kv div:nth-child(odd){background:var(--surface-muted)!important;color:var(--muted)!important;font-weight:650!important}.kv div:nth-last-child(-n+2){border-bottom:0!important}
.table{width:100%;border-collapse:separate!important;border-spacing:0!important;overflow:hidden;border:1px solid var(--line)!important;border-radius:var(--r-sm)!important;background:var(--surface-strong)!important;color:var(--ink)!important}.table th,.table td{padding:8px 10px!important;border:0!important;border-bottom:1px solid var(--line)!important;text-align:left;vertical-align:top}.table th{background:var(--surface-muted)!important;color:var(--muted)!important;font-size:10px;font-weight:750!important;text-transform:uppercase;letter-spacing:.045em}.table tr:last-child td{border-bottom:0!important}.table tr:nth-child(even) td{background:color-mix(in srgb,var(--surface-muted) 36%,transparent)!important}
.row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px!important}.row-title{font-weight:750!important}.row-meta{color:var(--muted)!important;font-size:10px!important;overflow-wrap:anywhere}.list{display:grid;gap:8px!important}
.progress{height:11px!important;padding:0!important;overflow:hidden;border:0!important;border-radius:999px!important;background:var(--surface-muted)!important}.bar{height:100%;border-radius:999px;background:var(--blue)!important}.bar.ok{background:var(--ok)!important}.bar.warn{background:var(--warn)!important}.bar.bad{background:var(--bad)!important}
.statusbar{min-height:38px;padding:8px 14px!important;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;color:var(--quiet)!important;background:color-mix(in srgb,var(--header) 88%,transparent)!important;border:0!important;border-top:1px solid var(--line)!important;font-size:10px!important}.statusbar span{padding:0!important;border:0!important;background:transparent!important}

/* Hub */
:root[data-klo-page='hub'] .workspace>.grid{grid-template-columns:repeat(4,minmax(0,1fr))}
:root[data-klo-page='hub'] .workspace>.grid .metric-card{position:relative;min-height:122px;padding:16px!important;overflow:hidden}
:root[data-klo-page='hub'] .workspace>.grid .metric-card::after{content:'';position:absolute;right:-28px;bottom:-34px;width:100px;height:100px;border-radius:50%;background:color-mix(in srgb,var(--card-accent,var(--blue)) 16%,transparent);pointer-events:none}
:root[data-klo-page='hub'] .metric-card[data-accent='mint']{--card-accent:var(--mint)}:root[data-klo-page='hub'] .metric-card[data-accent='blue']{--card-accent:var(--blue)}:root[data-klo-page='hub'] .metric-card[data-accent='violet']{--card-accent:var(--violet)}:root[data-klo-page='hub'] .metric-card[data-accent='coral']{--card-accent:var(--coral)}:root[data-klo-page='hub'] .metric-card[data-accent='yellow']{--card-accent:var(--yellow)}
:root[data-klo-page='hub'] .metric-head .klo-icon{width:20px;height:20px;color:var(--card-accent,var(--blue))}
.bench-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:7px!important}.bench-grid .button{min-width:0;justify-content:flex-start!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:var(--surface-strong)!important}

/* Grammar editor contracts */
.editor-wrap{position:relative;min-height:360px;overflow:hidden;border:1px solid var(--line-strong)!important;border-radius:var(--r-md)!important;background:var(--surface-strong)!important;box-shadow:none!important}.editor-wrap textarea,.backdrop{min-height:360px;padding:16px!important;font:500 16px/1.65 var(--font)!important;white-space:pre-wrap;overflow-wrap:break-word}.editor-wrap textarea{position:relative;width:100%;resize:vertical;z-index:2;border:0!important;border-radius:0!important;background:transparent!important;color:transparent!important;caret-color:var(--ink)!important}.backdrop{position:absolute;inset:0;z-index:1;color:var(--ink)!important;overflow:hidden;pointer-events:none}.backdrop mark{padding:0 1px;background:color-mix(in srgb,var(--coral-soft) 88%,transparent)!important;color:var(--ink)!important;border:0!important;border-bottom:2px solid var(--bad)!important}.backdrop mark.grammar{background:var(--yellow-soft)!important;border-bottom-color:var(--warn)!important}.popover{z-index:90;max-width:min(380px,calc(100vw - 24px));padding:14px!important;border:1px solid var(--line-strong)!important;border-radius:var(--r-md)!important;background:var(--surface-strong)!important;color:var(--ink)!important;box-shadow:var(--shadow-hover)!important}.popover .quote{padding:8px!important;border:1px solid var(--line)!important;border-radius:10px!important;background:var(--surface-muted)!important}

/* Weather Station adapter */
.desktop .window{width:100%!important;min-height:0!important}.titlebar .title-left{display:none!important}.menubar .menu-button{display:none!important}.desktop .toolbar{margin:0!important;padding:14px 18px!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px!important;border:0!important;border-bottom:1px solid var(--line)!important;background:transparent!important}.tool-field{padding:10px 12px!important;box-shadow:none!important}.tool-field span{color:var(--muted)!important;font-size:10px!important}.tool-field strong{display:block;margin-top:4px;color:var(--ink)!important;overflow-wrap:anywhere}.content-grid{display:grid!important;grid-template-columns:1.1fr .9fr!important;gap:12px!important}.content-grid .panel{min-width:0}.content-grid .api-panel{grid-column:1/-1}.metric-grid{gap:8px!important}.metric{padding:12px!important}.metric-name,.metric-label,.source-time,.overview-label,.metric-value span,.metric-time{color:var(--muted)!important;opacity:1!important}.metric-value{color:var(--ink)!important}.metric-level{display:inline-flex!important;margin-top:7px!important;padding:3px 8px!important;border:1px solid var(--line)!important;border-radius:999px!important;color:var(--ok)!important;background:var(--mint-soft)!important;font-size:10px!important;font-weight:750!important}.level-yellow .metric-level{color:var(--warn)!important;background:var(--yellow-soft)!important}.level-orange .metric-level,.level-red .metric-level{color:var(--bad)!important;background:var(--coral-soft)!important}.api-preview{max-height:340px;overflow:auto;padding:14px!important;border:1px solid var(--line)!important;border-radius:var(--r-sm)!important;background:var(--surface-strong)!important;color:var(--ink)!important}

/* Page-specific surfaces and dense operational layouts */
.spark,.canvas-clock{border:1px solid var(--line)!important;border-radius:var(--r-sm)!important;background:var(--surface-strong)!important}.clock-readout,.date-readout{color:var(--ink)!important}.world-clock{color:var(--ink)!important}.world-date{color:var(--muted)!important}
.market-grid,.quotes-grid,.server-grid,.feature-grid,.component-grid,.resource-grid{gap:10px!important}.quote-card,.market-card,.server-row,.feature-row,.component,.resource-fact{padding:12px!important}.market-name,.quote-name,.component-name,.resource-label{color:var(--muted)!important}.market-value,.quote-price,.component-value,.resource-value{color:var(--ink)!important}
.feed-status,.market-exchange,.market-schedule,.market-next,.instrument-meta,.quote-unit,.change-period,.chart-caption,.quote-age{color:var(--muted)!important;opacity:1!important}.feed-status{display:flex!important;align-items:center;gap:7px}.live-dot{width:7px!important;height:7px!important;border-radius:50%!important;background:var(--ok)!important}.market-state-badge,.session-chip{padding:3px 8px!important;border:1px solid var(--line)!important;border-radius:999px!important;color:var(--ok)!important;background:var(--mint-soft)!important}.market-state-badge.closed,.session-chip.closed{color:var(--muted)!important;background:var(--surface-muted)!important}.market-state-badge.maintenance,.session-chip.maintenance{color:var(--warn)!important;background:var(--yellow-soft)!important}.quote-change.up{color:var(--ok)!important}.quote-change.down{color:var(--bad)!important}.quote-change.flat{color:var(--info)!important}.quote-spark{display:block;width:100%;border:1px solid var(--line)!important;border-radius:10px!important;background:var(--surface-strong)!important}
.overview-detail,.humidity,.room-state,.service-meta,.service-brief,.emergency-meta,.emergency-note,.node-meta,.row-meta,.metric-time,.source-time,.world-id{color:var(--muted)!important;opacity:1!important}.state-text.ok,.level-ok,.status-value.level-ok,.room-state.level-ok{color:var(--ok)!important}.state-text.degraded,.level-warn,.status-value.level-warn,.room-state.level-warn{color:var(--warn)!important}.state-text.down,.level-bad,.status-value.level-bad,.room-state.level-bad{color:var(--bad)!important}.service-row{background:var(--surface)!important}.emergency-panel{border-color:var(--line)!important}.emergency-grid{padding:10px!important;background:transparent!important}.emergency-card{padding:12px!important;background:var(--surface-strong)!important;border-color:var(--line)!important}.emergency-actions a,.emergency-actions button{min-height:38px!important;padding:8px 11px!important;border:1px solid var(--line-strong)!important;border-radius:11px!important;color:var(--ink)!important;background:var(--surface-muted)!important}.emergency-actions .primary-action{color:var(--surface-strong)!important;background:var(--blue)!important;border-color:transparent!important}:root[data-klo-theme='dark'] .emergency-actions .primary-action{color:#10201d!important}.world-time-list{display:grid!important;gap:7px!important;background:transparent!important;border:0!important}.world-zone{padding:10px 12px!important}.world-id{margin-top:2px!important}
.log,.logs,.log-box,pre{border-radius:var(--r-sm);color:var(--ink);background:var(--surface-strong)}
.drop{padding:28px!important;text-align:center}.drop.hover{border-color:var(--blue)!important;background:var(--blue-soft)!important}

/* Solar keeps its live geometry but adopts the shared material system. */
.energy-map{gap:10px!important}.energy-node{padding:14px!important;box-shadow:none!important}.energy-node::before{display:none!important}.energy-node.active{outline:2px solid var(--ok)!important;outline-offset:-3px!important}.energy-node.solar-active{background:var(--yellow-soft)!important;outline-color:var(--yellow)!important}.energy-node.grid-active{background:var(--blue-soft)!important;outline-color:var(--blue)!important}.energy-node.charging{background:var(--mint-soft)!important;outline-color:var(--mint)!important}.energy-node.discharging,.energy-node.uncertain{background:var(--coral-soft)!important;outline-color:var(--coral)!important}.node-meta,.node-state,.battery-spec,.next-label,.next-time,.threshold-line,.runtime-range,.precharge-meta,.diag-label,.solar-outlook-label,.solar-fact-label,.solar-reason{color:var(--muted)!important}.node-value,.next-value,.runtime-value,.precharge-state,.diag-value,.solar-outlook-value,.solar-fact-value{color:var(--ink)!important}.criterion,.diag,.solar-fact{padding:9px 10px!important;box-shadow:none!important}.solar-analytics,.runtime-box,.precharge-control,.next-action{padding:12px!important}.sun-compass{border-color:var(--line-strong)!important;background:var(--surface-strong)!important;color:var(--ink)!important}.flow-matrix-panel{background:var(--surface)!important}.flow-matrix-shell{border:1px solid var(--line)!important;border-radius:var(--r-md)!important;background:#1b2321!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)!important}

.klo-mobile-menu{position:fixed;inset:0;z-index:100;padding:14px;background:rgba(7,12,11,.58);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.klo-mobile-menu[hidden]{display:none!important}.klo-mobile-menu>div,.klo-mobile-menu>nav{width:min(460px,100%);margin-inline:auto}.klo-mobile-menu-head{height:58px;padding:8px 8px 8px 14px;display:flex;align-items:center;justify-content:space-between;color:var(--ink);background:var(--surface-strong);border:1px solid var(--line-strong);border-radius:20px 20px 0 0}.klo-mobile-nav{max-height:calc(100dvh - 100px);padding:10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;overflow-y:auto;background:var(--frame);border:1px solid var(--line-strong);border-top:0;border-radius:0 0 20px 20px}.klo-mobile-nav a{min-height:48px;padding:10px 12px;display:flex;align-items:center;gap:9px;border:1px solid transparent;border-radius:12px;color:var(--muted);font-weight:650}.klo-mobile-nav a.active,.klo-mobile-nav a[aria-current='page']{color:var(--ink);border-color:var(--line);background:var(--surface-strong)}

@media(max-width:1120px){:root[data-klo-page='hub'] .workspace>.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid{grid-template-columns:1fr!important}.content-grid .api-panel{grid-column:auto}}
@media(max-width:840px){body{padding:8px}.app,.desktop .app-window{border-radius:22px!important}.app-header,.titlebar,.klo-shell-header{min-height:64px;padding:10px 12px!important;grid-template-columns:auto minmax(0,1fr) auto;gap:10px}.klo-brand-copy{display:none}.klo-page-identity strong{font-size:16px}.klo-page-identity span{display:none}.header-clock{display:none!important}.klo-menu-button{display:grid!important}.menu,.menubar{display:none!important}.workspace,.content-grid{padding:12px!important}.hero{align-items:flex-start!important}.hero h1{font-size:19px!important}.grid.cols-2,.grid.cols-3,.grid.cols-4,.split,.section-grid{grid-template-columns:1fr!important}:root[data-klo-page='hub'] .workspace>.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.desktop .toolbar{padding:12px!important;grid-template-columns:1fr!important}.panel{overflow-x:auto}.table{min-width:640px}.row{align-items:flex-start;flex-direction:column}.kv{grid-template-columns:1fr}.kv div:nth-child(odd){border-bottom:0!important}.energy-map{min-width:0}.precharge-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:520px){body{padding:0}.app,.desktop .app-window{min-height:100dvh;border:0!important;border-radius:0!important}.app-header,.titlebar,.klo-shell-header{position:sticky;top:0}.klo-theme-toggle,.klo-menu-button,.klo-menu-close,.klo-header-refresh{width:40px;height:40px;min-width:40px!important}.workspace,.content-grid{padding:10px!important}.hero{flex-wrap:wrap}.hero>button,.hero>.button{margin-left:auto}:root[data-klo-page='hub'] .workspace>.grid{grid-template-columns:1fr}:root[data-klo-page='hub'] .workspace>.grid .metric-card{min-height:104px}.metric-card .muted{font-size:10px!important}.bench-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.statusbar{padding:8px 10px!important}.klo-mobile-nav{grid-template-columns:1fr}.precharge-actions,.source-stack,.diag-grid,.criteria-grid,.solar-facts{grid-template-columns:1fr!important}.editor-wrap textarea,.backdrop{font-size:15px!important;padding:12px!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}