:root{color-scheme:dark;--bg:#111513;--panel:#1a211d;--line:#303b33;--text:#ebefe8;--muted:#a5b1a5;--accent:#b9da84}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px system-ui,sans-serif}.layout{display:flex;min-height:100vh}aside{width:270px;background:#171e19;border-right:1px solid var(--line);padding:38px 24px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{font-size:27px;font-weight:800;letter-spacing:-1.2px}.brand span{color:var(--accent)}.brand small{display:block;color:#879686;letter-spacing:2px;font-size:9px;margin-top:7px}.section-title,.eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;color:var(--accent)}.section-title{margin:56px 0 16px}.topics{display:grid;gap:6px}.topic{display:flex;align-items:center}.topic button:first-child{flex:1;text-align:left}.topic button.active{background:#344331;color:var(--accent)}button,input,select{font:inherit}button{cursor:pointer;border:0;color:inherit;background:transparent;border-radius:5px;padding:10px}button:hover{background:#344331}input,select{background:#111713;border:1px solid var(--line);color:var(--text);padding:11px;border-radius:5px;min-width:0}input:focus,button:focus-visible,select:focus{outline:2px solid var(--accent);outline-offset:2px}#topic-form{display:flex;margin-top:18px}#topic-input{width:100%}.aside-bottom{margin-top:auto;color:var(--muted);font-size:13px}.plain{text-align:left;color:var(--muted)}main{width:min(1020px,100%);padding:68px 64px;margin:auto;align-self:flex-start}header{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line);padding-bottom:38px}h1{font-size:42px;letter-spacing:-2px;margin:12px 0}h1 span{color:var(--accent)}header p,dialog p{color:var(--muted);line-height:1.6}.primary{background:var(--accent);color:#1a2916;font-weight:700;white-space:nowrap}.primary:hover{background:#cbe9a0}.toolbar{display:flex;justify-content:space-between;align-items:center;margin:32px 0 18px}.toolbar strong{font-size:19px}.toolbar span{color:var(--muted);margin-left:12px;font-size:13px}.toolbar select{font-size:12px}.card{padding:24px 4px;border-bottom:1px solid var(--line)}.meta{font-size:11px;color:var(--accent);font-weight:700;text-transform:uppercase;letter-spacing:1px}.meta span{color:var(--muted);font-weight:400}.card h2{font-size:20px;margin:11px 0;letter-spacing:-.3px}.card a{color:var(--text);text-decoration:none}.card a:hover{color:var(--accent)}.card p{color:var(--muted);line-height:1.6;margin:0;max-width:750px}.card-actions{margin-top:12px}.card-actions button{padding:0;color:var(--accent);font-size:13px}#notice{color:#e3bd7f;white-space:pre-wrap;line-height:1.5}.empty{padding:55px 0;color:var(--muted)}footer{padding:40px 0;text-align:center;font-size:12px;color:#78897b}dialog{width:min(650px,calc(100% - 32px));background:var(--panel);color:var(--text);border:1px solid var(--line);padding:28px;border-radius:8px}dialog::backdrop{background:#000a}.dialog-head{display:flex;justify-content:space-between}.dialog-head h2{margin:8px 0}.source{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding:12px 0}.source div{flex:1;overflow-wrap:anywhere}.source small{display:block;color:var(--muted);margin-top:4px}#source-form{display:flex;gap:8px;margin-top:20px}#source-url{flex:1}.hint{font-size:12px}#settings-error{color:#ffb5a5}@media(max-width:700px){.layout{display:block}aside{position:static;width:auto;height:auto;padding:20px}.section-title{margin:25px 0 10px}.aside-bottom{margin-top:15px}.aside-bottom p{display:none}main{padding:32px 20px}header{align-items:start;flex-direction:column}h1{font-size:34px}#source-form{flex-direction:column}}
#channel-form{display:flex;gap:8px;margin-top:12px}#channel-id{flex:1}#follow-scott{color:var(--accent);padding-left:0}dialog h3{margin:24px 0 0;font-size:15px}@media(max-width:700px){#channel-form{flex-direction:column}}
.download-status{display:inline-block;margin-left:14px;color:var(--muted);font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}.download-link{display:inline-block;margin-left:14px;color:var(--accent)!important;text-decoration:underline!important;font-size:13px}
.card-actions .watch-button:not(:first-child){margin-left:18px}.download-progress{display:block;width:min(260px,100%);height:8px;margin-top:10px;accent-color:var(--accent)}
.description-toggle{padding:6px 0;color:var(--accent);font-size:12px}
.source-heading{margin-top:32px}#sidebar-sources button{text-align:left;overflow-wrap:anywhere}#sidebar-sources button.active{background:#344331;color:var(--accent)}aside{overflow-y:auto}.aside-bottom{padding-top:24px}
#sidebar-sources button{display:flex;align-items:center;gap:10px}.source-icon{display:inline-flex;flex:none;width:19px;height:19px;align-items:center;justify-content:center;border-radius:4px;font-size:11px;font-weight:800}.youtube-icon{background:#b83333;color:white}.github-icon{background:#59645d;color:white}.feed-icon{background:#81632e;color:#fff3ce}
.story-description{color:var(--muted);line-height:1.6;overflow-wrap:anywhere;white-space:pre-wrap}.story-description p{margin:0 0 0.8em}.story-description ul,.story-description ol{padding-left:1.6em}.story-description pre{white-space:pre-wrap;overflow-wrap:anywhere}.story-description a{color:var(--accent);text-decoration:underline}.story-description.collapsed{max-height:8em;overflow:hidden;mask-image:linear-gradient(to bottom,#000 75%,transparent)}
#refresh-dialog{width:min(400px,calc(100% - 32px))}#refresh-dialog h2{margin:0;font-size:20px}#refresh-dialog progress{display:block;width:100%;height:8px;margin-top:18px;accent-color:var(--accent)}