:root{--fs:1}
body{font-size:calc(14px*var(--fs))}
body.big{--fs:1.35}
body.big button,body.big select{font-size:calc(14px*var(--fs));min-height:44px}
.hide{display:none!important}
.ticker{display:flex;flex-wrap:wrap;gap:8px 18px;background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:8px 12px;font-family:var(--mono);font-weight:500}
.ticker b{font-family:var(--sans)}
#office text{font-family:var(--sans);fill:var(--fg)}
#office .fl{fill:var(--surface2);stroke:var(--line)}
#office .rm{fill:var(--surface);stroke:var(--line);stroke-width:2}
#office .rmt{font-size:13px;font-weight:700;fill:var(--muted)}
#office .desk{fill:var(--line)}
#office .mon{fill:var(--bg);stroke:var(--fg);stroke-width:1.5}
#office .sub{font-size:12px;fill:var(--muted)}
#office .big{font-size:15px;font-weight:700}
#office .skin{fill:var(--surface2);stroke:var(--fg);stroke-width:1.5}
#office .st-ok{fill:var(--up)}#office .st-warn{fill:var(--warn)}#office .st-crit{fill:var(--down)}
#office .paper{fill:var(--accent);animation:fly 1.6s ease-in-out 1 forwards}
@keyframes fly{0%{opacity:0;transform:translate(0,0)}15%{opacity:1}85%{opacity:1}100%{opacity:0;transform:translate(var(--dx),var(--dy))}}
@media (prefers-reduced-motion:reduce){#office .paper{animation:none;opacity:.6}}
.lb{display:flex;flex-direction:column;gap:6px;padding:0;margin:0;list-style:none}
.lb li{display:grid;grid-template-columns:2.2em 1fr auto;gap:8px;align-items:center;padding:6px 8px;border:1px solid var(--line);border-radius:6px;background:var(--surface2)}
.lb .rk{font-weight:700;font-family:var(--mono)}
.lb .pc{font-family:var(--mono);font-weight:500}
.up{color:var(--up)}.down{color:var(--down)}
.fbar{position:relative;height:34px;border-radius:6px;background:var(--surface2);border:1px solid var(--line);margin:22px 0 8px}
.fbar .fill{position:absolute;left:0;top:0;bottom:0;border-radius:5px 0 0 5px;background:var(--accent)}
.fbar .mk{position:absolute;top:-8px;bottom:-8px;width:0;border-left:2px dashed var(--fg)}
.fbar .mk span{position:absolute;top:-16px;left:-2px;font-size:11px;white-space:nowrap;transform:translateX(-50%)}
.fbar .mk.lim{border-left-color:var(--down)}
.fgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}
.fgrid div{background:var(--surface2);border:1px solid var(--line);border-radius:6px;padding:6px 8px}
.fgrid small{display:block;color:var(--muted)}
.fgrid b{font-family:var(--mono);font-weight:500}
.fbar .mk.lim span{top:auto;bottom:-16px}
.fbar{margin-bottom:22px}
.qr{width:200px;max-width:100%;background:#fff;padding:8px;border-radius:6px;margin:8px 0}.qr svg{width:100%;height:auto;display:block}
.pp{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin-top:8px}.pp div{background:var(--surface2);border:1px solid var(--line);border-radius:6px;padding:6px 8px}.pp small{display:block;color:var(--muted)}.pp b{font-family:var(--mono);font-weight:500}
.mono{font-family:var(--mono)}

.lb.g li{grid-template-columns:1fr auto auto auto}
textarea{width:100%;box-sizing:border-box;font:inherit;padding:6px;border:1px solid var(--line);border-radius:6px;background:var(--surface2);color:var(--fg)}