:root{box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);color-scheme:dark;--bg:#0f1013;--room:#191b20;--glass:rgba(255,255,255,.07);--gb:rgba(255,255,255,.12);--card:rgba(255,255,255,.07);--tx:#f1f1ec;--mut:#9b9ca3;--bd:rgba(255,255,255,.14);--ac:#cfd3da;--acbg:rgba(207,211,218,.14);--busy:rgba(255,107,95,.18);--busytx:#ff8f84;--mine:rgba(52,199,89,.28);--minetx:#7ee2a0;--kc:#7f93ff;--vc:#ff9d52;--glow1:rgba(37,79,38,.6);--glow2:rgba(207,211,218,.12);--btnfg:#12130f}
*{box-sizing:border-box}html{scroll-padding-top:env(safe-area-inset-top,0px)}
body{margin:0;color:var(--tx);font:15px/1.4 "Outfit",system-ui,-apple-system,"Segoe UI",sans-serif;background:radial-gradient(700px 500px at 90% 0,var(--glow1),transparent 60%),radial-gradient(600px 500px at 0 100%,var(--glow2),transparent 60%),var(--bg);background-attachment:fixed}
main{max-width:720px;margin:0 auto;padding:16px}
h1{font-size:20px;margin:0 0 12px}
.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.tabs{display:flex;gap:8px;margin:12px 0}
button,input{font:inherit;color:inherit}
.tab{flex:1;padding:10px;border:1px solid var(--bd);background:var(--card);border-radius:10px;cursor:pointer;font-weight:600}
.tab.on{background:var(--oc);color:var(--bg);border-color:var(--oc)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--card);border:1px solid var(--bd);border-radius:10px;padding:6px 8px}
.nav button{border:0;background:none;padding:6px 12px;font-size:18px;cursor:pointer}
.nav b{font-size:14px;text-align:center}
.days{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin:12px 0}
.day{border:1px solid var(--bd);background:var(--card);border-radius:10px;padding:6px 0;text-align:center;cursor:pointer}
.day small{display:block;color:var(--mut);font-size:11px}
.day.on{border-color:var(--oc);box-shadow:0 0 0 2px var(--oc)}
.day.today small:after{content:" •"}
input[type=text]{flex:1;min-width:0;padding:9px 12px;border:1px solid var(--bd);border-radius:10px;background:var(--card)}
.room{margin-top:16px}
.room h2{font-size:14px;margin:0 0 8px;color:var(--mut);text-transform:uppercase;letter-spacing:.04em}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.t{border:1px solid var(--bd);background:var(--acbg);border-radius:12px;padding:10px;text-align:left;cursor:pointer;min-height:62px}
.t b{display:block;font-size:13px}
.t span{font-size:13px;color:var(--ac)}
.t.busy{background:var(--busy)}.t.busy span{color:var(--busytx)}
.t.mine{background:var(--mine)}.t.mine span{color:var(--minetx)}
.t.busy:not(.mine){cursor:default}
.note{color:var(--mut);font-size:13px;margin-top:16px}
.msg{padding:10px 12px;border-radius:10px;background:var(--busy);color:var(--busytx);margin:12px 0;display:none}

