:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#222320;background:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--green:#3e6945;--green-dark:#2e5235;--green-soft:#d4ebce;--green-pale:#f0f6ed;--border:#e5e9e2;--muted:#697063;--surface:#f8f9f6}
*{box-sizing:border-box}body{margin:0;font-size:14px;line-height:1.6}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}a{color:var(--green);text-underline-offset:4px}a:hover{color:var(--green-dark)}[hidden]{display:none!important}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:550;letter-spacing:-.025em;line-height:1.25}::selection{background:var(--green-soft)}:focus-visible{outline:3px solid #759779;outline-offset:4px;border-radius:4px}.skip-link{position:fixed;top:10px;left:16px;z-index:30;transform:translateY(-160%);padding:10px 16px;background:#fff;border:1px solid var(--green);border-radius:6px}.skip-link:focus{transform:translateY(0)}
.app-header{border-bottom:1px solid var(--border);background:#fff}.header-inner{max-width:1320px;margin:auto;padding:22px 40px;min-height:88px;display:flex;align-items:center;gap:32px}.brand{display:inline-flex;align-items:center;gap:10px;color:#222320;text-decoration:none;font-size:27px;line-height:1;font-weight:600;letter-spacing:-.05em;flex-shrink:0}.brand:hover{color:#222320}.brand img{width:32px;height:32px;object-fit:contain}.workspace-label{color:var(--muted);font-size:13px;border-left:1px solid var(--border);padding-left:30px}.header-actions{margin-left:auto;display:flex;align-items:center;gap:18px}.review-badge{font-size:11px;letter-spacing:.015em;color:#55704e;background:var(--green-pale);border:1px solid #e0eadb;padding:5px 9px;border-radius:5px;white-space:nowrap}
.account-menu{position:relative}.account-menu summary{list-style:none;padding:8px 10px;color:#4c5547;border:1px solid var(--border);border-radius:6px;cursor:pointer;font-size:12px;white-space:nowrap}.account-menu summary::-webkit-details-marker{display:none}.menu-panel{position:absolute;right:0;top:calc(100% + 9px);z-index:10;min-width:270px;max-width:calc(100vw - 40px);padding:6px;background:#fff;border:1px solid var(--border);border-radius:9px;box-shadow:0 10px 35px #22332013}.menu-panel button{display:block;text-align:left;width:100%;border:0;background:#fff;padding:11px 12px;border-radius:5px;color:#34412f;font-size:13px}.menu-panel button:hover{background:var(--surface)}.menu-panel .destructive{color:#9c443b}
.app-main{max-width:1280px;min-height:calc(100vh - 196px);margin:auto;padding:38px 40px 64px}.notice{padding:14px 17px;margin:0 0 25px;border:1px solid #dfe7da;background:var(--green-pale);border-radius:7px;color:#415d38;font-size:13px;overflow-wrap:anywhere}.notice.is-error{background:#fff7f3;border-color:#ecd8cc;color:#8a4d35}.notice.is-warning{background:#fcfaf0;border-color:#ebe3c7;color:#796532}.checking{display:flex;align-items:center;justify-content:center;gap:11px;min-height:330px;color:var(--muted)}.checking p{margin:0}.loading-dot{width:7px;height:7px;border-radius:50%;background:#87a37b;animation:pulse 1.3s ease-in-out infinite}@keyframes pulse{50%{opacity:.25}}.eyebrow{display:block;margin-bottom:13px;color:var(--green);font-size:10px;font-weight:600;letter-spacing:.085em;text-transform:uppercase}
.welcome{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(290px,.8fr);gap:90px;align-items:center;padding:75px 0 100px}.welcome h1{font-size:clamp(35px,4.2vw,53px);line-height:1.15;letter-spacing:-.04em;margin-bottom:23px}.welcome-intro{max-width:570px;font-size:16px;line-height:1.8;color:var(--muted);margin-bottom:28px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:9px 16px;border-radius:6px;border:1px solid transparent;text-decoration:none;font-size:12px;font-weight:550;line-height:1.4}.button.primary{background:var(--green-soft);border-color:#c6ddbf;color:#345c39}.button.primary:hover{background:#c6e3be}.button.secondary{background:#fff;border-color:#dfe2dc;color:#505a49}.button.secondary:hover{background:var(--surface)}.button.danger{background:#a4493e;color:#fff;border-color:#a4493e}.button.danger:hover{background:#8d3c33}.connection-note{font-size:12px;color:#7b8175;max-width:430px;margin:15px 0 0}.connection-panel{padding:30px;border:1px solid var(--border);background:var(--surface);border-radius:12px}.connection-panel h2{font-size:19px;margin-bottom:21px}.connection-panel ul{padding-left:18px;color:#596151;font-size:13px;line-height:1.8;margin:0 0 24px}.connection-panel li+li{margin-top:10px}.review-note{padding:17px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);font-size:12px}.review-note strong{font-size:11px;font-weight:600;color:#4e6846}.review-note p{color:var(--muted);margin:6px 0 0;line-height:1.8}.saved-note{font-size:11px;line-height:1.8;color:#7b8175;margin:19px 0 0}
.account-heading{display:grid;grid-template-columns:1fr auto;column-gap:35px;align-items:start;padding:3px 0 34px;border-bottom:1px solid var(--border);margin-bottom:34px}.account-identity{display:flex;gap:17px;align-items:center;min-width:0}.avatar{width:64px;height:64px;flex:0 0 64px;border-radius:50%;overflow:hidden;display:grid;place-items:center;color:#4f7046;background:var(--green-pale);font-size:23px;font-weight:500}.avatar img{width:64px;height:64px;object-fit:cover}.account-copy{min-width:0}.account-copy .eyebrow{font-size:9px;margin-bottom:6px}.account-copy h1{font-size:28px;margin:0;overflow-wrap:anywhere}.username{margin:5px 0 0;font-size:12px;color:var(--muted);overflow-wrap:anywhere}.read-controls{text-align:right;padding-top:8px}.read-controls p{font-size:10px;margin:10px 0 0;color:#7f8578}.bio{grid-column:1;max-width:710px;margin:17px 0 0;color:var(--muted);font-size:13px;white-space:pre-line;overflow-wrap:anywhere}.profile-link{grid-column:1;justify-self:start;font-size:11px;margin-top:10px}.account-loading{font-size:12px;color:var(--muted);padding:0 0 22px}.metric-section{margin-bottom:41px}.section-heading{display:flex;justify-content:space-between;gap:20px;align-items:baseline;margin-bottom:19px}.section-heading h2{font-size:18px;margin:0}.section-heading p{font-size:11px;color:#7b8175;margin:0}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:23px}.metric{min-width:0;padding:19px 0 18px;border-top:1px solid #dbe2d6}.metric h3{font-size:11px;font-weight:450;color:var(--muted);letter-spacing:0;margin:0 0 12px}.metric p{font-size:32px;line-height:1.12;font-weight:500;letter-spacing:-.04em;margin:0;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.permission-note{display:flex;flex-wrap:wrap;align-items:center;gap:9px 16px;font-size:11px;color:#777e70;padding-top:3px}.permission-note p{margin:0}.text-button{border:0;background:transparent;padding:4px 0;color:var(--green);font-size:11px;text-align:left;text-decoration:underline;text-underline-offset:4px}.text-button:hover{color:var(--green-dark)}
.video-section{border-top:1px solid var(--border);padding-top:34px}.video-heading{align-items:center;margin-bottom:24px}.video-heading p{margin:7px 0 0}.video-count{font-size:11px;color:#7b8175;white-space:nowrap}.filter-bar{display:flex;gap:16px;align-items:end;margin-bottom:22px}.filter-bar label{display:flex;flex-direction:column;gap:7px;min-width:150px}.filter-bar label>span{font-size:10px;color:#77806f}.filter-bar .search-field{flex:1;min-width:180px}.filter-bar input{min-height:39px;width:100%;border:1px solid #dfe4db;border-radius:6px;background:#fff;padding:8px 10px;color:#37442f;font-size:12px;min-width:0}.filter-bar input::placeholder{color:#969d90}.filter-bar>.text-button{flex-shrink:0;min-height:39px}.filter-error{font-size:12px;color:#9b4f3e;margin:0 0 18px}.filter-bar input[aria-invalid=true]{border-color:#bc8072}.video-metrics{gap:23px}.video-metrics .metric{padding:15px 0 17px}.video-metrics .metric p{font-size:27px}.video-metrics .metric h3{margin-bottom:9px}.coverage-note{font-size:10px;line-height:1.8;color:#8a9082;margin:4px 0 23px;max-width:920px}.table-scroll{overflow-x:auto;border-top:1px solid var(--border);max-width:100%}.video-table{border-collapse:collapse;width:100%;min-width:880px;text-align:left;table-layout:fixed}.video-table th{font-size:10px;font-weight:500;color:#8a9082;background:#fafbf9;padding:13px 10px;border-bottom:1px solid var(--border);white-space:nowrap}.video-table th:first-child{width:33%;padding-left:0}.video-table th:nth-child(2){width:15%}.video-table th:nth-child(3){width:10%}.video-table td{padding:17px 10px;border-bottom:1px solid #edf0e9;color:#5a6452;font-size:11px;vertical-align:middle;font-variant-numeric:tabular-nums}.video-table td:first-child{padding-left:0}.video-table .number{text-align:right}.video-table th:last-child,.video-table td:last-child{padding-right:0}.video-cell{display:flex;gap:13px;align-items:center;min-width:0}.video-cover{width:44px;height:58px;flex:0 0 44px;border:1px solid var(--border);border-radius:4px;background:var(--surface);overflow:hidden;display:grid;place-items:center}.video-cover img{width:44px;height:58px;object-fit:cover}.cover-label{font-size:8px;text-align:center;color:#9aa28f;line-height:1.3;padding:3px}.video-title{min-width:0;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:#3b4832;text-decoration:none;font-size:12px;line-height:1.6}.video-title[href]:hover{color:var(--green);text-decoration:underline}.video-empty{text-align:center;padding:54px 25px;border-bottom:1px solid var(--border);color:var(--muted)}.video-empty h3{font-size:16px;color:#46533d;margin-bottom:9px}.video-empty p{font-size:12px;margin:0}.table-footer{display:flex;gap:20px;align-items:center;justify-content:space-between;padding-top:18px}.table-footer p{font-size:10px;color:#8a9082;margin:0;line-height:1.8}.table-footer .button{min-height:35px;flex-shrink:0;font-size:10px}.app-footer{max-width:1280px;display:flex;justify-content:space-between;gap:22px;flex-wrap:wrap;padding:24px 40px;margin:auto;border-top:1px solid var(--border);font-size:10px;color:#939a8a}.app-footer nav{display:flex;gap:23px;flex-wrap:wrap}.app-footer a{color:#6e7865;text-decoration:none}.app-footer a:hover{text-decoration:underline}
dialog{width:min(520px,calc(100% - 32px));max-height:calc(100dvh - 50px);padding:0;border:1px solid var(--border);border-radius:12px;color:#394731;background:#fff;box-shadow:0 20px 80px #1721112b;overflow:auto}dialog::backdrop{background:#17211158;backdrop-filter:blur(2px)}.dialog-body{padding:29px 29px 12px}.dialog-body h2{font-size:25px;margin-bottom:20px}.dialog-body p{font-size:13px;line-height:1.8;color:#6b7560}.dialog-body .dialog-account{background:var(--surface);border:1px solid var(--border);padding:12px 14px;border-radius:6px;color:#3e5033;overflow-wrap:anywhere}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;padding:18px 29px 25px}.dialog-actions .button{font-size:11px}.noscript{max-width:800px;margin:30px auto;padding:20px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1500px){.welcome{padding-top:100px}}
@media(max-width:950px){.header-inner{padding-inline:28px}.app-main{padding-inline:28px}.welcome{gap:40px;padding-block:55px 75px}.welcome h1{font-size:40px}.connection-panel{padding:25px}.metrics{gap:18px}.metric p{font-size:29px}.section-heading{align-items:start;flex-direction:column;gap:7px}.video-heading{flex-direction:row;align-items:center}.filter-bar{flex-wrap:wrap}.filter-bar .search-field{min-width:100%;flex:auto}.filter-bar label:not(.search-field){flex:1}.filter-bar>.text-button{margin-left:auto}.app-footer{padding-inline:28px}}
@media(max-width:620px){.header-inner{padding:18px 20px;gap:14px;flex-wrap:wrap;min-height:79px}.brand{font-size:24px}.brand img{width:29px;height:29px}.workspace-label{display:none}.header-actions{gap:9px}.review-badge{font-size:9px;padding:4px 6px}.account-menu summary{font-size:10px;padding:7px 8px}.menu-panel{min-width:250px}.app-main{padding:28px 20px 44px}.welcome{grid-template-columns:1fr;padding:30px 0 28px;gap:38px}.welcome h1{font-size:38px}.welcome-intro{font-size:15px}.welcome-copy>.button{width:100%;min-height:45px}.connection-panel{padding:25px}.account-heading{grid-template-columns:1fr;margin-bottom:27px;padding-bottom:26px}.avatar,.avatar img{width:54px;height:54px}.avatar{flex-basis:54px}.account-copy h1{font-size:24px}.account-copy .eyebrow{font-size:8px}.account-identity{gap:13px}.read-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:19px;padding:0;text-align:left}.read-controls .button{font-size:11px;min-height:37px}.read-controls p{margin:0;max-width:170px;font-size:9px}.bio{grid-row:2;font-size:12px;margin-top:15px}.profile-link{grid-row:3}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 24px}.metric{padding:16px 0 10px}.metric p{font-size:30px}.metric h3{font-size:10px}.metric-section{margin-bottom:30px}.permission-note{padding-top:15px;gap:4px}.video-section{padding-top:26px}.video-heading{align-items:start;gap:12px}.section-heading h2{font-size:17px}.video-count{font-size:9px;padding-top:3px;white-space:normal;max-width:110px;text-align:right}.section-heading p{font-size:10px;max-width:240px}.filter-bar{gap:12px;margin-bottom:17px}.filter-bar label{min-width:0}.filter-bar input{font-size:11px;padding-inline:9px}.filter-bar label>span{font-size:9px}.video-metrics{gap:10px 24px}.video-metrics .metric{padding:14px 0 10px}.video-metrics .metric p{font-size:26px}.coverage-note{font-size:9px;line-height:1.8}.table-footer{align-items:start;flex-direction:column;gap:15px}.table-footer p{font-size:9px}.app-footer{padding:21px 20px;font-size:9px;gap:15px}.app-footer nav{gap:19px}.dialog-body{padding:24px 22px 10px}.dialog-body h2{font-size:23px}.dialog-actions{padding:15px 22px 22px;flex-direction:column-reverse}.dialog-actions .button{width:100%}}
@media(prefers-reduced-motion:reduce){.loading-dot{animation:none}dialog::backdrop{backdrop-filter:none}}