.screen{max-width:720px;margin:28px 0;font-size:13px;line-height:1.45}.screen .chrome{border:1px solid var(--line-strong);background:#1b1d2c;border-bottom:0;border-radius:12px 12px 0 0;align-items:center;gap:10px;padding:8px 12px;display:flex}.screen .dots{gap:5px;display:flex}.screen .dots i{background:#3f424d;border-radius:50%;width:9px;height:9px}.screen .url{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;background:#161826;border-radius:6px;flex:1;padding:3px 10px;font-size:11.5px;overflow:hidden}.screen .frame{border:1px solid var(--line-strong);background:#161826;border-radius:0 0 12px 12px;overflow:hidden}.screen .frame.with-side{grid-template-columns:1fr;display:grid}.screen .side{border-right:1px solid var(--line);background:#1b1d2c;padding:12px 8px;display:none}.screen .side .brand{align-items:center;gap:8px;padding:2px 8px 12px;font-weight:600;display:flex}.screen .side .logo{background:var(--accent);border-radius:5px;width:18px;height:18px}.screen .side ul{gap:2px;margin:0;padding:0;list-style:none;display:grid}.screen .side li{color:var(--muted);border-radius:6px;align-items:center;gap:9px;padding:6px 8px;display:flex}.screen .side li.on{background:var(--accent-soft);color:var(--accent-strong);box-shadow:inset 2px 0 0 var(--accent);font-weight:600}.screen .content{min-width:0;padding:16px}.screen figcaption{color:var(--muted);text-align:center;margin-top:10px;font-size:.86rem}@media (width>=640px){.screen .frame.with-side{grid-template-columns:150px 1fr}.screen .side{display:block}.screen .content{padding:20px}}.m-kicker{letter-spacing:.1em;text-transform:uppercase;color:var(--accent-strong);font-size:10.5px;font-weight:600}.m-title{color:var(--text);letter-spacing:-.01em;margin:2px 0 6px;font-size:17px;font-weight:600}.m-head{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:12px;display:flex}.m-text{color:var(--muted);margin:0 0 12px}.m-card{border:1px solid var(--line);background:#232532;border-radius:9px;padding:12px}.m-card+.m-card{margin-top:8px}.m-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.m-grow{flex:1;min-width:0}.m-sub{color:var(--muted);font-size:11.5px}.m-icon{width:30px;height:30px;color:var(--text);background:#3f424d;border-radius:8px;flex:none;place-items:center;font-size:12px;font-weight:700;display:grid}.m-btn{border:1px solid var(--line-strong);color:var(--text);white-space:nowrap;background:0 0;border-radius:7px;justify-content:center;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.m-btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.m-btn.block{width:100%;padding:8px 12px;display:flex}.m-tag{color:var(--text);white-space:nowrap;background:#3f424d;border-radius:999px;align-items:center;gap:5px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.m-tag.accent{background:var(--accent-soft);color:var(--accent-strong)}.m-tag.good{background:color-mix(in srgb, var(--good) 16%, transparent);color:var(--good)}.m-tag.warn{background:color-mix(in srgb, var(--warn) 16%, transparent);color:var(--warn)}.m-tag.bad{background:color-mix(in srgb, var(--bad) 16%, transparent);color:var(--bad)}.m-dot{color:var(--muted);white-space:nowrap;align-items:center;gap:6px;font-size:11.5px;display:inline-flex}.m-dot:before{content:"";background:#595d6c;border-radius:50%;width:7px;height:7px}.m-dot.good:before{background:var(--good)}.m-dot.warn:before{background:var(--warn)}.m-switch{color:var(--muted);align-items:center;gap:8px;font-size:12px;display:inline-flex}.m-switch:before{content:"";background:#3f424d;border-radius:999px;flex:none;width:26px;height:15px;box-shadow:inset 2px 0 0 1px #9397ab}.m-switch.on:before{background:var(--accent);box-shadow:inset -11px 0 0 1px var(--accent-ink)}.m-field{gap:4px;margin-bottom:10px;display:grid}.m-field>span:first-child{color:var(--text);font-size:11.5px;font-weight:600}.m-input{border:1px solid var(--line-strong);color:var(--text);text-overflow:ellipsis;white-space:nowrap;background:#161826;border-radius:6px;min-height:31px;padding:7px 10px;overflow:hidden}.m-input.ph{color:#75798c}.m-input.focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.m-table{border-collapse:collapse;width:100%;font-size:12px}.m-table th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);border-bottom:1px solid var(--line);padding:6px 8px;font-size:10.5px;font-weight:600}.m-table td{border-bottom:1px solid var(--line);vertical-align:middle;white-space:nowrap;padding:8px}.m-table tr:last-child td{border-bottom:0}.m-table .hi td{background:var(--accent-soft)}.m-scroll{overflow-x:auto}.m-stats{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:12px;display:grid}.m-stat{border:1px solid var(--line);background:#232532;border-radius:8px;padding:8px 10px}.m-stat b{color:var(--text);font-size:17px;display:block}.m-stat span{color:var(--muted);font-size:11px}@media (width>=640px){.m-stats.four{grid-template-columns:repeat(4,1fr)}.m-stats.three{grid-template-columns:repeat(3,1fr)}}.m-seg{border:1px solid var(--line-strong);border-radius:7px;display:inline-flex;overflow:hidden}.m-seg span{color:var(--muted);padding:4px 10px;font-size:11.5px}.m-seg span.on{background:var(--accent-soft);color:var(--accent-strong);font-weight:600}.m-bar{vertical-align:middle;background:#3f424d;border-radius:999px;width:54px;height:5px;margin-right:6px;display:inline-block;overflow:hidden}.m-bar i{border-radius:inherit;height:100%;display:block}.m-pin{position:relative}.m-pin:after{content:attr(data-pin);z-index:1;background:var(--warn);color:#161826;border-radius:50%;place-items:center;width:20px;height:20px;font-size:11px;font-weight:800;display:grid;position:absolute;top:-9px;right:-9px;box-shadow:0 0 0 3px #161826}.m-dialog{border:1px solid var(--line-strong);background:#232532;border-radius:12px;max-width:360px;margin:0 auto;padding:16px;box-shadow:0 20px 50px #00000080}.m-dialog-title{margin-bottom:12px;font-size:15px;font-weight:600}.m-actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}