:root{--paper: #f6f2ea;--paper-strong: #f0e9dc;--ink: #1f1b16;--muted: rgba(31, 27, 22, .65);--accent: #b45737;--accent-strong: #8a3b24;--line: rgba(31, 27, 22, .12);--shadow: rgba(27, 20, 14, .12);font-family:Palatino Linotype,Book Antiqua,Palatino,serif;color:var(--ink);background:radial-gradient(circle at 10% 10%,rgba(180,87,55,.16),transparent 45%),radial-gradient(circle at 90% 0%,rgba(31,27,22,.1),transparent 40%),linear-gradient(140deg,var(--paper),var(--paper-strong))}*{box-sizing:border-box}body{margin:0;min-height:100vh}.channels-app{min-height:100vh;display:flex;flex-direction:column}.channels-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1.5rem;padding:2rem 3rem 1.5rem}.eyebrow{margin:0 0 .4rem;text-transform:uppercase;letter-spacing:.15em;font-size:.7rem;color:var(--muted)}.channels-header h1{margin:0 0 .35rem;font-size:clamp(1.8rem,2.8vw + 1rem,3rem)}.subtitle{margin:0;color:var(--muted);max-width:38ch}.header-nav{display:flex;gap:.75rem;flex-wrap:wrap}.nav-link{text-decoration:none;padding:.45rem 1rem;border:1px solid var(--line);border-radius:999px;color:var(--ink);font-size:.9rem;transition:border-color .2s ease,transform .2s ease}.nav-link.active,.nav-link:hover{border-color:var(--accent);transform:translateY(-1px)}.channels-main{padding:0 3rem 3rem;display:flex;flex-direction:column;gap:1.5rem}.controls-top{display:flex;justify-content:flex-end}.controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;background:#ffffff8c;border:1px solid var(--line);border-radius:18px;padding:1.2rem;box-shadow:0 10px 30px var(--shadow)}.control{display:flex;flex-direction:column;gap:.4rem;font-size:.85rem;color:var(--muted)}.control input{border:1px solid transparent;background:#ffffffe6;padding:.55rem .7rem;border-radius:10px;font-size:.95rem;color:var(--ink);transition:border-color .2s ease,box-shadow .2s ease}.control input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #b457372e}.ghost-button{align-self:end;border:1px dashed var(--line);background:transparent;padding:.6rem 1rem;border-radius:12px;cursor:pointer;font-size:.9rem;color:var(--accent-strong);transition:border-color .2s ease,color .2s ease}.ghost-button:hover{border-color:var(--accent);color:var(--accent)}.summary{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;font-size:.95rem}.pager{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;justify-content:flex-end}.page-status{font-variant-numeric:tabular-nums;color:var(--muted)}.page-size{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--muted)}.page-size select{border:1px solid var(--line);background:#ffffffe6;padding:.35rem .55rem;border-radius:8px;font-size:.9rem;color:var(--ink)}.summary-meta{color:var(--muted);font-size:.85rem}.table-wrap{border-radius:20px;border:1px solid var(--line);overflow:hidden;background:#ffffffbf;box-shadow:0 20px 40px #1f1b1614}.channels-table{width:100%;border-collapse:collapse}.channels-table thead{background:#ffffffe6}.channels-table th,.channels-table td{padding:.95rem 1.2rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.channels-table th button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;font:inherit;color:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem;padding:0}.channels-table th button:after{content:"↕";font-size:.75rem;color:var(--muted)}.channels-table th button[data-dir=asc]:after{content:"↑";color:var(--accent-strong)}.channels-table th button[data-dir=desc]:after{content:"↓";color:var(--accent-strong)}.channels-table tbody tr:hover{background:#b4573714}.channels-table td.num,.channels-table th.num{text-align:right;font-variant-numeric:tabular-nums}.avatar-col{width:56px}.avatar-cell{display:flex;align-items:center;justify-content:center}.avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:1px solid rgba(0,0,0,.08);background:#b4573714}.avatar-fallback{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-size:.75rem;color:var(--accent-strong);border:1px dashed rgba(180,87,55,.4);background:#b4573714}.channel-cell{display:flex;flex-direction:column;gap:.2rem}.channel-name{color:var(--accent-strong);text-decoration:none;font-weight:600}.channel-name:hover{text-decoration:underline}.channel-meta{font-size:.85rem;color:var(--muted)}.pill{display:inline-block;padding:.2rem .5rem;border-radius:999px;font-size:.7rem;letter-spacing:.02em;background:#b4573724;color:var(--accent-strong)}.empty{text-align:center;padding:2.5rem 1rem;color:var(--muted)}@media (max-width: 900px){.channels-header,.channels-main{padding-left:1.5rem;padding-right:1.5rem}.channels-table th,.channels-table td{padding:.75rem .8rem}}@media (max-width: 720px){.channels-header{padding-top:1.5rem}.summary{flex-direction:column;align-items:flex-start}.pager{width:100%;justify-content:flex-start}}