:root{--bg:#f4f3ef;--paper:#fff;--ink:#222a30;--muted:#718087;--line:#dce1df;--blue:#216692;--blue-dark:#124766;--red:#aa473a;--green:#347a57;--amber:#946c22}
*{box-sizing:border-box}html{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--bg)}body{margin:0;font-size:14px;line-height:1.48}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit}button{cursor:pointer;background:var(--blue);color:#fff;border:1px solid var(--blue);padding:9px 14px;border-radius:4px;font-weight:600}button:hover{background:var(--blue-dark)}input,select{border:1px solid #cbd3d2;border-radius:4px;padding:9px 11px;background:#fff;color:var(--ink);min-width:0}input:focus,select:focus,button:focus{outline:2px solid #80b5d4;outline-offset:2px}
.topbar{height:64px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 28px;gap:38px}.brand{display:flex;align-items:center;gap:11px;color:var(--ink);font-size:16px;font-weight:750;white-space:nowrap}.brand:hover{text-decoration:none}.brand-mark{width:32px;height:32px;display:inline-grid;place-items:center;background:var(--blue-dark);color:#fff;border-radius:3px;font-size:12px;letter-spacing:-.04em}.topbar nav{display:flex;align-self:stretch;gap:4px}.topbar nav a{display:flex;align-items:center;color:#52616a;padding:0 13px;border-bottom:3px solid transparent;font-weight:600}.topbar nav a:hover{text-decoration:none;background:#f7f9f9}.topbar nav .active{color:var(--blue-dark);border-bottom-color:var(--blue)}.account{margin-left:auto;display:flex;align-items:center;gap:14px;color:var(--muted);white-space:nowrap}.account button{padding:5px 8px;background:transparent;border:0;color:var(--blue);font-weight:500}
.main{max-width:1280px;margin:0 auto;padding:32px 28px 60px}.page-head{display:flex;justify-content:space-between;align-items:start;gap:24px;margin-bottom:22px}.page-head h1{font-size:29px;line-height:1.2;letter-spacing:-.02em;margin:0 0 5px}.page-head p{color:var(--muted);margin:0}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:.1em;font-weight:750;color:var(--muted);margin-bottom:7px}.button-link{display:inline-block;border:1px solid var(--line);padding:9px 13px;border-radius:4px;background:#fff;font-weight:600}.metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:22px}.metrics>div{background:#fff;border:1px solid var(--line);border-radius:5px;padding:17px 18px;min-width:0}.metrics span{display:block;color:var(--muted);font-size:12px;margin-bottom:9px}.metrics strong{font-size:25px;font-weight:700;line-height:1}.panel{background:var(--paper);border:1px solid var(--line);border-radius:5px;margin-bottom:20px;overflow:hidden}.panel-head{min-height:54px;padding:14px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:18px}.panel-head h2{margin:0;font-size:16px}.panel-head span{color:var(--muted);font-size:12px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left}th{background:#f8f9f7;text-transform:uppercase;letter-spacing:.055em;color:#697980;font-size:10px;font-weight:750;white-space:nowrap}td,th{padding:12px 17px;border-bottom:1px solid #e8eceb;vertical-align:top}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fafbf9}td{font-variant-numeric:tabular-nums}td small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.text-cell{max-width:640px;min-width:250px}.text-cell a{color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-line}.text-cell a:hover{color:var(--blue)}.empty{text-align:center;color:var(--muted);padding:38px 12px}.status{display:inline-block;padding:3px 7px;background:#edf0ef;border-radius:3px;color:#5e6c70;font-size:11px;font-weight:700;white-space:nowrap}.status.active,.status.measured{background:#e7f1eb;color:var(--green)}.status.error,.status.deleted,.status.missed{background:#f7ebe8;color:var(--red)}.status.pending,.status.edited{background:#f8f0df;color:var(--amber)}.error-text{max-width:240px;overflow-wrap:anywhere;color:var(--red)!important}.error-box{padding:12px 14px;border:1px solid #e2b9b2;background:#fcf3f1;color:#983b30;border-radius:4px;margin:12px 0 18px}.toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:18px}.filter-form,.add-form{display:flex;gap:8px;min-width:0}.filter-form input:first-child{min-width:240px}.add-form input{min-width:250px}.channel-name{display:flex;gap:10px;align-items:center;color:var(--ink)}.channel-name:hover{text-decoration:none;color:var(--blue)}.channel-name img{width:34px;height:34px;border-radius:50%;object-fit:cover;background:#d7dfdf}.channel-name small{font-weight:400}.chart-panel{padding-bottom:18px}.chart{display:block;width:calc(100% - 36px);height:180px;margin:24px 18px 10px;color:var(--blue)}.chart-empty{padding:54px 20px;text-align:center;color:var(--muted)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}.post-totals{display:grid;grid-template-columns:repeat(3,auto);column-gap:18px;text-align:right}.post-totals strong{font-size:18px;line-height:1.2}.post-totals span{grid-row:2;color:var(--muted);font-size:11px}.post-body{white-space:pre-wrap;padding:18px;line-height:1.65;font-size:14px;max-height:540px;overflow:auto}.forward{padding:0 18px;color:var(--muted)}details{padding:12px 18px;border-top:1px solid var(--line)}summary{cursor:pointer;color:var(--blue);font-weight:600}details .post-body{padding:16px 0}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;color:var(--muted)}.version{border-top:0;border-bottom:1px solid var(--line)}.version:last-child{border-bottom:0}.export{display:flex;gap:7px}.export a{border:1px solid var(--line);border-radius:4px;background:#fff;padding:7px 11px;font-weight:600}.stack-form{display:grid;gap:14px;padding:20px}.stack-form label,.login-box label{display:grid;gap:5px;color:#56656d;font-weight:600}.stack-form button{justify-self:start}.login-shell{min-height:100vh;display:grid;place-items:center;padding:20px}.login-box{width:min(100%,390px);padding:32px;background:#fff;border:1px solid var(--line);border-radius:5px;display:grid;gap:16px}.login-box h1{font-size:23px;letter-spacing:-.025em;margin:4px 0 -16px}.login-box p{color:var(--muted);margin:0 0 8px}.login-box button{margin-top:5px}footer{text-align:center;color:#89969b;font-size:11px;padding:18px;border-top:1px solid var(--line)}
.post-filters{justify-content:flex-start;flex-wrap:wrap}.post-filters input:first-child{flex:1;min-width:220px}.post-filters input[type=date]{min-width:140px}
.relation-actions{display:flex;gap:4px;margin-top:5px}.relation-actions button{font-size:10px;padding:2px 4px;background:transparent;color:var(--blue);border:0}.relation-actions button:hover{background:#edf3f6}
.pagination{display:flex;justify-content:center;align-items:center;gap:20px;color:var(--muted);margin:18px 0 30px}.pagination a{font-weight:650;border:1px solid var(--line);background:#fff;border-radius:4px;padding:7px 12px}
/* Telegram-like saved posts */
.global-feed,.post-detail-feed{max-width:760px;margin:0}.feed{display:grid;gap:14px}.feed-day{text-align:center;color:var(--muted);font-size:12px;margin:12px 0 2px}.feed-day span{display:inline-block;background:#e9ecea;border-radius:20px;padding:5px 12px}.feed-empty{padding:44px 20px;text-align:center;color:var(--muted);background:#fff;border:1px solid var(--line);border-radius:7px}.message-card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:19px 21px;min-width:0;overflow:hidden}.message-deleted{border-color:#e4cbc5}.message-head{display:flex;align-items:center;gap:11px;margin-bottom:12px}.message-avatar{width:40px;height:40px;flex:0 0 40px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#dce8ea;color:var(--blue-dark);font-weight:800;font-size:17px}.message-avatar img{width:100%;height:100%;object-fit:cover}.message-author{min-width:0;display:grid;line-height:1.3}.message-author>a{color:var(--ink);font-weight:750;overflow-wrap:anywhere}.message-author small{color:var(--muted)}.message-open{margin-left:auto;color:var(--muted);font-size:19px}.message-forward{color:var(--muted);font-size:13px;margin:0 0 12px 51px}.message-forward a{font-weight:650}.message-text,.version-rich{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65;font-size:14px}.message-text a,.version-rich a{overflow-wrap:anywhere}.message-text p,.version-rich p{margin:.25em 0}.message-text blockquote,.version-rich blockquote{border-left:2px solid #9eb3bd;padding:2px 0 2px 12px;margin:10px 0;color:#53626a}.message-text pre,.version-rich pre{background:#f3f5f4;padding:10px;white-space:pre-wrap}.message-spoiler{background:#d7dcda;color:transparent;border-radius:2px}.message-spoiler:hover,.message-spoiler:focus{color:inherit}.message-no-text{color:var(--muted);font-style:italic;margin:4px 0 12px}.message-expand{display:none;background:transparent;border:0;padding:5px 0;color:var(--blue);font-size:13px}.has-js .message-collapsed{max-height:290px;overflow:hidden;mask-image:linear-gradient(#000 82%,transparent)}.has-js .message-collapsed.is-expanded{max-height:none;mask-image:none}.has-js .message-expand:not([hidden]){display:block}.message-media{display:grid;grid-template-columns:1fr;gap:3px;margin:14px -21px 12px}.message-album{grid-template-columns:repeat(2,minmax(0,1fr))}.media-item{position:relative;display:block;min-height:140px;max-height:420px;overflow:hidden;background:#e9eeee;color:var(--blue-dark)}.media-item img,.media-item video{display:block;width:100%;height:100%;max-height:420px;object-fit:cover;aspect-ratio:4/3}.media-unavailable{display:grid;place-items:center;padding:20px}.media-fallback{display:none}.media-failed img{display:none}.media-failed .media-fallback{display:grid;place-items:center;min-height:170px;padding:20px}.video-label{position:absolute;left:12px;bottom:12px;background:rgba(14,27,36,.75);color:#fff;border-radius:4px;padding:5px 8px;font-size:12px}.media-restricted{display:block;font-size:12px;margin-bottom:12px}.message-reactions{display:flex;flex-wrap:wrap;gap:5px;margin:14px 0}.reaction-chip{display:inline-flex;gap:5px;align-items:center;background:#f0f4f5;border:1px solid #e0e8e9;color:#415862;border-radius:18px;padding:3px 9px;white-space:nowrap}.reaction-chip b{font-weight:650;font-size:12px}.message-footer{display:flex;align-items:center;flex-wrap:wrap;gap:7px 12px;color:var(--muted);font-size:12px;border-top:1px solid #edf0ee;padding-top:11px;margin-top:13px}.message-footer a{margin-left:auto;font-weight:600}.message-removed{color:var(--red);font-weight:650}.message-edited{font-style:italic}.media-dialog{border:0;background:#19242b;max-width:min(95vw,1200px);max-height:95vh;padding:28px 42px;color:#fff}.media-dialog::backdrop{background:rgba(7,19,25,.88)}.media-dialog img{max-width:100%;max-height:82vh;object-fit:contain}.media-dialog button{position:absolute;background:rgba(255,255,255,.15);border:0;color:#fff;font-size:28px;padding:4px 12px}.dialog-close{top:2px;right:2px}.dialog-prev{left:0;top:46%}.dialog-next{right:0;top:46%}.post-detail-feed{margin-bottom:20px}.version-rich{padding:12px 0}.archive-label{color:var(--muted);font-size:11px;margin-top:8px}
/* Channel page */
.channel-hero{display:flex;gap:20px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:7px;padding:24px;margin-bottom:24px}.channel-avatar{width:82px;height:82px;flex:0 0 82px;border-radius:50%;background:#dbe8eb;color:var(--blue-dark);display:grid;place-items:center;overflow:hidden;font-size:32px;font-weight:750}.channel-avatar img{width:100%;height:100%;object-fit:cover}.channel-identity{min-width:0;flex:1}.channel-identity h1{font-size:27px;line-height:1.2;overflow-wrap:anywhere;margin:0 0 4px}.channel-url{overflow-wrap:anywhere}.channel-meta{color:var(--muted);margin-top:10px}.channel-meta strong{color:var(--ink)}.channel-state{display:grid;gap:7px;justify-items:end;color:var(--muted);font-size:11px;text-align:right}.channel-description{border:0;padding:6px 0 0;font-size:12px}.channel-description p{white-space:pre-wrap;margin:6px 0 0;color:#4d5a5f}.channel-jumps{display:none}.channel-layout{display:grid;grid-template-columns:minmax(0,760px) minmax(320px,380px);justify-content:center;gap:26px;align-items:start}.channel-feed-column{min-width:0;scroll-margin-top:12px}.section-heading{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}.section-heading h2{font-size:20px;margin:0}.section-heading span{color:var(--muted);font-size:12px}.channel-post-filters{display:grid;gap:7px;margin-bottom:17px}.channel-post-filters>input{width:100%}.filter-row{display:flex;gap:6px;flex-wrap:wrap}.filter-row input,.filter-row select{flex:1 1 110px;max-width:170px}.filter-row button{flex:0 0 auto}.channel-sidebar{min-width:0;display:grid;gap:14px}.side-panel{background:#fff;border:1px solid var(--line);border-radius:7px;padding:17px 18px;scroll-margin-top:12px}.side-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:13px}.side-heading h2{font-size:16px;margin:0}.side-heading span,.side-heading>a{font-size:11px;color:var(--muted)}.period-tabs{display:flex;gap:2px;margin-bottom:10px;padding:3px;background:#f0f3f2;border-radius:5px}.period-tabs a{flex:1;text-align:center;padding:6px 2px;border-radius:4px;color:#586a70;font-size:11px;font-weight:650}.period-tabs .selected{background:#fff;color:var(--blue-dark);box-shadow:0 1px 3px #d7dedd}.stat-note,.stat-empty{font-size:11px;color:var(--muted);margin:8px 0 12px}.stat-highlight{border-top:1px solid var(--line);padding-top:12px;margin-top:12px;display:grid;gap:2px}.stat-highlight span,.stat-grid span{font-size:11px;color:var(--muted)}.stat-highlight strong{font-size:25px;line-height:1.25}.stat-highlight small,.stat-grid small{color:var(--muted);font-size:10px}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px 15px;margin:14px 0}.stat-grid>div{display:grid;align-content:start;gap:1px}.stat-grid strong{font-size:17px;line-height:1.25}.relation-summary{border-top:1px solid var(--line);padding:11px 0;display:grid;gap:4px;font-size:12px}.relation-summary>small{color:var(--muted)}.relation-item{display:grid;grid-template-columns:1fr auto;gap:1px 8px;padding:7px 0;border-top:1px solid #edf0ee}.relation-item span,.relation-item small{font-size:10px;color:var(--muted)}.relation-item>a:last-child{text-align:right;font-size:11px}.relation-details{padding:10px 0 0;font-size:11px}.relation-detail{padding:8px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.relation-detail small{display:block;color:var(--muted)}.stat-chart{display:block;width:100%;height:130px;color:var(--blue)}.chart-ends{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:var(--muted)}.chart-ends span:last-child{text-align:right}.daily-list{display:grid;grid-template-columns:1fr 1fr;gap:3px;font-size:11px;max-height:200px;overflow:auto}.side-panel details{padding:10px 0;border-top:1px solid var(--line)}.hour-list>div{display:grid;grid-template-columns:38px 1fr auto;gap:4px;padding:4px 0;font-size:11px}.hour-list small{color:var(--muted)}.side-subheading{font-size:12px;font-weight:700;margin:12px 0 7px}.reaction-mix{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px}.reaction-mix span{background:#f1f4f3;border-radius:4px;padding:3px 6px;font-size:11px}.rank-row{display:flex;justify-content:space-between;font-size:11px;padding:4px 0}.quality-list{margin:0}.quality-list>div{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #edf0ee;padding:7px 0;font-size:11px}.quality-list dt{color:var(--muted)}.quality-list dd{margin:0;text-align:right}
.relation-filters{display:grid;gap:5px;margin:9px 0}.relation-filters select,.relation-filters button{width:100%;font-size:11px;padding:6px}.pagination.compact{margin:12px 0 0;gap:10px;font-size:11px}.pagination.compact a{padding:4px 7px}
.relation-partner{display:flex;align-items:center;gap:6px;min-width:0}.relation-partner a{overflow-wrap:anywhere}.relation-avatar{width:23px;height:23px;flex:0 0 23px;display:grid;place-items:center;background:#dce8ea;border-radius:50%;overflow:hidden;color:var(--blue-dark);font-weight:750;font-size:10px}.relation-avatar img{width:100%;height:100%;object-fit:cover}
.hour-chart,.day-chart{height:110px;display:flex;align-items:end;gap:2px;border-bottom:1px solid #cbd5d6;padding:0 2px}.hour-chart>span{flex:1;min-width:2px;background:var(--blue);border-radius:2px 2px 0 0}.hour-chart>.bar-missing{height:0;background:transparent;border-left:1px dotted #c8d3d3}.day-chart{overflow:auto;justify-content:stretch}.day-chart>span{flex:1;min-width:3px;background:#5e91ac;border-radius:2px 2px 0 0}.activity-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;font-size:11px}.activity-list strong{grid-column:1/-1;margin-top:5px}

.channel-sidebar{grid-template-columns:minmax(0,1fr)}.side-panel{min-width:0;overflow:visible}.relation-item{grid-template-columns:minmax(0,1fr) auto}.period-tabs a{min-width:0}

/* Shared layout, records and controls */
:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--content-wide:1280px;--content-reading:760px}
.main,.topbar,.reading-shell,.channel-layout,.two-col,.toolbar,.panel,.side-panel,.channel-hero{min-width:0}
.reading-shell{width:100%;max-width:var(--content-reading);margin-inline:auto}
.reading-shell .global-feed,.reading-shell .post-detail-feed{max-width:none;margin-inline:0}
.reading-shell .post-filters{width:100%}
.topbar{padding-inline:max(28px,calc((100vw - 1280px)/2 + 28px))}
.page-head h1,.section-heading h2{overflow-wrap:anywhere}
.channel-layout{justify-content:space-between}
.channel-jumps a,.period-tabs a,.pagination a,.section-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px}
.channel-jumps a[aria-current="page"]{color:var(--blue-dark);border-color:var(--blue);font-weight:750;background:#eaf2f6}
.period-tabs a{font-size:12px}
.period-tabs .selected{font-weight:750}
.side-panel .stat-empty,.side-panel .chart-empty{padding:14px 0;text-align:left}
.side-panel .stat-note,.side-panel .stat-empty,.side-panel .stat-grid span{font-size:12px}
.side-panel .stat-grid small,.side-panel .stat-highlight small{font-size:11px}
.side-panel .stat-grid strong,.side-panel .stat-highlight strong{overflow-wrap:anywhere}
.reaction-mix span{overflow-wrap:anywhere;white-space:normal}
.hour-list>div{grid-template-columns:38px minmax(0,1fr) auto;align-items:start}
.hour-list span,.quality-list dd{overflow-wrap:anywhere}
.quality-list dt{min-width:0}
.section-link{font-weight:650}
.mobile-only,.mobile-records{display:none}
.mobile-record{min-width:0;overflow-wrap:anywhere;padding:16px;border-bottom:1px solid var(--line)}
.mobile-record:last-child{border-bottom:0}
.record-head,.record-foot{display:flex;align-items:start;justify-content:space-between;gap:8px;flex-wrap:wrap}
.record-head a,.record-head strong{font-weight:750}
.record-head time,.record-foot{font-size:12px;color:var(--muted)}
.record-title{display:block;color:var(--ink);font-size:14px;line-height:1.45;margin:10px 0;white-space:pre-wrap;overflow-wrap:anywhere}
.record-metrics{display:flex;flex-wrap:wrap;gap:6px 16px;margin:10px 0;font-size:12px;color:var(--muted)}
.record-metrics span{display:inline-flex;gap:5px;align-items:baseline}
.record-metrics b{color:var(--ink);font-size:13px}
.record-status{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:10px}
.record-avatar{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:50%;background:#dce8ea;color:var(--blue-dark);overflow:hidden;font-weight:750}
.record-avatar img{width:100%;height:100%;object-fit:cover}
.mobile-record .channel-name small{display:block;color:var(--muted)}
.record-facts{display:grid;gap:0;margin:8px 0}
.record-facts>div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:6px 0}
.record-facts dt{color:var(--muted)}.record-facts dd{margin:0;text-align:right}
.record-source{display:inline-flex;min-height:44px;align-items:center}
.mobile-record details{padding:0;border:0}.mobile-record summary{min-height:44px;display:flex;align-items:center;gap:7px}
.mobile-record summary::before{content:'▸';font-size:13px}.mobile-record details[open] summary::before{content:'▾'}
.mobile-record .relation-actions{flex-wrap:wrap;gap:8px;margin-top:10px}
.mobile-record .relation-actions button{min-height:44px;padding:8px 12px;font-size:12px;border:1px solid var(--line)}
.message-expand,.message-open,.media-dialog button{min-height:44px;min-width:44px}
.message-expand{padding:8px 0}
.stack-form input{width:100%}
:focus-visible{outline:2px solid var(--blue)!important;outline-offset:2px}
[hidden]{display:none!important}

@media(max-width:1099px){
 .main{padding-inline:20px}.topbar{padding-inline:20px;gap:18px}.topbar nav a{padding-inline:8px}.metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.toolbar{align-items:stretch;flex-wrap:wrap}.two-col{grid-template-columns:1fr}
 .channel-layout{display:flex;flex-direction:column;gap:16px;max-width:760px;margin-inline:auto}.channel-feed-column,.channel-sidebar{width:100%}.channel-sidebar{display:flex;flex-direction:column;gap:14px}.side-panel{width:100%}
 .channel-jumps{display:flex;max-width:760px;margin:0 auto 16px;gap:8px}.channel-jumps a{flex:1;padding:8px 12px;border:1px solid var(--line);background:#fff;border-radius:4px;white-space:nowrap}
 .has-js .channel-layout[data-view="posts"] .channel-sidebar,.has-js .channel-layout[data-view="stats"] .channel-feed-column,.has-js .channel-layout[data-view="relations"] .channel-feed-column{display:none}
 .has-js .channel-layout[data-view="stats"] #channel-relations,.has-js .channel-layout[data-view="relations"] .side-panel:not(#channel-relations){display:none}
 .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:849px){
 .users-layout{grid-template-columns:1fr}.channel-layout{max-width:760px}.side-panel{padding:18px}
}
@media(max-width:700px){
 .topbar{height:auto;min-height:58px;flex-wrap:wrap;gap:0;padding:12px 14px}.brand{flex:1}.account{margin-left:0}.account span{display:none}.topbar nav{order:3;width:100%;align-self:auto;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:10px;padding-top:4px}.topbar nav a{min-height:44px;padding:8px 10px;white-space:nowrap}
 .main{padding:24px 14px 45px}.page-head{display:block}.page-head h1{font-size:25px}.page-head>.export,.page-head>.button-link,.page-head>.status{margin-top:16px}
 .metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.metrics>div{padding:13px}.metrics strong{font-size:21px;overflow-wrap:anywhere}
 .filter-form,.add-form{width:100%;flex-wrap:wrap}.filter-form input:first-child,.add-form input{min-width:0;flex:1 1 100%}.filter-form button,.add-form button{min-height:44px}.post-filters>*{flex:1 1 140px;max-width:none!important}.post-filters input[name="q"],.post-filters input[name="channel"]{flex:1 1 100%;width:100%}.export a{min-height:44px;display:inline-flex;align-items:center}
 .channel-hero{padding:16px;gap:12px;flex-wrap:wrap}.channel-avatar{width:60px;height:60px;flex-basis:60px;font-size:23px}.channel-identity h1{font-size:21px}.channel-state{display:flex;flex:1 1 100%;justify-content:space-between;text-align:left}.channel-meta{line-height:1.6}.channel-jumps{position:sticky;top:0;z-index:3;background:var(--bg);padding:4px 0}.channel-jumps a{padding:7px 5px;font-size:12px}.filter-row input,.filter-row select{max-width:none}.filter-row button{min-height:44px}.side-panel{padding:16px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 #channel-posts,#channel-stats,#channel-relations{scroll-margin-top:58px}
 .message-card{padding:15px}.message-media{margin-left:-15px;margin-right:-15px}.message-footer a{margin-left:0}.post-totals{text-align:left;margin-top:17px}.chart{height:130px;max-width:calc(100% - 36px)}
 .mobile-only,.mobile-records{display:block}.channel-table,.mentions-table>table,.hourly-panel>table,.snapshot-panel>table,.users-layout table,.panel .table-wrap>table{display:none}.mentions-table{overflow:visible}.hourly-panel,.snapshot-panel{overflow:visible}
 .record-metrics{gap:5px 12px}.record-metrics span{flex:1 1 110px}.record-foot{line-height:1.5}.mobile-list{border:1px solid var(--line);border-radius:5px;background:#fff;margin-bottom:16px}.channel-name span:last-child{min-width:0;overflow-wrap:anywhere}
 .hour-record .record-metrics span{flex:1 1 100px}.panel-head{flex-wrap:wrap;padding:13px 16px}.panel-head span{white-space:normal}.stack-form{padding:16px}.login-shell{padding:14px;min-height:100dvh}.login-box{padding:20px}
 .relation-item{grid-template-columns:minmax(0,1fr) auto}.quality-list>div{align-items:start}.quality-list dt,.quality-list dd{flex:1 1 50%}
}
@media(max-width:370px){
 .main{padding-inline:12px}.channel-avatar{width:52px;height:52px;flex-basis:52px}.channel-identity h1{font-size:19px}.post-totals{gap:8px}.post-totals strong{font-size:15px}.period-tabs a{font-size:11px}.stat-grid{gap:10px}.record-metrics span{flex-basis:100%}
}
@media(min-width:1100px) and (max-width:1199px){
 .channel-layout{grid-template-columns:minmax(0,1fr) minmax(320px,360px);gap:24px}
}