svg.fp{width:100%;height:auto;display:block;margin:0 auto}
.wall{fill:var(--card);stroke:var(--oc);stroke-width:3}
.rn{font-size:12px;font-weight:700;fill:var(--oc);letter-spacing:.05em;text-transform:uppercase}
.ch{fill:var(--bd)}
.door{fill:var(--card)}
.tb rect{stroke-width:var(--sw,2px);cursor:pointer;transition:stroke-width .1s}
.tb.free rect{fill:var(--acbg);stroke:var(--ac)}
.tb.busy rect{fill:var(--busy);stroke:var(--busytx)}
.tb.mine rect{fill:var(--mine);stroke:var(--minetx)}
.tb.free:hover rect{stroke-width:calc(var(--sw,2px)*2)}
.tb.sel rect{stroke-width:calc(var(--sw,2px)*2)}
.hlab{font-size:12px;color:var(--mut);margin:4px 0}
.hours{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;margin-bottom:12px}
.hr{padding:7px 0;border:1px solid var(--bd);background:var(--card);border-radius:8px;font-size:12px;cursor:pointer}
.hr.on{background:var(--oc);color:var(--bg);border-color:var(--oc)}
.panel{background:var(--card);border:1px solid var(--bd);border-radius:12px;padding:12px;margin-bottom:12px}
.ph{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.ph button{border:0;background:none;font-size:20px;cursor:pointer}
.hg{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:10px}
.hb{border:2px solid;border-radius:10px;padding:7px 2px;cursor:pointer;font-weight:600;font-size:13px}
.hb small{display:block;font-weight:400;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hb.free{background:var(--acbg);border-color:var(--ac)}.hb.busy{background:var(--busy);border-color:var(--busytx)}.hb.mine{background:var(--mine);border-color:var(--minetx)}
.act{padding:8px 12px;border:1px solid var(--bd);background:var(--card);border-radius:10px;cursor:pointer}
.tb text{text-anchor:middle;pointer-events:none;fill:var(--tx)}
.tb .l{font-size:12px;font-weight:700}.tb .n{font-size:11px;opacity:.85}
.legend{display:flex;gap:14px;font-size:12px;color:var(--mut);margin-top:12px;flex-wrap:wrap}
.legend i{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:5px;vertical-align:-2px;border:2px solid}
:root[data-office="kaunas"]{--oc:var(--kc)}:root[data-office="vilnius"]{--oc:var(--vc)}
.tab[data-o="kaunas"]{border-color:var(--kc);color:var(--kc)}.tab[data-o="vilnius"]{border-color:var(--vc);color:var(--vc)}
.tab.on[data-o]{color:var(--bg)}
h1{border-left:6px solid var(--oc);padding-left:10px}
.vt{display:flex;gap:6px;margin-top:12px}
.vt button{flex:1;padding:8px;border:1px solid var(--bd);background:var(--card);border-radius:10px;cursor:pointer;font-weight:600}
.vt button.on{background:var(--tx);color:var(--bg);border-color:var(--tx)}
.tt{margin-top:14px;background:var(--card);border:1px solid var(--bd);border-top:4px solid var(--oc);border-radius:12px;padding:10px}
.tt h2{margin:0 0 8px;font-size:16px;color:var(--oc)}.tt h2 small{color:var(--mut);font-weight:400;font-size:12px}
.tt table{width:100%;border-collapse:separate;border-spacing:1px;table-layout:fixed}
.tt th{font-size:11px;text-align:left;font-weight:600;width:70px;overflow:hidden}
.tt th.hh{text-align:center;width:auto;color:var(--mut);font-weight:500}
.tt th.rh{width:auto;color:var(--mut);text-transform:uppercase;font-size:10px;letter-spacing:.05em;padding-top:6px}
.tt td{height:28px;border-radius:5px;font-size:10px;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:default;padding:0 2px}
.tt td.free{background:var(--acbg)}.tt td.busy{background:var(--busy);color:var(--busytx);cursor:default}
.tt td.mine{background:var(--mine);color:var(--minetx)}
.tt tr.sum th{color:var(--mut)}
.tt td.ok{color:var(--mut);cursor:default}.tt td.full{background:var(--busytx);color:var(--bg);font-weight:700;cursor:default}
.app{display:flex;min-height:100vh}
.side{position:sticky;top:0;align-self:flex-start;height:100vh;width:190px;flex:none;background:var(--card);border-right:1px solid var(--bd);padding:12px 8px;display:flex;flex-direction:column;gap:6px}
.side{overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}
.side>*{flex-shrink:0}
.sb{border:0;background:none;border-radius:10px;padding:10px 12px;cursor:pointer;display:flex;flex-direction:row;align-items:center;gap:10px;font-size:14px;font-weight:600;color:var(--mut);text-align:left}
.sb .ic{font-size:20px}.sb.on{background:var(--bg);color:var(--tx)}
.pages{flex:1;min-width:0}
.burger{display:none;position:fixed;top:calc(8px + env(safe-area-inset-top,0px));left:10px;z-index:40;width:40px;height:40px;border:1px solid var(--bd);background:var(--card);color:var(--tx);border-radius:10px;font-size:20px;cursor:pointer;align-items:center;justify-content:center}
.scrim{display:none}
@media(max-width:759px){
.burger{display:flex;left:auto;right:10px}
.pages{padding-top:48px}
.side{position:fixed;left:0;top:0;bottom:0;height:100vh;height:100dvh;max-height:100%;z-index:30;width:230px;transform:translateX(-100%);transition:transform .2s;padding-top:calc(60px + env(safe-area-inset-top,0px))}
.side.open{transform:none;box-shadow:4px 0 24px rgba(0,0,0,.25)}
.sb{font-size:15px;padding:12px}
.scrim.open{display:block;position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:20}
}
.sc{margin-top:12px;background:var(--card);border:1px solid var(--bd);border-radius:12px;padding:10px}.sc.past{opacity:.55}
.sh{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.sh small{color:var(--mut)}
.nx{background:var(--tx);color:var(--bg);border-radius:6px;padding:1px 6px;font-size:11px;margin-left:6px}
.cols{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.oc{border:1px solid var(--bd);border-top:4px solid var(--oc);border-radius:10px;padding:8px;min-width:0}
.oc h3{margin:0 0 6px;font-size:14px;color:var(--oc)}
.oc small{display:block;color:var(--mut);font-size:11px;margin-bottom:2px}
.ld{margin-bottom:8px}.ld b{display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ld.open b{color:var(--mut);font-weight:500}
.chips{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:6px}
.chip{background:var(--acbg);border-radius:6px;padding:2px 6px;font-size:12px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip.me{background:var(--mine);color:var(--minetx)}
.chips i{color:var(--mut);font-size:12px}
.oc button{padding:6px 10px;border:1px solid var(--oc);background:none;color:var(--oc);border-radius:8px;cursor:pointer;font-size:12px;font-weight:600;margin:2px 4px 0 0}
.oc button.pr{background:var(--oc);color:var(--bg)}
.loc{color:var(--oc);border:1px solid var(--oc);border-radius:6px;padding:1px 8px;font-size:12px;font-weight:600;margin-left:6px}
.chip .x{border:0;background:none;color:inherit;cursor:pointer;padding:0 0 0 4px;font-size:13px}
.tot{margin-top:12px;background:var(--card);border:1px solid var(--bd);border-radius:12px;padding:10px}.tot summary{cursor:pointer;font-weight:600}.tot .chips{margin-top:8px}
.gh{margin:16px 0 0;font-size:12px;color:var(--mut);text-transform:uppercase;letter-spacing:.05em}
.mrow{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}.mrow input{flex:1;min-width:120px}
.md{font-style:normal;font-size:10px;font-weight:700;border-radius:4px;padding:0 4px;margin-left:2px;color:#fff}
.md.live{background:var(--ac)}.md.zoom{background:#2d6fd6}
.lbl{align-self:center;font-size:12px;color:var(--mut)}
.st{width:100%;border-collapse:collapse;font-size:13px;margin-top:8px}
.st th{text-align:left;color:var(--mut);font-weight:600;font-size:11px}
.st th,.st td{padding:4px 6px;border-bottom:1px solid var(--bd)}
.st td:not(:first-child),.st th:not(:first-child){text-align:center}
#toast{position:fixed;left:50%;bottom:calc(16px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);max-width:min(92vw,420px);background:#3a2622;color:#fff;padding:10px 14px;border-radius:10px;font-size:14px;z-index:50;display:none;box-shadow:0 4px 18px rgba(0,0,0,.3)}
:root[data-theme="light"]{color-scheme:light;--bg:#e9ecf3;--room:#f6f7fb;--glass:rgba(255,255,255,.62);--gb:rgba(255,255,255,.9);--card:rgba(255,255,255,.7);--tx:#1b1c22;--mut:#666a78;--bd:rgba(20,22,40,.12);--ac:#6f7684;--acbg:rgba(120,128,145,.16);--busy:rgba(235,90,75,.15);--busytx:#b6382b;--mine:rgba(34,160,70,.2);--minetx:#17803a;--kc:#2f55d4;--vc:#e0700a;--glow1:rgba(37,79,38,.3);--glow2:rgba(190,196,208,.45);--btnfg:#fff}
.gl,.sc,.tt,.panel,.tot,.nav,.oc,.side{background:var(--glass);-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%);box-shadow:0 8px 30px rgba(0,0,0,.18)}
.gl,.sc,.panel,.tot,.nav,.side{border-color:var(--gb)}
.gl,.sc,.tt,.panel,.tot,.oc{border-radius:22px}
.wall,.door{fill:var(--room)}
.sb{border-radius:14px}.sb.on{background:var(--ac);color:var(--btnfg)}.sb.th{margin-top:auto}
.nx{background:var(--ac);color:var(--btnfg)}
.tab,.day,.hr,.act,.vt button,.hb{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.hd{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;flex-wrap:wrap}.hd input{max-width:200px}
.hg2{display:grid;grid-template-columns:1fr;gap:12px;margin-top:14px}
@media(min-width:900px){.hg2{grid-template-columns:1.1fr 1fr}#pg-home{max-width:980px}}
.gl{padding:16px;border:1px solid var(--gb)}.gl h2{margin:4px 0 10px;font-size:22px}.gl small{color:var(--mut)}
.hero{background:linear-gradient(135deg,rgba(255,157,82,.96),rgba(224,118,38,.8));color:#1b1004}.hero small{color:rgba(27,16,4,.7)}
.hero.yes{background:linear-gradient(135deg,rgba(232,235,240,.95),rgba(165,171,182,.75));color:#121308}.hero.yes small{color:rgba(18,19,8,.65)}
.hero .ln{display:flex;justify-content:space-between;gap:8px;padding:6px 0;border-top:1px solid rgba(255,255,255,.25);font-size:14px}.hero.yes .ln{border-color:rgba(0,0,0,.15)}
.hero .act{margin-top:10px;border:0;background:#fff;color:#111;font-weight:700}
.tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;grid-column:1/-1}.tl{padding:14px}.tl b{display:block;font-size:22px}
.ev{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:none;border:0;border-top:1px solid var(--bd);padding:10px 0;cursor:pointer;color:var(--tx);font:inherit}
.dtile{flex:none;width:46px;border-radius:12px;background:var(--acbg);text-align:center;padding:4px 0;font-size:11px;color:var(--ac)}.dtile b{display:block;font-size:18px;color:var(--tx)}
.et{flex:1;min-width:0}.et b{display:block}.et small{color:var(--mut)}
.chip.warn{background:var(--busy);color:var(--busytx)}
.whoin h3{font-size:13px;margin:10px 0 4px}
.evhd{display:flex;justify-content:space-between;width:100%;background:none;border:0;color:var(--mut);cursor:pointer;font:inherit;padding:0 0 6px}.evhd span{color:var(--ac);font-weight:600}
.tl[data-go]{cursor:pointer}
.evc{margin-top:12px}.evh{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.ln2{display:flex;justify-content:space-between;gap:8px;padding:6px 0;border-top:1px solid var(--bd);font-size:13px}.evc .act{margin-top:8px}
.evc.past{opacity:.5}
.cp{margin-top:12px}.cph{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.cph h2{margin:0;font-size:18px}
.prize{flex:none;background:var(--acbg);color:var(--ac);border-radius:10px;padding:3px 10px;font-weight:700;font-size:13px}
.cpn{color:var(--mut);font-size:13px;margin:4px 0 8px}
.bar{height:6px;border-radius:4px;background:var(--bd);overflow:hidden;margin:8px 0}.bar i{display:block;height:100%;background:var(--ac)}
.ci{display:flex;align-items:flex-start;gap:10px;width:100%;text-align:left;background:none;border:0;border-top:1px solid var(--bd);padding:9px 0;cursor:pointer;color:var(--tx);font:inherit}
.ck{flex:none;width:22px;height:22px;border-radius:7px;border:2px solid var(--bd);display:flex;align-items:center;justify-content:center;font-size:14px;margin-top:1px}
.ci.on .ck{background:var(--ac);border-color:var(--ac);color:var(--btnfg)}
.ci span.t{flex:1}.ci small{display:block;color:var(--mut);font-size:12px}.ci b.p{flex:none;color:var(--ac)}
.cmoney{display:flex;gap:24px;margin:2px 0 6px}.cmoney b{display:block;font-size:26px}
.cdl{font-size:13px;margin:4px 0 8px;color:var(--mut)}.cdl.soon{color:var(--busytx)}
.crow{display:grid;grid-template-columns:minmax(150px,1fr) minmax(70px,2fr) 36px 110px;align-items:center;gap:8px;width:100%;background:none;border:0;border-top:1px solid var(--bd);padding:8px 0;color:var(--tx);font:inherit;cursor:pointer;text-align:left}
.crow .cn{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.crow .bar{margin:0}.crow .cc{font-size:12px;color:var(--mut);text-align:right}.crow .p{font-size:12px;color:var(--ac);min-width:60px;text-align:right}
@media(max-width:420px){.crow{grid-template-columns:1fr 60px 30px}.crow .p{display:none}}
.wins{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 8px}
.win{display:flex;align-items:center;gap:8px;background:var(--acbg);border:1px solid var(--bd);border-radius:14px;padding:6px 12px 6px 8px;font-size:13px;font-weight:600}
.win i{font-style:normal;font-size:24px;line-height:1}
.hrow{display:flex;justify-content:space-between;align-items:center;gap:10px}.hrow h2{margin:2px 0 0;font-size:19px}.hrow .act{margin:0!important;flex:none}
.hero .ln{padding:4px 0;font-size:13px}
.hcols{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.hc{background:rgba(255,255,255,.14);border-radius:14px;padding:8px 10px;min-width:0}.hero.yes .hc{background:rgba(0,0,0,.1)}
.hc b{display:flex;align-items:center;gap:6px;font-size:14px}.hc b em{width:9px;height:9px;border-radius:50%;display:inline-block}
.hc .st2{font-size:12px;opacity:.85;margin:2px 0 6px}
.hc .chips{margin:0}.hero .chip{background:rgba(255,255,255,.22);color:inherit}.hero.yes .chip{background:rgba(0,0,0,.14)}.hero .chips i{color:inherit;opacity:.7}
.hero.hs{padding:20px 22px;display:flex;flex-direction:column;justify-content:center}.hero.hs h2{font-size:26px;margin:4px 0 0}.hero.hs .ln{margin-top:10px;font-size:15px}.hero.hs .act{padding:12px 20px;font-size:16px;border-radius:14px}.hero.hs small{font-size:13px}
.offs{display:grid;grid-template-columns:1fr 1fr;gap:12px}.oo{padding:12px 14px;min-width:0}.oo b{font-size:15px}.oo .st2{font-size:14px;font-weight:700;color:var(--tx);margin:3px 0 9px}.oo .chips{margin:0}
@media(max-width:420px){.offs{gap:8px}.oo{padding:10px}}
.lc,.rc{display:contents}
@media(min-width:900px){#pg-home{max-width:1100px}.hg2{grid-template-columns:1.15fr 1fr;align-items:stretch}.lc,.rc{display:flex;flex-direction:column;gap:12px}.lc .hero.hs{flex:1}.rc>.gl{flex:1}}
.hero.hs .hrow{flex:1;flex-direction:column;align-items:stretch;justify-content:space-between;gap:16px}.hero.hs .hrow .act{width:100%;margin:auto 0 0!important}
.md.live{color:var(--btnfg)}
.oo .chip{font-weight:600;font-size:13px}
.sdiv{height:1px;background:var(--bd);margin:6px 10px;flex:none}
.acct{display:flex;max-width:100%}.acb{display:flex;align-items:center;gap:10px;background:var(--glass);border:1px solid var(--gb);border-radius:16px;padding:6px 14px 6px 6px;cursor:pointer;color:var(--tx);font:inherit;text-align:left;max-width:100%}
.acb .av{width:34px;height:34px;border-radius:50%;background:var(--ac);color:var(--btnfg);display:flex;align-items:center;justify-content:center;font-weight:700;flex:none}
.acb b{display:block;font-size:14px;line-height:1.2}.acb small{display:block;color:var(--mut);font-size:11px}
.gate{position:fixed;inset:0;z-index:60;display:flex;padding:16px;background:rgba(8,9,12,.82);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);overflow:auto}.gate[hidden]{display:none}
.gc{margin:auto;width:100%;max-width:420px;background:var(--room);border:1px solid var(--gb);border-radius:22px;padding:22px;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.gc h2{margin:0 0 6px;font-size:22px}.gc label{display:block;font-size:13px;color:var(--mut);margin:16px 0 6px}
.gc input[type=text]{width:100%;font-size:16px}
.seg{display:flex;gap:6px}.seg.col{flex-direction:column}.seg button{flex:1;padding:10px;border:1px solid var(--bd);background:var(--card);border-radius:12px;cursor:pointer;font-weight:600;text-align:left}
.seg button small{display:block;font-weight:400;color:var(--mut);font-size:12px;margin-top:2px}
.seg button.on{background:var(--tx);color:var(--bg);border-color:var(--tx)}.seg button.on small{color:inherit;opacity:.75}
.gc .sub{width:100%;margin-top:18px;padding:12px;border:0;border-radius:14px;background:var(--ac);color:var(--btnfg);font-weight:700;font-size:16px;cursor:pointer}
#gerr{color:var(--busytx);font-size:13px;min-height:18px;margin-top:10px}
.mrow2{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid var(--bd);padding:10px 0;flex-wrap:wrap}.mn b{display:block}.mn small{color:var(--mut)}
.act.pr{background:var(--ac);color:var(--btnfg);border-color:var(--ac);font-weight:700}
.oc .chip .x{margin:0;padding:0 0 0 4px;border:0}
.avi{width:var(--s,22px);height:var(--s,22px);border-radius:50%;object-fit:cover;vertical-align:middle;flex:none;display:inline-block;background:var(--card)}
.avi.ini{display:inline-flex;align-items:center;justify-content:center;background:var(--ac);color:var(--btnfg);font-weight:700;font-size:calc(var(--s,22px)*.45);line-height:1}
.chip .avi{margin:-2px 5px -2px -3px}
.ld b .avi{margin-right:7px}
.acb .avi{margin:0}
.brand{font-size:24px;font-weight:700;letter-spacing:.2px;margin:0 0 14px}
.gc input[type=email],.gc input[type=password]{width:100%;font-size:16px}
.gc .hint{color:var(--mut);font-size:12px}
.gerr{color:#ff8b8b;font-size:13px;min-height:18px;margin:12px 0 0}
.gc .sub:disabled{opacity:.55;cursor:wait}
.seg[data-g=mode]{margin-bottom:6px}.seg[data-g=mode] button{text-align:center}
.phrow{display:flex;align-items:center;gap:14px;margin:4px 0 2px}.phbtns{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.phbtns small{flex-basis:100%;color:var(--mut);font-size:12px}
.pwbox{margin-top:18px;border-top:1px solid var(--bd);padding-top:12px}.pwbox summary{cursor:pointer;font-weight:600}
.prow2{display:flex;justify-content:space-between;gap:10px;margin-top:18px}
.mw{display:flex;align-items:center;gap:12px;min-width:0}.macts{display:flex;flex-wrap:wrap;gap:6px}
.gc input[type=text],.gc input[type=email],.gc input[type=password]{display:block;width:100%;max-width:none;min-width:0;flex:none;padding:10px 12px;font-size:16px;border:1px solid var(--bd);border-radius:10px;background:var(--card);color:var(--tx)}
.gc input:focus{outline:2px solid var(--ac);outline-offset:1px}

a.sb{text-decoration:none}.sb .out{margin-left:auto;opacity:.45;font-size:13px}.sb.ext:hover{background:var(--glass);color:var(--tx)}
.crmrow{display:flex;gap:8px;flex-basis:100%;margin-top:2px}.crmrow input{flex:1;min-width:0;padding:8px 10px;font-size:14px;border:1px solid var(--bd);border-radius:10px;background:var(--card);color:var(--tx);max-width:none}

.evadd{margin-left:auto;border:1px solid var(--ac);background:none;color:var(--tx);border-radius:12px;padding:8px 14px;font-weight:600;cursor:pointer}
.evform{margin-bottom:14px;max-width:560px}.evform label{display:block;font-size:13px;color:var(--mut);margin:14px 0 6px}.evform .hint{font-size:12px}
.evform input{display:block;width:100%;max-width:none;min-width:0;flex:none;padding:10px 12px;font-size:16px;border:1px solid var(--bd);border-radius:10px;background:var(--card);color:var(--tx);color-scheme:inherit}
.evform .two{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media(max-width:420px){.evform .two{grid-template-columns:1fr}}
.evbtns{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.act.danger{background:#7a2a2a;color:#fff;border-color:#a33}
.evc .act[data-ev]{margin-top:10px}
.evform{margin-top:12px}

.cbar{display:flex;margin-bottom:12px}.cbar .evadd{margin-left:0}
.citem{display:grid;gap:8px;padding:12px 0;border-top:1px solid var(--bd)}.crow2{display:flex;gap:8px}.crow2 input{flex:1}
#comps .evform{margin-bottom:14px;max-width:none}

/* leadership */
.ltabs{margin-bottom:14px}#lead .vt button.on{background:var(--ac);color:var(--btnfg)}
#lead .evform{max-width:640px}#lead textarea{display:block;width:100%;padding:10px 12px;font:inherit;font-size:15px;border:1px solid var(--bd);border-radius:10px;background:var(--card);color:var(--tx);resize:vertical}
#lead select{max-width:100%;padding:8px 10px;font:inherit;font-size:14px;border:1px solid var(--bd);border-radius:10px;background:var(--card);color:var(--tx)}
.evform select{display:block;width:100%}.evform.inner{background:var(--card);box-shadow:none;margin:12px 0}
.lt{margin-bottom:10px}.lth{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ltt{flex:1;min-width:140px;font-size:16px}
.lstat{border:0;border-radius:999px;padding:5px 12px;font:inherit;font-size:12px;font-weight:700;cursor:pointer;background:var(--card);color:var(--tx);border:1px solid var(--bd)}
.lstat.doing{background:var(--acbg);color:var(--tx);border-color:var(--ac)}.lstat.done{background:var(--ac);color:var(--btnfg);border-color:var(--ac)}.lstat.sm{cursor:default;padding:2px 8px;font-size:11px}
.lt.done .ltt{text-decoration:line-through;opacity:.65}
.pc{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600}.pc.dim{color:var(--mut);font-weight:500}
.due{display:block;margin-top:6px;color:var(--mut);font-size:12px}.due.over{color:#ff8b8b;font-weight:700}
.ldesc{margin:8px 0 0;white-space:pre-wrap;color:var(--tx);opacity:.9}
.lact{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;align-items:flex-start}
.thr{flex-basis:100%;border-top:1px solid var(--bd);margin-top:6px;padding-top:10px;display:grid;gap:10px}
.cm p{margin:4px 0 0 30px;white-space:pre-wrap}.cmh{display:flex;align-items:center;gap:8px;font-size:13px}.cmh small{color:var(--mut)}.cmh .x{margin-left:auto;border:0;background:none;color:var(--mut);cursor:pointer;font-size:16px}
.cmnew{display:flex;gap:8px;align-items:flex-end}.cmnew textarea{flex:1}
.lm{margin-bottom:10px;padding:0}.lm .mh{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;background:none;border:0;color:inherit;font:inherit;text-align:left;cursor:pointer}
.lm .mh .et{flex:1;min-width:0}.lm .mh .et b{display:block;font-size:16px}.lm .mh .et small{color:var(--mut)}.chev{color:var(--mut);font-size:18px}
.lbody{padding:4px 16px 16px;border-top:1px solid var(--bd)}
.agtot{display:flex;justify-content:space-between;align-items:baseline;margin:14px 0 6px}.agtot span{color:var(--mut);font-size:13px;font-weight:600}
.ai{display:flex;gap:10px;align-items:flex-start;padding:12px 0;border-top:1px solid var(--bd)}.ai.done .abt b{text-decoration:line-through;opacity:.6}
.ack{flex:none;width:26px;height:26px;border-radius:8px;border:2px solid var(--bd);background:none;color:var(--btnfg);font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;margin-top:1px}.ai.done .ack{background:var(--ac);border-color:var(--ac)}
.ab{flex:1;min-width:0;display:grid;gap:8px}.abt{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.kd{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--mut)}
.ameta{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.tmin{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--mut)}
.tmin input[type=number],.pick input[type=number]{width:68px;padding:8px;font:inherit;font-size:14px;border:1px solid var(--bd);border-radius:10px;background:var(--card);color:var(--tx)}
.amv{display:flex;flex-direction:column;gap:6px}.amv .act{padding:4px 10px}
.pick{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:10px 0;border-top:1px solid var(--bd)}.pick .pt{flex:1 1 200px;min-width:0}.pick .pt small{display:block;color:var(--mut)}
.llbl{display:block;margin:18px 0 6px;font-size:13px;color:var(--mut)}
.cmb{white-space:nowrap}

.decs{flex-basis:100%;background:var(--card);border-radius:12px;padding:10px 12px;display:grid;gap:8px}.decs>small{color:var(--mut);font-size:11px;text-transform:uppercase;letter-spacing:.06em}
.dc{display:flex;gap:10px;align-items:flex-start}.dc p{margin:0;white-space:pre-wrap}.dc small{color:var(--mut);font-size:12px}.dck{flex:none;width:20px;height:20px;border-radius:6px;background:var(--ac);color:var(--btnfg);font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;margin-top:1px}
.dc .x{margin-left:auto;border:0;background:none;color:var(--mut);cursor:pointer;font-size:16px}
.dnew{flex-basis:100%;display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end}.dnew textarea{flex:1 1 240px}

.outc{display:flex;flex-wrap:wrap;gap:6px}.outc button{border:1px solid var(--bd);background:none;color:var(--tx);border-radius:999px;padding:5px 12px;font:inherit;font-size:12px;font-weight:600;cursor:pointer}
.outc button.on{color:var(--btnfg);border-color:transparent}.outc button.on.done{background:var(--ac)}.outc button.on.started{background:#e0a64a}.outc button.on.skipped{background:var(--mut)}
.ai.o-done .abt b{text-decoration:line-through;opacity:.6}.ai.o-skipped .abt b{opacity:.55}

.where{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:14px 0 0;font-weight:600}.where .act{text-decoration:none;display:inline-block}
.lbody .pwbox .two{margin-top:8px}.lbody .pwbox label{display:block;font-size:13px;color:var(--mut);margin:10px 0 6px}
.lbody .pwbox input[type=text],.lbody .pwbox input[type=date]{width:100%;padding:10px 12px;font:inherit;font-size:15px;border:1px solid var(--bd);border-radius:10px;background:var(--card);color:var(--tx)}

.lks{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.lk{display:inline-flex;align-items:center;max-width:100%;padding:5px 12px;border:1px solid var(--bd);border-radius:999px;background:var(--card);color:var(--tx);text-decoration:none;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lk:hover{border-color:var(--ac)}
.lkedit{margin-top:2px}.ab .lks{margin-top:0}

.vtop{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:flex-start;margin-top:14px}.vinfo{display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center}
.vi1{display:grid;gap:2px}.vi1 small{color:var(--mut);font-size:11px;text-transform:uppercase;letter-spacing:.06em}.vi1 b{font-size:15px}
.vjoin{text-decoration:none;display:inline-block}
.agtot .act{margin-left:12px}
.vi{display:flex;gap:12px;padding:14px 0;border-top:1px solid var(--bd)}.vn{flex:none;width:26px;height:26px;border-radius:50%;background:var(--card);border:1px solid var(--bd);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;color:var(--mut)}
.vb{flex:1;min-width:0;display:grid;gap:8px}.vt1{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.vt1 b{font-size:16px}
.vi.o-done .vt1 b{text-decoration:line-through;opacity:.6}.vi.o-skipped .vt1 b{opacity:.55}
.vmeta{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center}.tm{font-size:13px;font-weight:600;color:var(--mut)}
.outp{border-radius:999px;padding:2px 10px;font-size:11px;font-weight:700;color:var(--btnfg)}.outp.done{background:var(--ac)}.outp.started{background:#e0a64a}.outp.skipped{background:var(--mut)}
.vnotes{margin:0;white-space:pre-wrap}
.urg{background:#ff6b6b;color:#fff;border-radius:999px;padding:2px 10px;font-size:11px;font-weight:700;white-space:nowrap}.lt.urgent{border-left:3px solid #ff6b6b}.urgchk{display:flex;align-items:center;gap:8px;margin:14px 0 0;font-size:14px}.urgchk input{width:auto}
#lead .vt{margin-bottom:16px;flex-wrap:wrap}
.mxf input,.mxf select{display:block;width:100%;max-width:none;min-width:0;padding:10px 12px;font-size:16px;border:1px solid var(--bd);border-radius:10px;background:var(--card);color:var(--tx);color-scheme:inherit}.mxf input:focus,.mxf select:focus{outline:2px solid var(--ac);outline-offset:1px}.mxf{display:block}.mxf label{display:block;margin:12px 0 4px;font-size:13px;color:var(--mut)}.mxf small{color:var(--mut)}.mxr{display:flex;gap:6px;margin-bottom:6px;align-items:center}.mxr input{flex:1;min-width:0}.mxr input:first-child{flex:2}.mxt{list-style:none;margin:2px 0 8px;padding:0}.mxt li{padding:6px 0;border-top:1px solid var(--bd);font-size:14px}.mxt li span{color:var(--mut)}.mxp{display:block;color:var(--mut);margin-bottom:6px}.sc .lk{display:inline-block;margin:4px 0 6px}

.bl{display:block}.bl-l{display:none}:root[data-theme="light"] .bl-d{display:none}:root[data-theme="light"] .bl-l{display:block}
.gbrand{text-align:center;margin-bottom:6px}.gbrand .brand{margin:2px 0 0;font-size:13px;color:var(--mut);letter-spacing:.14em;text-transform:uppercase}.gl-logo{height:112px;width:auto;margin:0 auto}
.hbrand{display:flex;align-items:center;gap:14px;min-width:0}.hlogo{flex:none}.h-logo{height:72px;width:auto}.slogan{margin:2px 0 0;font-weight:600;font-size:14px;color:var(--ac);letter-spacing:.02em}
@media(max-width:520px){.h-logo{height:56px}.gl-logo{height:92px}}
/* Kingdom 101 */
.kghero{display:flex;align-items:center;gap:16px;margin:4px 0 14px}.kghero h2{margin:0;font-size:26px}.kghero p{margin:4px 0 0;color:var(--mut)}.kglogo{height:84px;width:auto;flex:none}
.kgsearch{display:flex;gap:8px;position:sticky;top:0;z-index:5;padding:8px 0;isolation:isolate}.kgsearch::before{content:"";position:absolute;inset:0 -4px -10px;z-index:-1;pointer-events:none;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);-webkit-mask-image:linear-gradient(#000 65%,transparent);mask-image:linear-gradient(#000 65%,transparent)}.kgsearch input{flex:1;min-width:0;padding:12px 14px;font-size:16px;border:1px solid var(--bd);border-radius:12px;background:var(--card);color:var(--tx)}.kgsearch input:focus{outline:2px solid var(--ac);outline-offset:1px}
.kgres{margin:2px 2px 8px;color:var(--mut);font-size:13px;min-height:1em}
.kgidx{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:18px}.kgidx[hidden]{display:none}
.kgtile{display:flex;gap:10px;align-items:flex-start;text-align:left;padding:12px;border:1px solid var(--bd);background:var(--card);color:var(--tx);border-radius:14px;cursor:pointer;font:inherit}.kgtile:hover{border-color:var(--ac)}.kgi{font-size:22px;line-height:1}.kgtile b{display:block;font-size:14px}.kgtile small{display:block;margin-top:2px;color:var(--mut);font-size:12px;line-height:1.35}
.kgs{margin-bottom:10px;background:var(--card);border:1px solid var(--bd);border-radius:16px;overflow:hidden;scroll-margin-top:70px}.kgs[hidden]{display:none}
.kgs>summary{display:flex;align-items:center;gap:10px;padding:14px 16px;cursor:pointer;list-style:none;font-weight:700;font-size:16px}.kgs>summary::-webkit-details-marker{display:none}.kgs>summary .kgt{flex:1}.kgs>summary .kgchev{color:var(--mut);transition:transform .2s}.kgs[open]>summary .kgchev{transform:rotate(180deg)}.kgi{font-size:20px;line-height:1}.kgpc[hidden],.kgrr[hidden],.kgce[hidden],.kgtr[hidden]{display:none}.kgs[open]>summary{border-bottom:1px solid var(--bd)}
.kgbody{padding:14px 16px 18px}.kgbody p{margin:8px 0;line-height:1.5}.kgbody mark{background:#e0a64a;color:#111;border-radius:3px;padding:0 2px}
.kgh{margin:16px 0 8px;font-size:14px;letter-spacing:.02em}.kgh small{color:var(--mut);font-weight:500}.kgbody>.kgh:first-child{margin-top:0}
.kgl{margin:6px 0 8px;padding-left:20px;line-height:1.5}.kgl li{margin:4px 0}.kgl ul{margin:4px 0;padding-left:18px;list-style:circle}
.kgc{background:rgba(255,255,255,.04);border:1px solid var(--bd);border-radius:12px;padding:12px 14px;margin:0 0 10px}.kgc .kgh{margin-top:0;color:var(--ac)}.kgc p:first-of-type{margin-top:0}
.kgg{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}.kgg .kgc{margin:0}
.kgwarn{border-color:#c9615b}.kgwarn .kgh{color:#ff8b8b}.kgnote{border-style:dashed}
.kgq{font-size:17px;font-weight:600;line-height:1.45;margin:6px 0}.kgsub{color:var(--mut);font-size:13px}
.kgfig{margin:12px 0}.kgfig img{width:100%;height:auto;border-radius:12px;display:block}.kgfig figcaption{margin-top:6px;color:var(--mut);font-size:12px}
.kgchips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.kgchip{padding:7px 12px;border:1px solid var(--bd);background:var(--card);color:var(--tx);border-radius:999px;cursor:pointer;font:inherit;font-size:13px;font-weight:600}.kgchip.on{background:var(--tx);color:var(--bg);border-color:var(--tx)}
.kgbars{display:grid;gap:8px;margin-top:10px}.kgbr{display:grid;grid-template-columns:44px 1fr 86px;align-items:center;gap:10px;font-size:14px}.kgbr .bw{height:16px;border-radius:8px;background:rgba(255,255,255,.07);overflow:hidden}.kgbr .bw i{display:block;height:100%;border-radius:8px;background:var(--ac)}.kgbr.plan .bw i{background:repeating-linear-gradient(45deg,var(--mut),var(--mut) 6px,transparent 6px,transparent 10px);opacity:.7}.kgbr.plan b{color:var(--mut)}.kgbr b{text-align:right}
.kgp{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.kgpc{display:flex;flex-direction:column;gap:2px;padding:8px;border:1px solid var(--bd);border-radius:12px;background:rgba(255,255,255,.04);font-size:12px;line-height:1.3;text-align:center}.kgpc img{width:100%;height:auto;border-radius:8px;background:#d6d0bd;margin-bottom:4px}.kgpc b{font-size:14px}.kgpc .sm{color:var(--ac);font-weight:600}.kgpc .tw{color:var(--mut)}
.kgmail{list-style:none;padding:0}.kgmail a{color:var(--tx)}
.kgrl{display:grid;gap:6px}.kgrr{display:flex;justify-content:space-between;gap:12px;padding:9px 12px;border:1px solid var(--bd);border-radius:10px;background:rgba(255,255,255,.04);font-size:14px}.kgrr b{text-align:right;flex:none;max-width:45%}.kgrr.per{flex-direction:column;gap:4px}.kgrr.per b{text-align:left;max-width:none}.kgrr.per span{color:var(--mut)}
.kgtl{display:grid;gap:12px}.kgts{display:flex;gap:12px;padding:12px;border:1px solid var(--bd);border-radius:12px;background:rgba(255,255,255,.04)}.kgts .n{flex:none;width:30px;height:30px;border-radius:50%;background:var(--ac);color:var(--btnfg);display:grid;place-items:center;font-weight:800}.kgts h4{margin:0}.kgts small{color:var(--ac);font-weight:600}
.kgcal{display:grid;gap:6px}.kgyr{margin-top:8px;font-weight:800;font-size:18px}.kgce{display:flex;gap:12px;padding:9px 12px;border:1px solid var(--bd);border-radius:10px;background:rgba(255,255,255,.04);font-size:14px}.kgce .d{flex:none;width:112px;color:var(--ac);font-weight:700}.kgce small{display:block;color:var(--mut);margin-top:2px}.kgce.tbd .d{color:var(--mut)}
.kgtr{display:grid;grid-template-columns:104px 1fr;gap:10px;padding:8px 0;border-top:1px solid var(--bd)}.kgtr span{font-weight:700;font-size:13px}.kgtr small{display:block;color:var(--mut);font-weight:500;font-size:11px}.kgtr p{margin:0}
@media(max-width:620px){.kgidx,.kgg{grid-template-columns:1fr}.kgp{grid-template-columns:repeat(2,1fr)}.kgce .d{width:92px}.kgbr{grid-template-columns:40px 1fr 78px}.kgtr{grid-template-columns:1fr}.kglogo{height:64px}}
.kgg.kg1{grid-template-columns:1fr}
.gbrand{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;margin-bottom:14px}.gbrand .brand{margin:0;font-size:22px;color:var(--tx);letter-spacing:.12em}.gl-logo{height:60px;margin:0}
@media(max-width:520px){.gl-logo{height:52px}}
.gbrand{flex-direction:row-reverse}
.hline{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 14px}.hline .slogan{margin:0;font-size:15px}
.slogan{font-style:italic;font-weight:700}

/* manager meeting topics: points, minutes, confirmation */
.mxtp{border:1px solid var(--bd);border-radius:12px;padding:8px;margin-bottom:8px}.mxr2{margin-bottom:6px}.mxr.mxr2 input.mxmin{flex:0 0 110px;width:110px}.mxck{display:flex!important;align-items:center;gap:8px;margin:0!important;font-size:13px;color:var(--tx)!important}.mxf .mxck input{display:inline-block;width:auto}
.mxf textarea.mxta{display:block;width:100%;max-width:none;min-width:0;padding:10px 12px;font:inherit;font-size:16px;border:1px solid var(--bd);border-radius:10px;background:var(--card);color:var(--tx);resize:vertical}
.mxt .mxm{font-size:12px;border:1px solid var(--bd);border-radius:999px;padding:1px 8px;margin-left:4px}.mxt .mxok{font-size:12px;color:var(--ok,#4cc38a)}.mxt .mxno{font-size:12px;color:var(--ac)}
.mxd{margin:4px 0 2px}.mxd summary{cursor:pointer;font-size:13px;color:var(--ac)}.mxd p{margin:6px 0 2px;white-space:pre-line;font-size:13px;color:var(--mut);line-height:1.45}

.lk.lkyl{background:#ffb514;border-color:#ffb514;color:#1b1004;padding:8px 16px;font-size:14px}.lk.lkyl:hover{background:#ffc43d;border-color:#ffc43d}.lk.lkyl:focus-visible{outline:2px solid #1b1004;outline-offset:2px}

/* office rules bubble */
.rulesb{background:var(--card);border:1px solid var(--bd);border-left:4px solid var(--oc);border-radius:14px;padding:12px 16px;margin:0 0 14px}.rulesb h2{margin:0 0 2px;font-size:15px;line-height:1.3}.rulesb ul{margin:0;padding-left:18px;font-size:14px;line-height:1.5;color:var(--tx)}.rulesb li{margin:3px 0}.rulesb li:first-child{margin-top:0}

/* conference room booked today */
.cfb{border-left:4px solid var(--vc);padding:12px 16px}.cfb b{display:block;font-size:15px}.cfb small{display:block;color:var(--mut);margin:2px 0 8px}.cfr{display:flex;flex-wrap:wrap;gap:8px}.cfi{border:1px solid var(--bd);border-radius:999px;padding:5px 12px;font-size:14px;font-weight:600;background:var(--card)}.cfi.now{border-color:var(--vc)}.cfi.now em{font-style:normal;font-size:12px;margin-left:4px;color:var(--vc)}.cfi.past{opacity:.5}

.hg2>*,.lc>*,.rc>*{min-width:0}.hero .ln{flex-wrap:wrap}.hero .ln span{overflow-wrap:anywhere}

.cfb{border-left-color:#ff6b6b}.cfb>b{color:#ff6b6b}:root[data-theme="light"] .cfb{border-left-color:#d62f2f}:root[data-theme="light"] .cfb>b{color:#d62f2f}

/* events happening right now: orange glow, still glass */
.ev.now{box-sizing:border-box;width:calc(100% + 24px);max-width:none;border-top-color:transparent;border-radius:14px;padding:10px 12px;margin:2px -12px;background:rgba(255,157,82,.07);box-shadow:inset 0 0 0 1px rgba(255,157,82,.6),0 0 18px rgba(255,157,82,.3)}.ev.now+.ev{border-top-color:transparent}

.kgsearch input,.kgsearch .act{background:linear-gradient(var(--card),var(--card)),var(--bg)}

/* Tools page */
.tlgrid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:12px}
.tlcat{display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:left;padding:18px;color:var(--tx);font:inherit;cursor:pointer;border:1px solid var(--gb);border-radius:16px}
.tlcat:hover{border-color:var(--oc)}.tlcat .tli{font-size:28px}.tlcat b{font-size:17px}.tlcat small{color:var(--mut)}
.tlpanel{margin-top:12px;padding:16px}.tlpanel h2{margin:0 0 6px;font-size:18px}

/* Fun loader */
.gload{text-align:center}.gload h2{margin:12px 0 0}
.spinface{width:96px;height:96px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 3px var(--oc),0 8px 24px rgba(0,0,0,.4);animation:spinface .6s linear infinite}
@keyframes spinface{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.spinface{animation-duration:2.4s}}
.gc.gload{background:none;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0;width:auto;max-width:none}
.tlitem{text-decoration:none}.tlpanel .tlcat{border-color:var(--bd)}
.tlpanel .tlgrid{grid-template-columns:repeat(auto-fill,128px);gap:10px}
.tlpanel .tlitem{aspect-ratio:1;width:128px;padding:10px;align-items:center;justify-content:center;text-align:center;gap:4px}
.tlpanel .tlitem .tli{font-size:30px}.tlpanel .tlitem b{font-size:14px;line-height:1.2}.tlpanel .tlitem small{font-size:11px;line-height:1.25}
.tllist{display:flex;flex-direction:column;gap:8px;margin-top:10px}
.tlrow{padding:10px 12px;border:1px solid var(--bd);border-radius:12px;background:var(--glass);display:flex;flex-direction:column;gap:4px}
.tlrow b{font-size:15px}.tlrow small{color:var(--mut);font-size:12.5px}
.tlchips{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.tlchip{font-size:12.5px;padding:4px 10px;border-radius:999px;border:1px solid var(--bd);color:var(--tx);text-decoration:none;background:var(--acbg)}
.tlchip:hover{border-color:var(--oc)}
button.tlitem{font:inherit}
.tlpanel .tlgrid{grid-template-columns:repeat(auto-fill,148px)}
.tlpanel .tlitem{width:148px;height:148px;aspect-ratio:auto;overflow:hidden;justify-content:flex-start;padding-top:14px}
.tlpanel .tlitem b{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.tlpanel .tlitem small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.calbox{padding:14px 16px;margin:0 0 12px}.calbtns{display:flex;flex-wrap:wrap;gap:8px}.calbtns a.act{text-decoration:none;display:inline-block}
.rulesb .rred{color:var(--busytx);font-weight:700}
.day.today{background:#ffb514;border-color:#ffb514;color:#1b1004;font-weight:700}
.day.today small{color:#3b2a06;font-weight:600}
.cmoney b.won{color:#3ddc84!important}:root[data-theme="light"] .cmoney b.won{color:#12803f!important}
.win.got{background:rgba(140,235,165,.38)!important;border-color:rgba(150,245,175,.85)!important;color:#eafff0}:root[data-theme="light"] .win.got{background:rgba(70,190,110,.2)!important;border-color:rgba(30,140,70,.55)!important;color:#0f5a2b}

/* Login / register: team photo, blurred, behind the form */
.gate.photo{background:rgba(8,9,12,.5);isolation:isolate}
.gate.photo::before{content:"";position:fixed;inset:-10px;z-index:-1;background:linear-gradient(rgba(8,9,12,.45),rgba(8,9,12,.65)),url(brand/login-bg.jpg) center/cover no-repeat;filter:blur(3px)}
:root[data-theme="light"] .gate.photo::before{background:linear-gradient(rgba(10,12,18,.4),rgba(10,12,18,.6)),url(brand/login-bg.jpg) center/cover no-repeat}
/* Phone: logo, greeting and profile card share one row */
@media (max-width:560px){
 #pg-home .hd{flex-wrap:nowrap;align-items:center;gap:8px}
 #pg-home .hbrand{flex:1 1 auto;gap:8px;min-width:0}
 #pg-home .h-logo{height:52px}
 #pg-home .hline{gap:0 8px}#pg-home .hline h1{font-size:20px}#pg-home .hline .slogan{font-size:13px}
 #pg-home #dt{font-size:12px}
 #pg-home .acct{flex:0 0 auto;max-width:124px}
 #pg-home .acb{gap:6px;padding:5px 8px 5px 5px;border-radius:14px;width:100%}
 #pg-home .acb .avi,#pg-home .acb .av{--s:30px;width:30px;height:30px;flex:none}
 #pg-home .acb>span{min-width:0}
 #pg-home .acb b,#pg-home .acb small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 #pg-home .acb b{font-size:12.5px}#pg-home .acb small{font-size:10px}
}
@media (max-width:560px){
 #pg-home .acct{max-width:104px}
 #pg-home .acb{flex-direction:column;align-items:center;text-align:center;gap:4px;padding:8px 6px;border-radius:16px}
 #pg-home .acb .avi,#pg-home .acb .av{--s:36px;width:36px;height:36px}
 #pg-home .acb b,#pg-home .acb small{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
 #pg-home .acb b{font-size:12.5px;line-height:1.15}
 #pg-home .acb small{font-size:10.5px;line-height:1.2}
}
/* Phone: no empty band above the header - the card sits left of the menu button */
@media (max-width:560px){
 .pages:has(#pg-home:not([style*="none"])){padding-top:0}
 #pg-home{padding-top:calc(8px + env(safe-area-inset-top,0px))}
 #pg-home .acct{margin-right:48px}
}
/* Phone: floating, rounded glass menu */
@media (max-width:759px){
 .side{left:10px;top:calc(10px + env(safe-area-inset-top,0px));bottom:calc(10px + env(safe-area-inset-bottom,0px));height:auto;max-height:none;width:236px;border:1px solid var(--gb);border-radius:26px;padding:16px 10px;padding-bottom:20px;transform:translateX(calc(-100% - 20px));background:rgba(22,24,30,.62);-webkit-backdrop-filter:blur(22px) saturate(160%);backdrop-filter:blur(22px) saturate(160%);box-shadow:0 18px 50px rgba(0,0,0,.45)}
 :root[data-theme="light"] .side{background:rgba(255,255,255,.7);box-shadow:0 18px 50px rgba(20,22,40,.25)}
 .side.open{box-shadow:0 18px 50px rgba(0,0,0,.45)}
 .side .sb{border-radius:14px}
 .side .sb.on{background:var(--acbg);box-shadow:inset 0 0 0 1px var(--gb)}
 .sdiv{margin:6px 8px}
}
/* Glassy login/register card */
.gate.photo .gc:not(.gload){background:rgba(24,26,34,.28);-webkit-backdrop-filter:blur(20px) saturate(170%);backdrop-filter:blur(20px) saturate(170%);border:1px solid rgba(255,255,255,.22);box-shadow:0 20px 60px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.25)}
.gate.photo .gc:not(.gload) input[type=text],.gate.photo .gc:not(.gload) input[type=email],.gate.photo .gc:not(.gload) input[type=password]{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.22);color:#fff}
.gate.photo .gc:not(.gload),.gate.photo .gc:not(.gload) h2,.gate.photo .gc:not(.gload) label{color:#fff}
.gate.photo .gc:not(.gload) label,.gate.photo .gc:not(.gload) .hint{color:rgba(255,255,255,.8)}
/* Register: two columns on wide screens, no scrolling; fixed photo background */
.gate.photo{-webkit-backdrop-filter:none;backdrop-filter:none}
@media (min-width:820px){
 .gc.regwide{max-width:860px;display:grid;grid-template-columns:1fr 1fr;column-gap:36px;padding:22px 30px}
 .regwide .rgh,.regwide .rgf{grid-column:1/-1}
 .regwide .rgr>label:first-child,.regwide .rgl>.phrow+label{margin-top:12px}
 .regwide .rgf .sub{margin-top:8px}
 .regwide .rgf .gerr:empty{display:none}
}
/* Role picker colours: Student manager blue, Leader yellow */
.seg[data-g=role] button[data-v=sm].on{background:#3b82f6;border-color:#3b82f6;color:#fff}
.seg[data-g=role] button[data-v=leader].on{background:#f5c33b;border-color:#f5c33b;color:#1a1500}
/* Register grid: cells aligned in rows */
.regwide .rgc>label:first-child{margin-top:0}
.regwide .rph .phrow{margin:0}
@media (min-width:820px){
 .gc.regwide{row-gap:14px;max-width:820px}
 .regwide .rgc{min-width:0}
 .regwide .rgc.rph{display:flex;align-items:center}
 .regwide .rrole{grid-column:1/-1}
 .regwide .rrole .seg.col{flex-direction:row}
 .regwide .rrole .seg.col button{flex:1}
 .regwide .rgh{margin-bottom:0}
}
/* Menu scroll fix (phone) + floating glass menu on desktop */
@media (max-width:759px){
 .side{height:calc(100dvh - 20px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));max-height:calc(100dvh - 20px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));overflow-y:auto;-webkit-overflow-scrolling:touch}
}
@media (min-width:760px){
 .side{top:12px;margin:12px 0 12px 12px;height:calc(100vh - 24px);height:calc(100dvh - 24px);border:1px solid var(--gb);border-radius:26px;padding:14px 10px;background:rgba(22,24,30,.55);-webkit-backdrop-filter:blur(22px) saturate(160%);backdrop-filter:blur(22px) saturate(160%);box-shadow:0 18px 50px rgba(0,0,0,.35)}
 :root[data-theme="light"] .side{background:rgba(255,255,255,.65);box-shadow:0 18px 50px rgba(20,22,40,.2)}
 .side .sb{border-radius:14px}
 .side .sb.on{background:var(--acbg);box-shadow:inset 0 0 0 1px var(--gb)}
}
.side .sb.on{color:var(--tx)}
.side{scrollbar-width:none;-ms-overflow-style:none}.side::-webkit-scrollbar{display:none;width:0;height:0}
/* Slightly smaller menu items */
.side .sb{font-size:13px;padding:8px 10px;gap:9px}.side .sb .ic{font-size:17px}
@media (max-width:759px){.side .sb{font-size:14px;padding:9px 10px}.side .sb .ic{font-size:18px}}
html,body{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none;width:0;height:0}
.tb.closed rect{fill:rgba(128,128,128,.18);stroke:var(--mut);stroke-dasharray:8 6}.tb.closed text{opacity:.6;cursor:default}
td.c.closed{background:rgba(128,128,128,.18);color:var(--mut);text-align:center;font-size:12px}
h1{border-left-color:#ffb514}
/* Announcement popup */
.annc{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(8,9,12,.78);overflow:hidden}
.annb{width:100%;max-width:380px;text-align:center;padding:26px 22px 22px;border-radius:24px;background:rgba(30,32,40,.7);-webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%);border:1px solid rgba(255,255,255,.22);box-shadow:0 20px 60px rgba(0,0,0,.45);color:#fff}
:root[data-theme="light"] .annb{background:rgba(255,255,255,.8);color:#1b1c22;border-color:rgba(255,255,255,.9)}
.annb .annic{font-size:40px}.annb h2{margin:6px 0 8px;font-size:22px}.annb p{margin:0 0 18px;font-size:16px;line-height:1.45}
.annb .sub{width:100%;padding:12px;border:0;border-radius:14px;background:#ffb514;color:#1b1004;font-weight:700;font-size:16px;cursor:pointer}
.anncat{position:absolute;pointer-events:none;user-select:none;z-index:0}.annb{position:relative;z-index:1}
/* Profile card: in the menu on phones, in the header on desktop */
.side .sb.me,.side .sdiv.me{display:none}
@media (max-width:759px){
 #pg-home .acct{display:none}
 .side .sb.me{display:flex;gap:10px;padding:10px;background:var(--acbg);box-shadow:inset 0 0 0 1px var(--gb);color:var(--tx)}
 .side .sdiv.me{display:block}
 .side .sb.me>span{min-width:0}.side .sb.me b{display:block;font-size:14px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .side .sb.me small{display:block;font-size:11px;color:var(--mut);font-weight:500}
 .side .sb.me .avi{--s:34px;width:34px;height:34px;flex:none;margin:0}
}
@media (max-width:759px){#pg-home .hline{flex-direction:column;align-items:flex-start;gap:2px}#pg-home .hline .slogan{font-size:13px}}
@media (max-width:759px){#pg-home .hline h1{margin:0}#pg-home .hline .slogan{margin:0}#pg-home .hd .note#dt{margin-top:2px!important}}
/* Team Stats */
.stctl{display:flex;flex-wrap:wrap;gap:8px 14px;margin:0 0 14px}.stseg{display:inline-flex;flex-wrap:wrap;max-width:100%}.stseg button{flex:none;padding:8px 12px;font-size:13px;text-align:center}
.sttiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:14px}
.stt{padding:12px 14px}.stt small{display:block;color:var(--mut);font-size:12px}.stt b{display:block;font-size:26px;margin-top:2px}.stt b.won{color:#7ee2a0}.stt em{display:block;font-style:normal;color:var(--mut);font-size:11px;margin-top:2px}
.stbox{padding:14px;margin-bottom:14px}.stbh{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.stbh h2{margin:0;font-size:17px}.stbtns{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.stwho{display:flex;align-items:center;gap:8px;min-width:0}.stwho .avi{margin:0;flex:none}.stwho span{min-width:0}.stwho b{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stwho small{display:block;color:var(--mut);font-size:11px}
.stbar{display:block;height:8px;border-radius:99px;background:var(--acbg);overflow:hidden}.stbar i{display:block;height:100%;background:#ffb514;border-radius:99px}
.stlb{display:grid;grid-template-columns:24px minmax(0,1.2fr) minmax(0,1fr);gap:10px;align-items:center;padding:8px 0;border-top:1px solid var(--bd)}.stlb:first-of-type{border-top:0}
.stpos{font-weight:800;color:#ffb514;text-align:center}.stpr small{display:block;color:var(--mut);font-size:11px;margin-top:3px}
.stcs{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;padding-top:10px;border-top:1px solid var(--bd)}.stc{background:var(--acbg);border-radius:10px;padding:6px 10px}.stc b{display:block;font-size:12px}.stc small{color:var(--mut);font-size:11px}
.sthead,.strow{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1.4fr) 70px;gap:12px;align-items:center}
.sthead{color:var(--mut);font-size:11px;text-transform:uppercase;letter-spacing:.04em;padding:0 0 6px}.strow{padding:9px 0;border-top:1px solid var(--bd)}
.stcell small{display:block;color:var(--mut);font-size:11px;margin-top:3px}.stcell label{display:none}
.stpills{display:flex;flex-wrap:wrap;gap:4px}.stpill{background:var(--acbg);border-radius:8px;padding:2px 7px;font-size:11px;white-space:nowrap}.stpill.got{background:var(--mine);color:var(--minetx)}
@media (max-width:759px){
 .sthead{display:none}.strow{grid-template-columns:1fr 1fr;gap:8px 12px}.strow .stwho{grid-column:1/-1}.stcell label{display:block;font-size:11px;color:var(--mut);margin-bottom:3px}.strow>:nth-child(4),.strow>:nth-child(5){grid-column:1/-1}
 .stlb{grid-template-columns:20px 1fr}.stlb .stpr{grid-column:2}
}