:root{color:#182230;background:#f4f7fb;font-family:Inter,Microsoft YaHei,PingFang SC,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}a{color:#2563eb;text-decoration:none}a:hover{text-decoration:underline}.topbar{align-items:center;background:#101828;color:#fff;display:flex;gap:20px;min-height:64px;padding:0 5vw}.brand{color:#fff;font-size:18px;font-weight:750;margin-right:auto}.primary-nav{display:flex;gap:16px}.primary-nav a{color:#98a2b3;font-size:14px;font-weight:650}.primary-nav a.router-link-active{color:#fff}.account-actions{align-items:center;color:#d0d5dd;display:flex;gap:12px}.page-content{margin:0 auto;max-width:1440px;padding:36px 28px 56px}.login-shell{align-items:center;background:radial-gradient(circle at top,#dbeafe,#f8fafc 55%);display:flex;justify-content:center;min-height:100vh;padding:24px}.login-card,.video-card,.comment-card,.table-card{background:#fff;border:1px solid #e4e7ec;border-radius:14px;box-shadow:0 2px 6px #1018280d}.login-card{max-width:430px;padding:34px;width:100%}.video-card{padding:28px}.section-heading{align-items:flex-end;display:flex;gap:24px;justify-content:space-between;margin-bottom:20px}.section-heading h1,.section-heading h2,.login-card h1{margin:0 0 8px}.eyebrow{color:#475467;font-size:12px;font-weight:700;letter-spacing:.09em;margin:0 0 8px;text-transform:uppercase}.muted{color:#667085;margin:0}.form-stack{display:grid;gap:18px;margin-top:24px}.form-stack label{color:#344054;display:grid;font-size:14px;font-weight:650;gap:8px}input{background:#fff;border:1px solid #d0d5dd;border-radius:8px;min-width:0;outline:none;padding:10px 12px}input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #dbeafe}.button{background:#2563eb;border:0;border-radius:8px;color:#fff;cursor:pointer;font-weight:650;padding:10px 15px}.button:hover:not(:disabled){background:#1d4ed8}.button:disabled{cursor:not-allowed;opacity:.55}.button-quiet{background:transparent;color:#d0d5dd;padding:8px}.button-secondary{background:#fff;border:1px solid #d0d5dd;color:#344054}.button-secondary:hover:not(:disabled){background:#f9fafb}.search-form{display:flex;gap:8px;min-width:min(100%,420px)}.search-form input{flex:1}.comment-search-form{display:flex;gap:8px;min-width:min(100%,560px)}.comment-search-form input{flex:1}.table-card{overflow-x:auto}table{border-collapse:collapse;min-width:980px;width:100%}th,td{border-bottom:1px solid #eaecf0;padding:14px 16px;text-align:left;vertical-align:top}th{background:#f9fafb;color:#475467;font-size:13px;white-space:nowrap}td{font-size:14px}td strong{display:block;font-weight:650;overflow-wrap:anywhere}td small{color:#667085;display:block;line-height:1.4;margin-top:5px;max-width:430px}.clickable-row{cursor:pointer}.clickable-row:hover{background:#f8fbff}.empty{color:#667085;padding:34px;text-align:center}.pagination{align-items:center;display:flex;gap:16px;justify-content:center;margin:26px 0}.metrics-grid{display:grid;gap:12px;grid-template-columns:repeat(5,minmax(130px,1fr));margin:26px 0}.metrics-grid div{background:#f8fafc;border:1px solid #eaecf0;border-radius:10px;padding:14px}.metrics-grid dt{color:#667085;font-size:13px}.metrics-grid dd{font-size:22px;font-weight:750;margin:8px 0 0}.summary-card{border-top:1px solid #eaecf0;padding-top:18px}.summary-card summary{cursor:pointer;font-weight:700}.summary-card p{line-height:1.7;white-space:pre-wrap}.comments-heading{margin-top:32px}.comment-list{display:grid;gap:14px}.comment-card{padding:18px 20px}.comment-card header{align-items:baseline;color:#667085;display:flex;gap:14px;justify-content:space-between}.comment-card header strong{color:#101828}.comment-card p{line-height:1.7;margin:14px 0 0;white-space:pre-wrap}.comment-card blockquote{border-left:3px solid #d0d5dd;color:#667085;margin:14px 0 0;padding-left:12px;white-space:pre-wrap}.error-message{background:#fef3f2;border:1px solid #fecdca;border-radius:8px;color:#b42318;margin:16px 0;padding:11px 13px}.back-link{background:transparent;border:0;color:#2563eb;cursor:pointer;padding:0}.source-video{background:transparent;border:0;color:#2563eb;cursor:pointer;font-size:13px;margin-top:14px;padding:0}@media(max-width:760px){.topbar{padding:0 18px}.primary-nav{display:none}.page-content{padding:26px 16px 42px}.section-heading{align-items:stretch;flex-direction:column}.search-form,.comment-search-form{width:100%}.comment-search-form{flex-wrap:wrap}.comment-search-form input{min-width:45%}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.comment-card header{align-items:flex-start;flex-direction:column;gap:6px}.pagination{flex-wrap:wrap}}
