.app{padding-right:var(--seam,0px);grid-template-columns:auto minmax(0,1fr);display:grid;position:absolute;inset:0}.app-rail{align-items:center;gap:calc(var(--spacing) * 1.4);width:calc(var(--spacing) * 9.4);padding-block:calc(var(--spacing) * 2.4);border-right:1px solid var(--mk-line);background:var(--mk-rail);flex-direction:column;display:flex}.app-mark{width:calc(var(--spacing) * 5.8);height:calc(var(--spacing) * 5.8);margin-bottom:calc(var(--spacing) * .8);border-radius:calc(var(--spacing) * 1.6);background:var(--mk-solid);color:var(--mk-on-solid);place-items:center;display:grid}.app-mark svg{width:60%;height:60%}.app-nav{width:calc(var(--spacing) * 5.4);height:calc(var(--spacing) * 5.4);border-radius:calc(var(--spacing) * 1.4);color:var(--mk-ink-3);border:1px solid #0000;place-items:center;display:grid}.app-nav .mk-i{width:calc(var(--spacing) * 2.8);height:calc(var(--spacing) * 2.8)}.app-nav.is-on{border-color:var(--mk-line);background:var(--mk-panel);color:var(--mk-ink);box-shadow:var(--mk-shadow)}.app-me{margin-top:auto}.app-main{gap:calc(var(--spacing) * 2);min-width:0;min-height:0;padding:calc(var(--spacing) * 2.6) calc(var(--spacing) * 3);flex-direction:column;display:flex;position:relative}.app-head{align-items:center;gap:calc(var(--spacing) * 1.4);display:flex}.app-title{font-size:calc(var(--spacing) * 3.4);letter-spacing:-.015em;text-overflow:ellipsis;white-space:nowrap;font-weight:600;line-height:1.1;display:block;overflow:hidden}.app-sub{margin-top:calc(var(--spacing) * .4);font-size:calc(var(--spacing) * 1.8);color:var(--mk-ink-3);display:block}.app-seg{padding:calc(var(--spacing) * .4);border-radius:calc(var(--spacing) * 1.4);background:var(--mk-fill-2);font-size:calc(var(--spacing) * 1.8);flex:none;margin-left:auto;font-weight:500;display:flex}.app-seg>span{padding:calc(var(--spacing) * .5) calc(var(--spacing) * 1.3);border-radius:calc(var(--spacing) * 1);color:var(--mk-ink-2)}.app-seg>.is-on{background:var(--mk-panel);color:var(--mk-ink);box-shadow:var(--mk-shadow)}.app-btn{align-items:center;gap:calc(var(--spacing) * .6);padding:calc(var(--spacing) * .9) calc(var(--spacing) * 1.6);border-radius:calc(var(--spacing) * 1.4);background:var(--mk-solid);color:var(--mk-on-solid);font-size:calc(var(--spacing) * 1.9);white-space:nowrap;flex:none;font-weight:600;display:flex}.app-btn .mk-i{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.app-kpis{gap:calc(var(--spacing) * 1.4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.app-kpi{gap:calc(var(--spacing) * .5);min-width:0;padding:calc(var(--spacing) * 1.4) calc(var(--spacing) * 1.7);border:1px solid var(--mk-line);border-radius:calc(var(--spacing) * 2);background:var(--mk-panel);box-shadow:var(--mk-shadow);flex-direction:column;display:flex}.app-kpi-label{font-size:calc(var(--spacing) * 1.8);color:var(--mk-ink-2);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.app-kpi-row{align-items:flex-end;gap:calc(var(--spacing) * .6);min-width:0;display:flex}.app-kpi-val{font-size:calc(var(--spacing) * 4);letter-spacing:-.03em;font-weight:600;line-height:1}.app-kpi-of{padding-bottom:calc(var(--spacing) * .2);font-size:calc(var(--spacing) * 1.7);color:var(--mk-ink-3);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.app-spark{align-items:flex-end;gap:calc(var(--spacing) * .3);height:calc(var(--spacing) * 2.8);flex:none;margin-left:auto;display:flex}.app-spark>i{width:calc(var(--spacing) * .7);border-radius:calc(var(--spacing) * .25);background:var(--mk-fill-2)}.app-spark>.is-now{background:var(--mk-solid)}.app-board{flex:1;min-height:0;position:relative}.app-ph{justify-content:space-between;align-items:center;gap:calc(var(--spacing) * 1);margin-bottom:calc(var(--spacing) * 1.2);display:flex}.app-ph-title{min-width:0;font-size:calc(var(--spacing) * 2);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.app-chip{align-items:center;gap:calc(var(--spacing) * .5);padding:calc(var(--spacing) * .3) calc(var(--spacing) * .9);font-size:calc(var(--spacing) * 1.7);white-space:nowrap;border-radius:999px;flex:none;font-weight:600;line-height:1.2;display:inline-flex}.app-chip.is-muted{border:1px solid var(--mk-line-2);color:var(--mk-ink-2)}.app-chip.is-pop{background:var(--mk-solid);color:var(--mk-on-solid)}.app-chip.is-ok{background:color-mix(in oklch, var(--sd-ok) 14%, transparent);color:var(--sd-ok)}.app-chip.is-bad{background:color-mix(in oklch, var(--sd-bad) 13%, transparent);color:var(--sd-bad)}.app-live{align-items:center;gap:calc(var(--spacing) * .6);font-size:calc(var(--spacing) * 1.7);color:var(--mk-ink-3);display:inline-flex}.app-live .sd-live-dot{width:calc(var(--spacing) * .9);height:calc(var(--spacing) * .9);border-radius:999px}.app-feed{min-height:0;padding:calc(var(--spacing) * 2.6) calc(var(--spacing) * 2.2);border-left:1px solid var(--mk-line);background:var(--mk-rail);flex-direction:column;display:none}.app-feed-list{gap:calc(var(--spacing) * 1);flex-direction:column;display:flex;position:relative}.app-feed-item{gap:calc(var(--spacing) * 1.1);padding:calc(var(--spacing) * 1) calc(var(--spacing) * 1.1);border:1px solid var(--mk-line);border-radius:calc(var(--spacing) * 1.6);background:var(--mk-panel);display:flex}.app-feed-ico{width:calc(var(--spacing) * 3.6);height:calc(var(--spacing) * 3.6);border-radius:calc(var(--spacing) * 1.1);background:var(--mk-fill-2);flex:none;place-items:center;display:grid}.app-feed-ico .mk-i{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.app-feed-text{font-size:calc(var(--spacing) * 1.9);text-overflow:ellipsis;white-space:nowrap;font-weight:600;line-height:1.2;display:block;overflow:hidden}.app-feed-meta{align-items:center;gap:calc(var(--spacing) * .8);margin-top:calc(var(--spacing) * .5);font-size:calc(var(--spacing) * 1.7);color:var(--mk-ink-3);display:flex}.app-toasts{top:calc(var(--spacing) * 1.6);right:calc(var(--spacing) * 2 + var(--seam,0px));z-index:20;width:min(calc(var(--spacing) * 44), 62%);pointer-events:none;display:grid;position:absolute}.app-toasts>.ga-toast{align-items:center;gap:calc(var(--spacing) * 1.3);padding:calc(var(--spacing) * 1.3) calc(var(--spacing) * 1.6);border:1px solid var(--mk-line);border-radius:calc(var(--spacing) * 2.2);background:color-mix(in oklch, var(--mk-panel) 90%, transparent);box-shadow:0 calc(var(--spacing) * 2) calc(var(--spacing) * 5) calc(var(--spacing) * -1.5) #00000052, 0 0 0 1px #00000008;-webkit-backdrop-filter:blur(12px)saturate(1.4);backdrop-filter:blur(12px)saturate(1.4);grid-area:1/1;display:flex}@supports (color:lab(0% 0 0)){.app-toasts>.ga-toast{box-shadow:0 calc(var(--spacing) * 2) calc(var(--spacing) * 5) calc(var(--spacing) * -1.5) lab(0% 0 0/.32), 0 0 0 1px lab(0% 0 0/.03)}}.app-toast-ico{width:calc(var(--spacing) * 4.2);height:calc(var(--spacing) * 4.2);border-radius:calc(var(--spacing) * 1.2);background:var(--mk-solid);color:var(--mk-on-solid);flex:none;place-items:center;display:grid}.app-toast-ico .mk-i{width:calc(var(--spacing) * 2.2);height:calc(var(--spacing) * 2.2)}.app-toast-text{font-size:calc(var(--spacing) * 2);text-overflow:ellipsis;white-space:nowrap;font-weight:600;display:block;overflow:hidden}.app-toast-meta{font-size:calc(var(--spacing) * 1.7);color:var(--mk-ink-3);display:block}@container mk (min-aspect-ratio:7/4){.app{grid-template-columns:auto minmax(0, 1fr) calc(var(--spacing) * 30)}.app-feed{display:flex}.app-toasts{display:none}}@container mk (max-aspect-ratio:6/5){.app{grid-template-columns:minmax(0,1fr)}.app-rail,.app-seg{display:none}.app-main{padding:calc(var(--spacing) * 2.2);gap:calc(var(--spacing) * 1.6)}.app-spark{display:none}.app-kpi{padding:calc(var(--spacing) * 1.2)}.app-toasts{top:calc(var(--spacing) * 1.2);right:calc(var(--spacing) * 1.6);width:min(calc(var(--spacing) * 38), 60%)}.app-btn{display:none}.app-title{font-size:calc(var(--spacing) * 3)}}