/* Karofi Workspace — premium light layer (15/10/2026)
   Live on Omni Centre and Project (approved 15/10/2026). Everything is scoped to html.kp, so pages without the class are untouched.
   Direction: Refined Light — floating rounded panes, more air, softer surfaces, one cyan accent, calm motion.
   Brand: Karofi cyan #00AEEF, navy #061746, royal #2766C4 (docs/brand/README.md). Cool greys only. */

html.kp{
  --kp-canvas:#EEF3F8;
  --kp-card:#FFFFFF;
  --kp-soft:#F5F8FB;
  --kp-line:rgb(6 23 70 / .07);
  --kp-ink:#061746;
  --kp-text:#24344D;
  --kp-muted:#6B7C93;
  --kp-accent:#00AEEF;
  --kp-accent-deep:#0089C7;
  --kp-water:linear-gradient(135deg,#21BDF3 0%,#0090CF 100%);
  --kp-r-xl:24px; --kp-r-lg:18px; --kp-r-md:14px; --kp-r-sm:10px;
  --kp-shadow:0 1px 2px rgb(6 23 70 / .04),0 10px 30px -14px rgb(6 23 70 / .16);
  --kp-shadow-hi:0 2px 4px rgb(6 23 70 / .05),0 18px 40px -16px rgb(6 23 70 / .26);
  --kp-ring:0 0 0 1px rgb(0 174 239 / .35),0 10px 26px -14px rgb(0 137 199 / .55);
  --kp-ease:cubic-bezier(.22,.8,.24,1);
}
html.kp[data-theme="dark"]{
  --kp-canvas:#0A1016; --kp-card:#111A23; --kp-soft:#16212C; --kp-line:rgb(255 255 255 / .07);
  --kp-ink:#E8F1F8; --kp-text:#C9D6E2; --kp-muted:#8597A8;
  --kp-shadow:0 1px 0 rgb(255 255 255 / .03) inset,0 12px 30px -14px rgb(0 0 0 / .6);
  --kp-shadow-hi:0 1px 0 rgb(255 255 255 / .04) inset,0 20px 44px -16px rgb(0 0 0 / .7);
}

/* ---------- Canvas: a quiet cool backdrop with one soft cyan light ---------- */
html.kp, html.kp body{background:var(--kp-canvas)!important}
html.kp [data-scroot]{background:
  radial-gradient(1100px 520px at 85% -10%,rgb(0 174 239 / .10),transparent 60%),
  radial-gradient(900px 480px at -10% 110%,rgb(39 102 196 / .07),transparent 60%),
  var(--kp-canvas)!important;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:.005em}
/* Omni Centre desktop (html.kp-chat): zoom .86 instead of .8 for more air; the page sizes itself with 125vh (= 100vh at .8), so re-solve it for .86 */
@media (min-width:761px){
  html.kp.kp-chat{zoom:.86}
  html.kp.kp-chat [style*="height: 125vh"]{height:116.3vh!important}
}

/* ---------- Sidebar: deep navy, soft light, pill navigation ---------- */
html.kp [data-scside]{background:
  radial-gradient(140% 60% at 0% 0%,rgb(0 174 239 / .22),transparent 55%),
  linear-gradient(180deg,#071A4E 0%,#061746 55%,#050F33 100%)!important;
  border-right:0!important;box-shadow:12px 0 40px -28px rgb(6 23 70 / .6);position:relative;z-index:5}
/* Phone: the opened menu is a drawer above its dark backdrop (z 290). Without this the rule above put it under the backdrop (looked dimmed). */
@media (max-width:760px){html.kp [data-menu="1"] [data-scside]{position:fixed!important;top:0;left:0;bottom:0;z-index:300!important}}
html.kp [data-scside] nav{gap:4px!important;padding-left:14px!important;padding-right:14px!important}
html.kp [data-kp-nav]{position:relative;height:44px;border-radius:14px!important;padding-left:14px!important;font-size:14.5px!important;letter-spacing:.01em;
  transition:background-color .2s var(--kp-ease),color .2s var(--kp-ease),transform .2s var(--kp-ease)!important}
html.kp [data-kp-nav]:hover{background:rgb(255 255 255 / .06)!important;color:#fff!important;transform:translateX(2px)}
html.kp [data-kp-nav][data-on="1"]{background:linear-gradient(135deg,rgb(0 174 239 / .26),rgb(0 174 239 / .10))!important;color:#fff!important;
  box-shadow:inset 0 0 0 1px rgb(120 215 255 / .22),0 10px 24px -14px rgb(0 174 239 / .9)}
html.kp [data-kp-nav][data-on="1"]::before{content:"";position:absolute;left:-14px;top:12px;bottom:12px;width:3px;border-radius:0 4px 4px 0;background:#3FCBFF;box-shadow:0 0 12px #00AEEF}

/* ---------- Top bar: airy glass, larger title, pill filters ---------- */
html.kp [data-schdr]{background:rgb(255 255 255 / .62)!important;border-bottom:0!important;padding-top:16px!important;padding-bottom:16px!important;
  box-shadow:0 1px 0 var(--kp-line);backdrop-filter:saturate(1.8) blur(18px)!important;-webkit-backdrop-filter:saturate(1.8) blur(18px)!important}
html.kp[data-theme="dark"] [data-schdr]{background:rgb(17 26 35 / .72)!important}
html.kp [data-schdr] [role="heading"]{font-size:22px!important;font-weight:800!important;letter-spacing:-.02em!important;color:var(--kp-ink)!important}
html.kp [data-hdrf]{border-left:0!important;gap:8px!important}
html.kp [data-hdrf] > div:first-child{height:38px!important;border:0!important;border-radius:999px!important;background:var(--kp-soft)!important;padding:0 16px!important;
  box-shadow:inset 0 0 0 1px var(--kp-line);transition:box-shadow .2s var(--kp-ease),background-color .2s}
html.kp [data-hdrf] > div:first-child:focus-within{background:var(--kp-card)!important;box-shadow:0 0 0 4px rgb(0 174 239 / .14),inset 0 0 0 1px rgb(0 174 239 / .5)}
html.kp [data-hdrf] select{height:38px!important;border:0!important;border-radius:999px!important;padding:0 6px 0 12px!important;background-color:var(--kp-soft)!important;
  box-shadow:inset 0 0 0 1px var(--kp-line);font-weight:600!important;color:var(--kp-text)!important;cursor:pointer}
html.kp [data-hdrf] select:hover{background-color:var(--kp-card)!important;box-shadow:inset 0 0 0 1px rgb(0 174 239 / .35)}

/* ---------- Inbox: three floating panes ---------- */
html.kp [data-kp-inbox]{gap:16px;padding:16px 18px 18px}
html.kp [data-kp-inbox] > [data-pane], html.kp [data-kp-inbox] > .sc-host-x > [data-pane]{border-radius:var(--kp-r-xl)!important;border:0!important;
  box-shadow:var(--kp-shadow);overflow:hidden;background:var(--kp-card)!important;animation:kp-rise .5s var(--kp-ease) both}
html.kp [data-pane="conv"]{animation-delay:.05s!important}
html.kp [data-pane="info"]{animation-delay:.1s!important;background:var(--kp-card)!important}

/* list: tabs as a segmented pill, rows as soft cards */
html.kp [data-kw-list] > div:first-child{border-bottom:0!important;margin:14px 14px 4px;padding:4px!important;gap:4px!important;background:var(--kp-soft);border-radius:999px}
html.kp [data-kw-list] > div:first-child > button{flex:1!important;border:0!important;border-radius:999px!important;padding:8px 10px!important;margin:0!important;transition:background-color .2s,box-shadow .2s,color .2s}
html.kp [data-kw-list] > div:first-child > button[style*="--c-00AEEF"]{background:var(--kp-card)!important;box-shadow:0 1px 2px rgb(6 23 70 / .08),0 6px 14px -8px rgb(6 23 70 / .25);color:var(--kp-ink)!important}
html.kp [data-kw-list] [style*="position: sticky"]{background:rgb(255 255 255 / .9)!important;backdrop-filter:blur(8px);border-bottom:0!important;padding:12px 20px 6px!important;font-size:11.5px!important;letter-spacing:.14em!important}
html.kp [data-kw-crow]{margin:4px 10px;padding:12px 14px!important;border-radius:var(--kp-r-lg)!important;border-bottom:0!important;box-shadow:none!important;background:transparent!important;gap:12px!important;
  transition:background-color .22s var(--kp-ease),box-shadow .25s var(--kp-ease),transform .22s var(--kp-ease)!important}
html.kp [data-kw-crow]::before{display:none}
html.kp [data-kw-crow]:hover{background:var(--kp-soft)!important;transform:translateY(-1px)}
html.kp [data-kw-crow][data-st="sel"]{background:var(--kp-card)!important;box-shadow:var(--kp-ring)!important}
html.kp [data-kw-crow][data-st="unread"]{background:linear-gradient(135deg,rgb(0 174 239 / .10),rgb(0 174 239 / .03))!important}
html.kp [data-kw-crow][data-st="await"]{background:linear-gradient(135deg,rgb(245 165 36 / .10),rgb(245 165 36 / .02))!important}
html.kp [data-kw-crow][data-st="await"]::after{content:"";position:absolute;left:6px;top:18px;width:6px;height:6px;border-radius:99px;background:#F5A524;box-shadow:0 0 0 3px rgb(245 165 36 / .18)}
html.kp [data-kw-crow] > span:first-child{width:44px!important;height:44px!important;border-radius:15px!important;font-size:14px!important;font-weight:700!important;
  box-shadow:inset 0 0 0 1px rgb(255 255 255 / .6),0 6px 14px -8px rgb(6 23 70 / .35)}
html.kp [data-kw-crow] [data-kw-tag]{border:0!important;padding:2px 9px!important;font-weight:600!important}

/* conversation */
html.kp [data-kw-conv]{background:var(--kp-card)!important}
html.kp [data-convh]{padding:16px 22px!important;border-bottom:0!important;box-shadow:0 1px 0 var(--kp-line);background:rgb(255 255 255 / .8)!important}
html.kp[data-theme="dark"] [data-convh]{background:rgb(17 26 35 / .8)!important}
html.kp [data-convname]{font-size:18px!important;font-weight:800!important;letter-spacing:-.01em;color:var(--kp-ink)!important}
html.kp [data-kw-thread]{padding:24px 30px!important;background:
  radial-gradient(800px 360px at 100% 0%,rgb(0 174 239 / .06),transparent 60%),var(--kp-soft)!important}
html.kp [data-kw-bin]{border:0!important;border-radius:6px 20px 20px 20px!important;padding:12px 16px!important;box-shadow:0 1px 2px rgb(6 23 70 / .05),0 10px 24px -14px rgb(6 23 70 / .25)!important}
html.kp [data-kw-bout]{border-radius:20px 6px 20px 20px!important;padding:12px 16px!important;background:var(--kp-water)!important;box-shadow:0 14px 28px -14px rgb(0 137 199 / .8)!important}
html.kp [data-kw-composer]{border-radius:var(--kp-r-lg)!important;border:0!important;box-shadow:inset 0 0 0 1px var(--kp-line),0 10px 30px -18px rgb(6 23 70 / .3)!important}
html.kp [data-kw-composer]:focus-within{box-shadow:0 0 0 4px rgb(0 174 239 / .14),inset 0 0 0 1px rgb(0 174 239 / .5),0 16px 34px -18px rgb(0 137 199 / .55)!important}

/* info pane: grouped cards with room */
html.kp [data-pane="info"] > div{border-bottom:0!important}
html.kp [data-pane="info"] > div[style*="border-radius"]{border-radius:var(--kp-r-lg)!important;border:0!important;box-shadow:inset 0 0 0 1px var(--kp-line)}

/* ---------- Shared controls ---------- */
html.kp button{border-radius:12px}
html.kp [data-kw-crow] [data-kw-tag], html.kp [data-kw-crow] span[style*="999px"]{border-radius:999px!important}
html.kp .sc-host-x button[class], html.kp [data-pane] button[style*="background: var(--c-00A7E2"], html.kp [data-pane] button[style*="background: var(--c-00AEEF"]{transition:transform .2s var(--kp-ease),box-shadow .25s var(--kp-ease)!important}
html.kp [data-pane] button:hover:not(:disabled){transform:translateY(-1px)}
html.kp [data-pane] button[style*="border: 1px solid var(--c-E4ECF3"]{border-color:transparent!important;background:var(--kp-soft)!important;box-shadow:inset 0 0 0 1px var(--kp-line)}
html.kp [data-pane] button[style*="border: 1px solid var(--c-E4ECF3"]:hover{background:var(--kp-card)!important;box-shadow:inset 0 0 0 1px rgb(0 174 239 / .4),0 8px 18px -12px rgb(0 137 199 / .6)}

/* Settings / dashboard cards: one radius, softer edges */
html.kp main [style*="border-radius: 14px"], html.kp main [style*="border-radius: 16px"]{border-radius:var(--kp-r-xl)!important;border-color:transparent!important;box-shadow:var(--kp-shadow)!important}
html.kp main{animation:kp-rise .45s var(--kp-ease) both}

/* ---------- Shared DS tokens: rounder corners everywhere the design system is used ---------- */
html.kp{--radius-md:12px;--radius-lg:16px;--radius-card:22px;--radius-button:12px;--radius-input:12px}

/* ---------- Project ---------- */
html.kp [data-kw-root]{background:
  radial-gradient(1100px 520px at 85% -10%,rgb(0 174 239 / .09),transparent 60%),
  radial-gradient(900px 480px at -10% 110%,rgb(39 102 196 / .06),transparent 60%),var(--kp-canvas)!important;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
html.kp [data-kw-main]{background:transparent!important}
/* Project sidebar: same deep navy as Omni Centre and Cockpit (15 Oct 2026). Light DS tokens are re-pointed inside the rail. */
html.kp [data-kw-side]{background:
  radial-gradient(140% 60% at 0% 0%,rgb(0 174 239 / .22),transparent 55%),
  linear-gradient(180deg,#071A4E 0%,#061746 55%,#050F33 100%)!important;
  border-right:0!important;box-shadow:12px 0 40px -28px rgb(6 23 70 / .6);
  --text-heading:#FFFFFF;--text-body:#C9D6E6;--text-muted:#8FA3BC;--text-subtle:#7089A0;--text-brand:#3FCBFF;
  --surface-card:rgb(255 255 255 / .05);--surface-subtle:transparent;--surface-sunken:rgb(255 255 255 / .06);
  --surface-brand-soft:rgb(0 174 239 / .18);--border-subtle:rgb(255 255 255 / .08);--border-default:rgb(255 255 255 / .12);
  --k-grey-200:rgb(255 255 255 / .10);--k-cyan-700:#7FDBFF;--k-cyan-800:#06263A;--k-cyan-100:#BDEBFC;color:#C9D6E6}
html.kp[data-theme="dark"] [data-kw-side]{background:
  radial-gradient(140% 60% at 0% 0%,rgb(0 174 239 / .16),transparent 55%),linear-gradient(180deg,#0B1726 0%,#081220 100%)!important}
html.kp [data-kw-side] a[href]:hover{border-color:rgb(255 255 255 / .2)!important;background:rgb(255 255 255 / .09)!important}
html.kp [data-kw-nav]{position:relative;height:42px!important;border-radius:14px!important;padding:0 12px!important;color:#C9D6E6!important;background:transparent!important;
  transition:background-color .2s var(--kp-ease),color .2s var(--kp-ease),transform .2s var(--kp-ease)!important}
html.kp [data-kw-nav]:hover{background:rgb(255 255 255 / .06)!important;color:#fff!important;transform:translateX(2px)}
html.kp [data-kw-nav][data-on="1"]{background:linear-gradient(135deg,rgb(0 174 239 / .26),rgb(0 174 239 / .10))!important;color:#fff!important;
  box-shadow:inset 0 0 0 1px rgb(120 215 255 / .22),0 10px 24px -14px rgb(0 174 239 / .9)!important}
html.kp [data-kw-nav][data-on="1"]::before{content:"";position:absolute;left:-10px;top:12px;bottom:12px;width:3px;border-radius:0 4px 4px 0;background:#3FCBFF;box-shadow:0 0 12px #00AEEF}
html.kp [data-kw-sbrow]:hover{background:rgb(255 255 255 / .06)!important}
html.kp [data-kw-sbrow]{border-radius:12px!important;transition:background-color .2s var(--kp-ease),transform .2s var(--kp-ease)}
html.kp [data-kw-sbrow]:hover{transform:translateX(2px)}
html.kp [data-pjhdr]{background:rgb(255 255 255 / .6)!important;border-bottom:0!important;box-shadow:0 1px 0 var(--kp-line)}
html.kp[data-theme="dark"] [data-pjhdr]{background:rgb(17 26 35 / .7)!important}
html.kp [data-pjhdr] h1{font-size:28px!important;font-weight:800!important;letter-spacing:-.02em!important;color:var(--kp-ink)!important}
html.kp [data-pjtb]{background:transparent!important;border-bottom:0!important;padding-top:16px!important;padding-bottom:6px!important;gap:10px!important}
html.kp [data-pjtb] input, html.kp [data-pjtb] select, html.kp [data-pjtb] button{border-radius:999px!important}
html.kp [data-pjtb] > *{border-radius:999px}
html.kp [data-kw-card]{border:0!important;border-radius:var(--kp-r-xl)!important;box-shadow:var(--kp-shadow)!important;background:var(--kp-card)}
html.kp [data-kw-card] > div[style*="height: 32px"]{border-top:0!important;background:var(--kp-soft)!important}
html.kp [data-kw-row]{min-height:56px!important;border-top-color:var(--kp-line)!important;transition:background-color .2s var(--kp-ease)!important}
html.kp [data-kw-row]:hover{background:var(--kp-soft)!important}
html.kp [data-kw-kcard]{border:0!important;border-radius:var(--kp-r-lg)!important;padding:16px!important;box-shadow:0 1px 2px rgb(6 23 70 / .05),0 8px 22px -14px rgb(6 23 70 / .28)!important;
  transition:transform .22s var(--kp-ease),box-shadow .25s var(--kp-ease)!important}
html.kp [data-kw-kcard]:hover{transform:translateY(-2px);box-shadow:var(--kp-shadow-hi)!important}
html.kp [data-kw-bhead]{padding-top:16px!important}
html.kp [data-kw-bhead] + *, html.kp [data-kw-bhead]{border-radius:0}
html.kp [data-kw-kpi]{border:0!important;border-radius:var(--kp-r-xl)!important;box-shadow:var(--kp-shadow)!important;padding:20px 22px!important}
html.kp [data-kw-kpi] > span:nth-child(2){font-weight:800!important;letter-spacing:-.02em}
html.kp [data-kw-mgrid] > *{border-radius:var(--kp-r-xl)!important}
html.kp [data-kw-stagger] > *, html.kp [data-kw-kcard]{animation:kp-rise .42s var(--kp-ease) both}

/* ---------- Dark mode fixes ---------- */
html.kp[data-theme="dark"] [data-kw-list] [style*="position: sticky"]{background:rgb(17 26 35 / .92)!important}
html.kp[data-theme="dark"] [data-kw-kcard]{background:#1A2632!important;box-shadow:inset 0 0 0 1px rgb(255 255 255 / .06),0 10px 24px -14px rgb(0 0 0 / .8)!important}
html.kp[data-theme="dark"] [data-kw-kcard]:hover{background:#1E2C39!important}
html.kp[data-theme="dark"] [data-kw-crow][data-st="sel"]{background:#16222E!important}
html.kp[data-theme="dark"] [data-kw-crow] > span:first-child{box-shadow:inset 0 0 0 1px rgb(255 255 255 / .08)}
html.kp[data-theme="dark"] [data-kw-bin]{box-shadow:inset 0 0 0 1px rgb(255 255 255 / .06)!important}

/* ---------- Motion ---------- */
@keyframes kp-rise{from{opacity:0;transform:translateY(10px) scale(.995)}to{opacity:1;transform:none}}
html.kp [data-kw-crow]{animation:kp-rise .4s var(--kp-ease) both}
html.kp [data-kw-crow]:nth-of-type(2){animation-delay:.02s}
html.kp [data-kw-crow]:nth-of-type(3){animation-delay:.04s}
html.kp [data-kw-crow]:nth-of-type(4){animation-delay:.06s}
html.kp [data-kw-crow]:nth-of-type(5){animation-delay:.08s}
html.kp [data-kw-crow]:nth-of-type(n+6){animation-delay:.1s}
@media (prefers-reduced-motion:reduce){ html.kp *{animation:none!important;transition:none!important} }

/* ---------- Phone: panes go edge to edge again, keep the softer rows ---------- */
@media (max-width:760px){
  html.kp [data-kp-inbox]{gap:0;padding:0}
  html.kp [data-kp-inbox] > [data-pane], html.kp [data-kp-inbox] > .sc-host-x > [data-pane]{border-radius:0!important;box-shadow:none}
  html.kp [data-schdr]{padding-top:10px!important;padding-bottom:10px!important}
  html.kp [data-schdr] [role="heading"]{font-size:19px!important}
  html.kp [data-kw-crow]{margin:3px 8px}
  html.kp [data-kw-thread]{padding:16px 14px!important}
}

/* ---------- Project dashboard hero (17/10/2026, "Fernly" layout) ---------- */
:root{--kh-ink:#061746;--kh-track:#E3EBF3;--kh-hatch:rgba(6,23,70,.13);--kh-hatch-line:rgba(6,23,70,.14);--kh-tip:#061746;
  --kh-bar-top:linear-gradient(180deg,#14307A,#061746);--kh-hero:linear-gradient(150deg,#14307A 0%,#061746 70%);--kh-gauge-a:#061746}
html[data-theme="dark"]{--kh-ink:#EAF2FB;--kh-track:rgba(255,255,255,.14);--kh-hatch:rgba(255,255,255,.2);--kh-hatch-line:rgba(255,255,255,.22);--kh-tip:#2F5BC4;
  --kh-bar-top:linear-gradient(180deg,#8FB4FF,#3D6BE0);--kh-hero:linear-gradient(150deg,#1D4BB8 0%,#0B2A6F 75%);--kh-gauge-a:#3D6BE0}
[data-kw-hero]{display:flex;flex-direction:column;gap:16px}
[data-kw-hstats]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
[data-kw-hcard]{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:6px;min-width:0;padding:18px 18px 16px;border-radius:22px;
  box-shadow:0 1px 2px rgb(6 23 70 / .05),0 12px 30px -22px rgb(6 23 70 / .45);transition:transform .25s var(--kp-ease,ease),box-shadow .25s var(--kp-ease,ease);animation:kw-rise .5s var(--kp-ease,ease) both}
[data-kw-hcard]:nth-child(2){animation-delay:.06s}[data-kw-hcard]:nth-child(3){animation-delay:.12s}[data-kw-hcard]:nth-child(4){animation-delay:.18s}
[data-kw-hcard]:hover{transform:translateY(-3px);box-shadow:0 2px 4px rgb(6 23 70 / .06),0 22px 40px -24px rgb(6 23 70 / .55)}
[data-kw-hcard]:focus-visible{outline:2px solid #00AEEF;outline-offset:2px}
[data-kw-hcard-top]{display:flex;align-items:center;justify-content:space-between;gap:8px}
[data-kw-hlabel]{font-size:14.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
[data-kw-harrow]{flex:none;width:30px;height:30px;border-radius:999px;border:1.5px solid;display:grid;place-items:center;transition:transform .25s var(--kp-ease,ease)}
[data-kw-hcard]:hover [data-kw-harrow]{transform:rotate(45deg)}
[data-kw-hnum]{font-family:var(--font-display);font-size:44px;font-weight:700;line-height:1.05;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
[data-kw-hsub]{font-size:12.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
[data-kw-hgrid]{display:grid;gap:14px;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr) minmax(0,1fr);
  grid-template-areas:"bars next proj" "team gauge proj" "team gauge timer"}
[data-kw-harea="bars"]{grid-area:bars}[data-kw-harea="next"]{grid-area:next}[data-kw-harea="proj"]{grid-area:proj}
[data-kw-harea="team"]{grid-area:team}[data-kw-harea="gauge"]{grid-area:gauge}[data-kw-harea="timer"]{grid-area:timer}
[data-kw-hbox]{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:22px;padding:16px 18px;display:flex;flex-direction:column;gap:12px;min-width:0;
  box-shadow:0 1px 2px rgb(6 23 70 / .04);animation:kw-rise .55s var(--kp-ease,ease) both;animation-delay:.12s}
[data-kw-hhead]{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
[data-kw-hhead] b{font-size:16px;font-weight:700;color:var(--text-heading)}
[data-kw-hhead] span{font-size:12px;color:var(--text-muted)}
[data-kw-bars]{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;height:190px;align-items:end;padding-top:20px}
[data-kw-bcol]{display:flex;flex-direction:column;align-items:center;gap:8px;height:100%;min-width:0}
[data-kw-bcol] > span{font-size:12px}
[data-kw-btrack]{flex:1;width:100%;max-width:58px;display:flex;align-items:flex-end}
[data-kw-bar]{position:relative;width:100%;border-radius:999px;box-sizing:border-box;transform-origin:bottom;animation:kw-grow .8s cubic-bezier(.2,.9,.25,1.15) both}
[data-kw-btip]{position:absolute;left:50%;top:-24px;transform:translateX(-50%);color:#fff;font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;white-space:nowrap;animation:kw-pop .4s .9s both}
[data-kw-next]{display:flex;flex-direction:column;gap:4px}
[data-kw-nexttitle]{font-family:var(--font-display);font-size:21px;font-weight:700;line-height:1.2;color:var(--kh-ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
[data-kw-nextmeta]{font-size:12.5px;color:var(--text-muted)}
[data-kw-pill]{all:unset;box-sizing:border-box;cursor:pointer;margin-top:auto;display:flex;align-items:center;justify-content:center;gap:8px;height:42px;border-radius:999px;
  background:var(--kh-hero);color:#fff;font-weight:700;font-size:14px;transition:filter .2s,transform .2s}
[data-kw-pill]:hover{filter:brightness(1.15);transform:translateY(-1px)}
[data-kw-plist],[data-kw-tlist]{display:flex;flex-direction:column;gap:4px}
[data-kw-prow],[data-kw-trow]{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:11px;padding:7px 8px;border-radius:12px;min-width:0;transition:background-color .2s}
[data-kw-prow]:hover,[data-kw-trow]:hover{background:var(--surface-subtle)}
[data-kw-pdot]{flex:none;width:28px;height:28px;border-radius:9px;box-shadow:inset 0 0 0 6px rgb(255 255 255 / .55)}
[data-kw-ptext]{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.3}
[data-kw-ptext] b{font-size:13.5px;font-weight:600;color:var(--text-heading);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
[data-kw-ptext] span{font-size:11.5px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
[data-kw-tav]{flex:none;width:36px;height:36px;border-radius:999px;display:grid;place-items:center;font-size:12px;font-weight:700}
[data-kw-tst]{flex:none;font-size:11px;font-weight:700;padding:3px 10px;border-radius:999px;border:1px solid;background:color-mix(in srgb,currentColor 8%,transparent);white-space:nowrap;max-width:110px;overflow:hidden;text-overflow:ellipsis}
[data-kw-gauge]{position:relative;width:100%;max-width:260px;aspect-ratio:2/1;margin:6px auto 0;overflow:hidden}
[data-kw-garc]{position:absolute;inset:0 0 -100% 0;border-radius:999px;
  background:conic-gradient(from -90deg,var(--kh-gauge-a) 0deg,#00AEEF var(--kw-gx,0deg),var(--kh-track) var(--kw-gx,0deg) 180deg,transparent 180deg);
  -webkit-mask:radial-gradient(circle at 50% 50%,transparent 57%,#000 58%);mask:radial-gradient(circle at 50% 50%,transparent 57%,#000 58%);
  animation:kw-gauge 1.2s cubic-bezier(.2,.9,.25,1) .2s both}
@property --kw-gx{syntax:'<angle>';inherits:false;initial-value:0deg}
@keyframes kw-gauge{from{--kw-gx:0deg}to{--kw-gx:var(--kw-g)}}
[data-kw-garc]{--kw-gx:var(--kw-g)}
[data-kw-gval]{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;line-height:1.1}
[data-kw-gval] b{font-family:var(--font-display);font-size:38px;font-weight:700;color:var(--kh-ink);font-variant-numeric:tabular-nums}
[data-kw-gval] span{font-size:12px;color:var(--text-muted)}
[data-kw-legend]{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 14px;font-size:12px;color:var(--text-muted)}
[data-kw-legend] i{display:inline-block;width:9px;height:9px;border-radius:999px;margin-right:5px;vertical-align:0}
[data-kw-legend] b{color:var(--text-heading)}
[data-kw-dark]{background:radial-gradient(120% 120% at 100% 0%,rgb(0 174 239 / .35),transparent 55%),var(--kh-hero)!important;border:0!important;color:#fff}
[data-kw-dark] [data-kw-hhead] b{color:#fff}
[data-kw-clock]{font-family:var(--font-display);font-size:34px;font-weight:700;letter-spacing:.02em;font-variant-numeric:tabular-nums}
[data-kw-tname]{all:unset;font-size:12.5px;color:rgb(255 255 255 / .8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}
[data-kw-stop]{all:unset;cursor:pointer;width:42px;height:42px;border-radius:999px;background:#EF4444;display:grid;place-items:center;box-shadow:0 6px 16px -6px rgb(239 68 68 / .8)}
[data-kw-stop] span{width:13px;height:13px;border-radius:3px;background:#fff}
@keyframes kw-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes kw-grow{from{transform:scaleY(0);opacity:.2}to{transform:scaleY(1);opacity:1}}
@keyframes kw-pop{from{opacity:0;transform:translate(-50%,6px) scale(.8)}to{opacity:1;transform:translate(-50%,0) scale(1)}}
@media (max-width:1100px){
  [data-kw-hstats]{grid-template-columns:repeat(2,minmax(0,1fr))}
  [data-kw-hgrid]{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"bars bars" "next gauge" "team proj" "timer timer"}
}
@media (max-width:640px){
  [data-kw-hstats]{gap:10px}[data-kw-hcard]{padding:14px;border-radius:18px}[data-kw-hnum]{font-size:34px}
  [data-kw-hgrid]{grid-template-columns:minmax(0,1fr);grid-template-areas:"bars" "next" "gauge" "team" "proj" "timer"}
  [data-kw-bars]{height:160px;gap:6px}
}
@media (prefers-reduced-motion:reduce){[data-kw-hero] *{animation:none!important;transition:none!important}}
@property --kw-n{syntax:'<integer>';inherits:false;initial-value:0}
@keyframes kw-count{from{--kw-n:0}to{--kw-n:var(--kw-to)}}
html.kw-cnt [data-kw-cnt]{counter-reset:kwn var(--kw-n);animation:kw-count 1s cubic-bezier(.2,.8,.2,1) .15s both}
html.kw-cnt [data-kw-cnt]::after{content:counter(kwn)}
html.kw-cnt [data-kw-cnt][data-kw-pct]::after{content:counter(kwn) "%"}
html.kw-cnt [data-kw-cnt] > [data-kw-raw]{display:none}
html[data-theme="dark"] [data-kw-hbox],html[data-theme="dark"] [data-kw-hcard]{box-shadow:0 1px 0 rgb(255 255 255 / .04) inset,0 18px 40px -28px rgb(0 0 0 / .8)}
html[data-theme="dark"] [data-kw-tst]{background:color-mix(in srgb,currentColor 14%,transparent)}