:root[data-komlio]{--k-midnight:#0f172a;--k-cobalt:#2563eb;--k-cyan:#06b6d4;--k-bg:#f5f8fc;--k-surface:#fff;--k-raised:#eef4fb;--k-text:#0f172a;--k-muted:#52627a;--k-border:#dce5f0;--k-accent:#2563eb;--k-on-accent:#fff;--k-shadow:0 16px 48px #0f172a0a;--k-radius:14px;--hm-bg:var(--k-bg);--hm-card:var(--k-surface);--hm-text:var(--k-text);--hm-muted:var(--k-muted);--hm-line:var(--k-border);--hm-accent:var(--k-accent);--hm-input:var(--k-surface);--slate-1:255 255 255!important;--slate-2:248 250 253!important;--slate-3:238 244 251!important;--slate-4:230 237 247!important;--slate-5:220 229 240!important;--slate-6:205 217 233!important;--slate-7:185 202 223!important;--slate-8:150 172 200!important;--slate-9:112 134 165!important;--slate-10:91 112 143!important;--slate-11:75 94 121!important;--slate-12:15 23 42!important;--blue-9:37 99 235!important;--blue-10:29 78 216!important;--blue-11:29 78 216!important;--iris-9:37 99 235!important;--iris-10:29 78 216!important;--iris-11:29 78 216!important;--background-color:245 248 252!important}
:root[data-komlio][data-theme=dark]{--k-bg:#0b1221;--k-surface:#111d32;--k-raised:#1b2b45;--k-text:#edf3fc;--k-muted:#a8bad3;--k-border:#2b405d;--k-accent:#75a9ff;--k-shadow:0 16px 48px #0003;--slate-1:11 18 33!important;--slate-2:17 29 50!important;--slate-3:24 40 64!important;--slate-4:32 49 75!important;--slate-5:43 64 93!important;--slate-6:57 79 110!important;--slate-7:73 98 130!important;--slate-8:95 122 153!important;--slate-9:120 145 175!important;--slate-10:144 167 196!important;--slate-11:168 186 211!important;--slate-12:237 243 252!important;--blue-9:37 99 235!important;--blue-10:59 130 246!important;--blue-11:117 169 255!important;--iris-11:117 169 255!important;--background-color:11 18 33!important}
html[data-komlio] body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--k-text);background:var(--k-bg)}html[data-komlio] :focus-visible{outline:3px solid var(--k-accent);outline-offset:3px}html[data-komlio] button{border-radius:10px}html[data-komlio] input,html[data-komlio] select,html[data-komlio] textarea{accent-color:var(--k-cobalt)}html[data-komlio] .komlio-theme-toggle{font:600 12px/1.4 Inter,system-ui,sans-serif!important;display:inline-flex!important;align-items:center;width:auto!important;min-height:36px;gap:8px;padding:8px 12px!important;border:1px solid var(--k-border)!important;background:var(--k-surface)!important;color:var(--k-text)!important;border-radius:99px!important;cursor:pointer;box-shadow:var(--k-shadow);z-index:40}html[data-komlio]:has(#app) .komlio-theme-toggle{position:static;align-self:flex-start;flex-shrink:0;margin:8px 12px}html[data-komlio] .conversations-list-wrap{background:var(--k-surface)}html[data-komlio] .conversation-wrap{background:var(--k-bg)}html[data-komlio] .ProseMirror{caret-color:var(--k-accent)}html[data-komlio] [role=dialog]{border-radius:var(--k-radius)}
html[data-komlio]:not(:has(#app)) body{background:var(--k-bg)!important;color:var(--k-text)!important}html[data-komlio]:not(:has(#app)) a{color:var(--k-accent)}html[data-komlio]:not(:has(#app)) :is(article,.card,.demo,details){background:var(--k-surface);border:1px solid var(--k-border);border-radius:var(--k-radius);box-shadow:var(--k-shadow)}html[data-komlio]:not(:has(#app)) :is(input,textarea,select){background:var(--k-surface);color:var(--k-text);border-color:var(--k-border)}html[data-komlio]:not(:has(#app)) :is(.muted,.lead,footer){color:var(--k-muted)}html[data-komlio]:not(:has(#app)) :is(button:not(.komlio-theme-toggle),.cta){background:var(--k-cobalt);color:white}html[data-komlio]:not(:has(#app)) .brand{color:var(--k-text);display:inline-flex;align-items:center;gap:10px}html[data-komlio]:not(:has(#app)) .brand:before{content:"";width:40px;height:34px;background:url('/messenger/brand/mark.svg') center/contain no-repeat;flex:none}html[data-komlio] .badge{background:var(--k-raised);color:var(--k-accent)}@media(prefers-reduced-motion:reduce){html[data-komlio] *,html[data-komlio] *:before{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}@media(max-width:600px){html[data-komlio]:has(#app) .komlio-theme-toggle{font-size:11px!important}}

html[data-komlio] .komlio-theme-toggle[hidden]{display:none!important}
html[data-komlio]:not(:has(#app)) .eyebrow{color:var(--k-accent)}
html[data-komlio]:not(:has(#app)) .hero{background:radial-gradient(ellipse at top right,#06b6d415,transparent 65%)}
/* Komlio accent hierarchy: luminous branding around quiet reading surfaces. */
:root[data-komlio]{--k-brand-gradient:linear-gradient(115deg,#2563eb,#0e7490);--k-glow:0 8px 28px #2563eb26;--k-tint:#e7f5fc;--k-cyan-ink:#076b80}
:root[data-komlio][data-theme=dark]{--k-bg:#0d182b;--k-surface:#14233c;--k-raised:#1b3554;--k-border:#2c486b;--k-tint:#153b53;--k-cyan-ink:#57d6ea;--surface-1:20 35 60!important;--surface-2:24 43 69!important;--surface-active:29 63 103!important}
html[data-komlio] #app aside{background:radial-gradient(ellipse at 0 100%,#06b6d41c,transparent 65%),linear-gradient(165deg,#f7fbff,#eaf2fd)!important;box-shadow:inset -1px 0 #06b6d430}
html[data-komlio][data-theme=dark] #app aside{background:radial-gradient(ellipse at 0 100%,#06b6d433,transparent 70%),linear-gradient(165deg,#0f172a,#12345a)!important}
html[data-komlio] #app aside a[aria-current=page]{background:var(--k-brand-gradient)!important;color:#fff!important;box-shadow:var(--k-glow);border-radius:10px}
html[data-komlio] #app .conversations-list-wrap{border-top:2px solid var(--k-cyan);background:var(--k-surface)}
html[data-komlio] #app .ProseMirror{border-radius:12px;background:var(--k-surface)}
html[data-komlio] #app [class~="bg-woot-500"]{background:var(--k-brand-gradient)!important;color:#fff}
html[data-komlio][data-theme=dark] #app :is([class~="dark:bg-slate-900"],[class~="dark:bg-slate-800"]){background-color:var(--k-surface)!important}
html[data-komlio]:not(:has(#app)) :is(button:not(.komlio-theme-toggle),.cta){background:var(--k-brand-gradient);box-shadow:var(--k-glow)}
html[data-komlio]:not(:has(#app)) .badge{background:var(--k-tint);color:var(--k-cyan-ink);border:1px solid #06b6d433}
html[data-komlio]:not(:has(#app)) header{border-bottom:2px solid #06b6d44d}
html[data-komlio]:not(:has(#app)) input:focus,html[data-komlio]:not(:has(#app)) textarea:focus{border-color:var(--k-cobalt);box-shadow:0 0 0 3px #06b6d41f}
/* Light counterpart: white reading surfaces, glacier blue layers, cobalt/cyan edges. */
:root[data-komlio][data-theme=light]{--k-bg:#f3f8ff;--k-surface:#fff;--k-raised:#eaf3ff;--k-border:#ccdff2;--k-tint:#e5f6fb;--k-cyan-ink:#076b80;--surface-1:255 255 255!important;--surface-2:243 248 255!important;--surface-active:223 238 255!important}
html[data-komlio][data-theme=light] #app aside{background:radial-gradient(ellipse at 0 100%,#06b6d42b,transparent 70%),linear-gradient(165deg,#fafdff,#e5efff)!important;box-shadow:inset -1px 0 #7dd8ea66}
html[data-komlio][data-theme=light] #app aside a[aria-current=page]{background:linear-gradient(110deg,#dceaff,#d8f5fa)!important;color:#174a97!important;box-shadow:inset 3px 0 #2563eb}
html[data-komlio][data-theme=light] #app .conversations-list-wrap{background:linear-gradient(180deg,#f0f7ff,#fff 260px);border-top:2px solid #06b6d4}
html[data-komlio][data-theme=light] #app .ProseMirror{background:#f8fbff;box-shadow:inset 0 0 0 1px #d6e7f8}
html[data-komlio][data-theme=light]:not(:has(#app)) header{background:linear-gradient(100deg,#fff,#eff9ff);border-bottom-color:#8fdce9}
html[data-komlio][data-theme=light]:not(:has(#app)) :is(.card,article){box-shadow:0 12px 36px #2563eb0a;border-color:#d0e3f5}