.win{border:1px solid var(--line);background:var(--surface);text-align:left;border-radius:16px;grid-template-columns:56px minmax(0,1fr) 280px;min-height:460px;display:grid;overflow:hidden;box-shadow:0 1px 2px #0000000a,0 40px 80px -40px #1c1a1759}.win-side{border-right:1px solid var(--line);background:var(--bg);align-content:start;justify-items:center;gap:14px;padding:16px 0;display:grid}.win-side svg{width:18px;height:18px;color:var(--ink-3)}.win-side .logo-s{width:22px;height:22px;color:var(--ink);--cut:var(--bg);margin-bottom:8px}.win-side .on{color:var(--ink)}.win-main{grid-template-rows:auto auto 1fr auto;gap:14px;min-width:0;padding:18px 22px;display:grid}.win-when{text-align:center;font:400 11px/1 var(--f-mono);color:var(--ink-3)}.bubble{background:var(--card);border-radius:14px;justify-self:start;max-width:460px;padding:12px 14px;font-size:13.5px;line-height:1.5}.bubble b{font-weight:600}.win-log{align-content:start;display:grid}.win-log li{border-bottom:1px dashed var(--line);grid-template-columns:88px 12px minmax(0,1fr);align-items:baseline;gap:10px;padding:10px 2px;font-size:13px;display:grid}.win-log time{color:var(--ink-3);font:400 12px/1 var(--f-mono)}.win-log svg{width:10px;height:10px;color:var(--sev)}.win-compose{border:1px solid var(--line);height:42px;color:var(--ink-3);border-radius:999px;align-items:center;gap:10px;padding:0 14px;font-size:13px;display:flex}.win-compose svg{flex:none;width:16px;height:16px}.win-compose .live{background:var(--clear);width:8px;height:8px;box-shadow:0 0 0 4px color-mix(in srgb, var(--clear) 20%, transparent);border-radius:50%;margin-left:auto}.win-panel{border-left:1px solid var(--line);align-content:start;gap:12px;padding:22px 18px;display:grid}.avatar{background:color-mix(in srgb, var(--accent) 14%, var(--surface));border-radius:50%;place-items:center;width:56px;height:56px;margin:4px auto 0;display:grid}.avatar svg{width:34px;height:34px;color:var(--ink);--cut:#fff1ea}.panel-name{text-align:center;letter-spacing:.02em;font-weight:600}.panel-state{color:var(--ink-3);justify-content:center;align-items:center;gap:6px;margin-top:-8px;font-size:12px;display:flex}.panel-state i{background:var(--clear);border-radius:50%;width:7px;height:7px}.panel-chips{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.pchip{background:var(--card);height:24px;color:var(--ink-2);border-radius:999px;align-items:center;gap:5px;padding:0 9px;font-size:12px;display:inline-flex}.pchip svg{width:9px;height:9px;color:var(--sev)}.panel-rows{gap:12px;margin-top:6px;display:grid}.panel-rows p{grid-template-columns:16px minmax(0,1fr);gap:8px;font-size:12.5px;line-height:1.4;display:grid}.panel-rows svg{width:14px;height:14px;color:var(--ink-3);margin-top:1px}.panel-rows small{color:var(--ink-3);font-size:11.5px;display:block}.mk{border:1px solid var(--line);background:var(--surface);border-radius:14px;gap:14px;padding:20px;display:grid;box-shadow:0 24px 50px -36px #1c1a1766}.mk-head{justify-content:space-between;align-items:center;gap:12px;font-size:13px;font-weight:500;display:flex}.mk-head span{color:var(--ink-3);font:400 11.5px/1 var(--f-mono)}.cal{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;display:grid}.cal b,.cal span{border-radius:8px;place-items:center;height:34px;font-size:12px;display:grid}.cal b{height:22px;color:var(--ink-3);font-size:11px;font-weight:500}.cal span{background:var(--bg);color:var(--ink-2)}.cal span.out{opacity:.35}.cal span.today{box-shadow:inset 0 0 0 1px var(--ink-3)}.cal span.due{background:var(--crit);color:#fff;font-weight:600}.cal span.grace{background:color-mix(in srgb, var(--soon) 18%, var(--surface));color:var(--soon)}.mk-rows{gap:8px;display:grid}.mk-row{background:var(--bg);border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;font-size:13px;display:flex}.mk-row .r{color:var(--ink-3);font:400 12px/1 var(--f-mono);white-space:nowrap}.tl{height:70px;margin:8px 6px 0;position:relative}.tl:before{content:"";background:var(--line);height:2px;position:absolute;top:22px;left:0;right:0}.tl-fill{background:var(--ink);height:2px;width:var(--p,0%);transition:width 1.2s var(--ease-out);position:absolute;top:22px;left:0}.tl-pt{color:var(--ink-2);white-space:nowrap;justify-items:center;gap:8px;font-size:11.5px;display:grid;position:absolute;top:14px;translate:-50%}.tl-pt i{background:var(--surface);border:2px solid var(--ink);border-radius:50%;width:18px;height:18px}.tl-pt.hot i{border-color:var(--crit);background:var(--crit);box-shadow:0 0 0 5px color-mix(in srgb, var(--crit) 18%, transparent)}.tl-pt small{color:var(--ink-3);font:400 11px/1 var(--f-mono)}.ext-card{border:1px solid var(--line);border-left:3px solid var(--crit);border-radius:10px;gap:6px;padding:14px;font-size:13px;display:grid}.ext-card p:first-child{font-weight:600}.ext-card p:last-child{color:var(--ink-2)}.sim{background:var(--bg);border-radius:10px;grid-template-columns:minmax(0,1fr) 120px 44px;align-items:center;gap:12px;padding:10px 12px;font-size:13px;display:grid}.sim b{letter-spacing:.02em;font-weight:600}.sim small{color:var(--ink-3);font-size:11.5px;display:block}.bar{background:var(--line);border-radius:3px;height:6px;overflow:hidden}.bar i{height:100%;width:var(--w);background:var(--ink);border-radius:3px;display:block}.sim .pct{text-align:right;font:500 12px/1 var(--f-mono)}.dom-st{background:var(--card);color:var(--ink-2);border-radius:999px;align-items:center;gap:6px;padding:4px 8px;font-size:11.5px;display:inline-flex}.dom-st.web{background:color-mix(in srgb, var(--crit) 12%, var(--surface));color:var(--crit)}.dom-st.new{background:var(--ink);color:var(--bg)}.cmp-panel{background:var(--surface);border:1px solid var(--line);border-radius:12px;gap:6px;margin-top:18px;padding:14px;display:grid}.cmp-panel .head{color:var(--ink-3);justify-content:space-between;padding-bottom:6px;font-size:12.5px;display:flex}.cmp-panel .head b{font:500 13px/1 var(--f-mono);color:var(--ink);background:var(--card);border-radius:5px;padding:3px 7px}.cmp-new .cmp-panel .head b{background:color-mix(in srgb, var(--accent) 16%, var(--surface))}.file{border:1px solid var(--line);border-radius:7px;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px 8px;font-size:13px;display:grid}.file svg{width:14px;height:14px;color:var(--ink-3)}.file time{font:400 11.5px/1 var(--f-mono);color:var(--ink-3)}.cmp-old .file{opacity:.6}.cmp-old .file:nth-child(n+4){opacity:.35}@media (width<=900px){.win{grid-template-columns:48px minmax(0,1fr)}.win-panel{display:none}}@media (width<=560px){.win{grid-template-columns:minmax(0,1fr);min-height:0}.tl-pt{font-size:10.5px}.tl .tl-pt:nth-child(3){gap:0;font-size:0}.tl .tl-pt:nth-child(3) small,.win-side{display:none}.win-log li{grid-template-columns:12px minmax(0,1fr)}.win-log time{grid-column:2}.win-log svg{grid-row:1/span 2;align-self:start;margin-top:4px}.sim{grid-template-columns:minmax(0,1fr) 44px}.sim .bar{display:none}}