:root{color-scheme:dark light}body{display:flex;flex-direction:column;height:100vh;overflow:hidden}#app{display:flex;flex:1;min-height:0;flex-direction:column}#bar{flex:none;display:flex;align-items:center;gap:12px;flex-wrap:wrap;row-gap:8px;min-height:62px;padding:10px 24px;background:var(--surface);border-bottom:1px solid var(--outline)}#bar h1{margin:0;font-size:20px;font-weight:700;letter-spacing:-.01em;white-space:nowrap}#bar .grow{flex:1}#q{flex:0 1 210px;min-width:96px}.root-control{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--fg-4)}.root-control input{width:96px}#account{align-items:center;gap:8px;font-size:11px;color:var(--fg-4)}#account:not([hidden]){display:flex}#legend{flex:none;display:flex;align-items:center;gap:16px;flex-wrap:wrap;row-gap:6px;min-height:34px;padding:7px 20px;background:var(--well);border-bottom:1px solid var(--outline-soft);font-size:12px;color:var(--fg-4)}#legend .sw{width:10px;height:10px;border-radius:3px;display:inline-block;margin-right:6px}#body{flex:1;display:flex;min-height:0;background:var(--surface)}#chart{flex:1;min-width:0}#drawer{flex:none;width:392px;background:var(--surface-2);border-left:1px solid var(--outline);box-shadow:-8px 0 24px #0000007a;display:none;flex-direction:column}#drawer.on{display:flex}#drawer header{display:flex;align-items:center;gap:10px;padding:14px 18px 8px}#drawer h2{margin:0;font-size:19px;font-weight:700;line-height:1.25}#drawer .grid{display:grid;grid-template-columns:104px 1fr;font-size:12px}#drawer .grid>div{padding:7px 0;border-top:1px solid var(--grid-soft)}#drawer .grid .k{color:var(--fg-4)}#drawer .grid .v{color:var(--fg-2);word-break:break-word}#drawer .pad{padding:0 18px 18px;overflow:auto}#drawer footer{margin-top:auto;padding:14px 18px;border-top:1px solid var(--outline)}#drawer footer a,.primary{display:block;text-align:center;background:var(--primary);color:#fff;border-radius:var(--r-pill);padding:9px 16px;font-weight:600}#drawer footer a:hover,.primary:hover{background:var(--primary-pressed);text-decoration:none}#signin{height:100vh;background:var(--surface)}#signin h2{font-size:22px}.error-detail{max-width:62ch!important}@media(max-width:760px){#bar{padding:8px 12px;gap:8px}#bar h1{width:100%;font-size:17px}#q{order:2;flex:1 1 130px}.root-control{order:3}#print,#full,#account-name{display:none}#drawer{position:fixed;inset:auto 0 0;z-index:20;width:100%;max-height:72vh;border:1px solid var(--outline)}}@page{size:landscape;margin:10mm}@media print{html,body{height:auto;overflow:visible;background:#fff}#bar,#drawer,#legend .live{display:none!important}#body{display:block}#chart{overflow:visible!important}}