:root{color-scheme:dark;--bg:#101315;--panel:#14181b;--text:#f3f4f5;--muted:#adb2ba;--line:#30363b;--accent:#ff8538;--focus:#ffc199;--error:#ffaaaa;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:16px;line-height:1.55}a{color:var(--accent);text-underline-offset:4px}a:hover{text-decoration:underline}p{margin:10px 0;color:var(--muted)}h1,h2,h3{line-height:1.2;letter-spacing:-.025em;margin-top:0;overflow-wrap:anywhere}h1{font-size:clamp(2rem,4vw,3.2rem);margin-bottom:8px;font-weight:750}h2{font-size:1.35rem;margin-bottom:20px;font-weight:650}h3{font-size:1.15rem}small,.help,.helptext{font-size:.85rem;color:var(--muted)}code{overflow-wrap:anywhere}.eyebrow{font-size:.73rem;letter-spacing:.12em;color:var(--muted);margin-bottom:10px}
.site-header{min-height:72px;padding:0 3.2%;display:flex;align-items:center;gap:60px;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:13px;white-space:nowrap;color:var(--text);font-weight:750;font-size:1.35rem;text-decoration:none}.brand:hover{text-decoration:none}.icon{display:inline-block;width:24px;height:24px;flex-shrink:0;vertical-align:middle;filter:invert(78%) sepia(6%) saturate(366%) hue-rotate(176deg) brightness(90%)}.icon.accent{filter:invert(60%) sepia(83%) saturate(1603%) hue-rotate(335deg) brightness(103%)}.brand-icon{width:30px;height:30px}nav{display:flex;gap:32px;align-self:stretch;align-items:stretch}nav a{display:flex;align-items:center;position:relative;text-decoration:none;color:var(--muted);font-size:.95rem;white-space:nowrap;border-bottom:3px solid transparent;padding-top:3px}nav a[aria-current=page]{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}nav a:hover{color:var(--text);text-decoration:none}.nav-settings{margin-left:12px}
main{max-width:1536px;margin:auto;padding:32px 3.2% 24px}.page-heading{margin:0 0 22px}.channel-name{font-size:1.3rem;margin-top:0}.dashboard-grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(275px,1fr);gap:20px;align-items:start}.dashboard-main{min-width:0}.panel{background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:28px;margin:20px 0}.dashboard-grid .panel{margin:0 0 20px}.heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.heading h2{margin-bottom:0}.clips-panel>.heading h2{font-size:2.2rem}.clips-panel{min-height:490px}.empty-state{min-height:382px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:28px;padding:32px 12px}.empty-icon{width:80px;height:80px;stroke-width:1;margin-bottom:4px}.empty-state h3{font-size:1.25rem;margin:0}.status-sidebar{min-height:770px;padding:28px}.status-sidebar section+section{border-top:1px solid var(--line);margin-top:36px;padding-top:30px}.status-sidebar h2{display:flex;align-items:center;gap:14px;font-size:1.45rem}.status-sidebar h2 .icon{width:29px;height:29px}.state-label{color:var(--accent);font-weight:600;margin-bottom:24px}.status-sidebar .text-link{margin-top:22px}.text-link{display:inline-flex;align-items:center;gap:12px;text-decoration:none;font-weight:550}.status-details{margin-top:18px;font-size:.9rem}.status-details summary{color:var(--muted)}details p{overflow-wrap:anywhere}summary{cursor:pointer;min-height:32px;list-style-position:inside}details[open]>summary{margin-bottom:12px}details form{margin:12px 0}.status-details button{font-size:.85rem}.recent-clips{margin-top:20px}.clip-row{display:flex;justify-content:space-between;gap:16px;align-items:center;border-top:1px solid var(--line);padding:22px 0}.clip-row a{overflow-wrap:anywhere}.clip-row p{font-size:.85rem}.activity-panel h2{margin-bottom:14px}.activity{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}.activity li{display:flex;gap:20px;padding:16px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.activity li:last-child{border-bottom:0}.activity time{font-size:.8rem;min-width:100px;color:var(--muted)}.activity .empty-activity{min-height:68px;display:flex;align-items:center;justify-content:center;color:var(--muted)}
button,.button{font:inherit;font-size:.95rem;font-weight:650;display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--accent);color:#18120e;border:1px solid transparent;border-radius:6px;padding:12px 20px;min-height:46px;text-decoration:none;cursor:pointer}.button .icon{filter:none;width:21px;height:21px}button:hover,.button:hover{background:#ff9959;text-decoration:none}button.secondary,button.quiet,.button.secondary{background:transparent;border-color:var(--line);color:var(--text)}button.secondary:hover,button.quiet:hover{background:#23292e}button.danger{background:#492629;color:#ffcece;border-color:#774146}button:disabled{background:#252a30;color:#949aa4;border-color:#3e464f;cursor:not-allowed;opacity:.75}button:disabled:hover{background:#252a30}.full-width,.recording-actions button{width:100%}.recording-actions{display:grid;gap:10px}.recording-actions form{margin:0}.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:24px}.actions form{margin:0}.pill{display:inline-block;border:1px solid var(--line);border-radius:5px;padding:5px 10px;font-size:.8rem;color:var(--muted);overflow-wrap:anywhere}
.notice{padding:16px 20px;border:1px solid #4e432f;border-radius:6px;background:#282118;color:#ded5c9;margin-bottom:20px}.recovery-notice{display:flex;gap:16px;align-items:flex-start;min-height:60px}.recovery-notice .icon{margin-top:3px}.recovery-notice strong{color:var(--accent);margin-right:14px}.recovery-notice details{font-size:.8rem;margin-top:3px}.recovery-notice summary{min-height:24px;color:var(--muted)}.recovery-notice p{margin-bottom:0}.notice.error{border-color:#804448;background:#351e22;color:var(--error)}
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.stats .panel{margin:0}.stats strong{font-size:1.6rem}.columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.form-panel{max-width:760px}.field{margin-bottom:26px}form p{margin-bottom:22px}label{display:block;color:var(--text);font-weight:550;margin-bottom:8px}input,select,textarea{font:inherit;width:100%;max-width:100%;padding:12px;border:1px solid #56616b;border-radius:5px;background:#101315;color:var(--text)}input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent);vertical-align:middle}textarea{min-height:120px;resize:vertical}input:disabled,select:disabled,textarea:disabled{opacity:.6}select{min-height:48px}form ul{color:var(--muted);font-size:.85rem;padding-left:22px}.errorlist{color:var(--error)}.filter-form{display:grid;grid-template-columns:1fr 1fr auto;gap:20px;align-items:end}.filter-form label{margin:0}.filter-form button{min-height:50px}.login{max-width:450px;margin:50px auto 80px;padding:36px}.login h1{font-size:2rem;margin-bottom:28px}.login button{width:100%;margin-top:8px}.login .note{margin-bottom:0}.note{border-top:1px solid var(--line);padding-top:22px;margin-top:28px;font-size:.9rem}.account-footer{max-width:1536px;margin:auto;display:flex;justify-content:flex-end;align-items:center;gap:20px;padding:8px 3.2% 28px;font-size:.85rem;color:var(--muted)}.account-footer a{color:var(--muted)}.account-footer form{margin:0}.account-footer button{min-height:40px;padding:8px 14px;font-size:.8rem}
.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}td,th{text-align:left;border-bottom:1px solid var(--line);padding:12px}th{font-weight:550;color:var(--muted)}video,.clip-thumb{width:100%;max-width:100%;border-radius:5px;background:#090b0d}video{max-height:70vh}.clip-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:20px}.clip-grid .panel{margin:0}.clip-progress{white-space:normal;overflow-wrap:anywhere}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:10px;background:var(--bg);padding:12px;z-index:10}.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}:focus-visible{outline:3px solid var(--focus);outline-offset:4px}
@media(min-width:1500px){.site-header{padding-left:max(3.2%,calc((100% - 1438px)/2));padding-right:max(3.2%,calc((100% - 1438px)/2))}}
@media(max-width:1100px){.site-header{gap:30px}nav{gap:20px}.brand{font-size:1.1rem}.nav-settings{margin-left:0}.dashboard-grid{grid-template-columns:minmax(0,2fr) minmax(265px,1fr)}.status-sidebar{padding:22px}}
@media(max-width:850px){.site-header{display:block;padding:20px 24px 0}.brand{margin-bottom:14px}nav{min-height:50px;gap:8px 24px;flex-wrap:wrap}nav a{padding:10px 0 12px}.dashboard-grid{grid-template-columns:1fr}.status-sidebar{min-height:0}.status-sidebar section+section{margin-top:22px;padding-top:22px}.status-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:20px}.status-sidebar section:first-child{grid-column:1/-1}.status-sidebar section+section{margin-top:0}.page-heading{margin-bottom:24px}.clips-panel{min-height:360px}.empty-state{min-height:280px}.columns{grid-template-columns:1fr}.filter-form{grid-template-columns:1fr 1fr}.filter-form button{grid-column:1/-1}}
@media(max-width:540px){main{padding:28px 18px 18px}.site-header{padding:18px 18px 0}nav{gap:22px;font-size:.85rem}.panel{padding:22px}.status-sidebar{display:block}.status-sidebar section+section{margin-top:24px;padding-top:24px}.status-sidebar h2{font-size:1.2rem}.status-sidebar h2 .icon{width:24px;height:24px}.channel-name{font-size:1.05rem}.clips-panel>.heading h2{font-size:1.7rem}.stats,.filter-form{grid-template-columns:1fr}.actions{align-items:stretch}.actions form{flex:1 1 145px}.actions button{width:100%}.activity li{display:block}.activity time{display:block;margin-bottom:6px}.activity .empty-activity{display:flex}.login{margin:22px auto;padding:26px 22px}.auth-page .site-header{padding-bottom:10px}.recovery-notice{padding:14px;gap:10px}.recovery-notice strong,.recovery-notice span{display:block}.account-footer{justify-content:space-between;padding:12px 18px 24px}.filter-form button{grid-column:auto}}

.quick-clip-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0}.quick-clip-buttons form{margin:0}.quick-clip-buttons button{width:100%}.custom-clip-form{display:flex;align-items:center;gap:20px;border-top:1px solid var(--line);padding-top:20px}.custom-clip-form>div{flex:1}.custom-clip-form .help{margin:6px 0 0}@media(max-width:540px){.quick-clip-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}.custom-clip-form{align-items:stretch;flex-direction:column}}
.recording-editor video{max-height:65vh;margin-top:18px}.editor-toolbar,.editor-times{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:20px 0}.editor-toolbar label{max-width:460px}.recording-editor input[type=range]{padding:0;min-height:36px;accent-color:var(--accent);cursor:pointer}.trim-handles{border-top:1px solid var(--line);padding-top:20px;margin:22px 0}.recording-editor output{float:right;color:var(--accent);font-variant-numeric:tabular-nums}.recording-editor [data-player-status],.recording-editor [data-selection-status]{overflow-wrap:anywhere}.recording-editor [data-player-status]{min-height:25px}.editor-times button{margin-top:8px}@media(max-width:600px){.editor-toolbar,.editor-times{grid-template-columns:1fr;gap:12px}.recording-editor .heading{align-items:flex-start}.recording-editor video{max-height:45vh}}