:root{font-family:"Be Vietnam Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#322723;background:#f8f5f0;font-size:15px}*{box-sizing:border-box}body{margin:0;display:flex;min-height:100vh}button,input,select,textarea{font:inherit}button,a{cursor:pointer}button{background:#fff;border:1px solid #ded4cd;color:#4d3731;padding:10px 15px;border-radius:7px}button:hover{border-color:#9a6e5b}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #b6654f;outline-offset:2px}button:disabled{opacity:.45;cursor:default}a{color:#713f30;text-decoration:none}a:hover{text-decoration:underline}aside{width:245px;background:#efe7de;padding:34px 22px;display:flex;flex-direction:column;flex-shrink:0}.logo{font-family:Georgia,serif;font-size:43px;color:#6d372b;line-height:1}.logo small{font:600 9px sans-serif;letter-spacing:.16em;display:block;margin:2px 0 0 3px}.aside-label,.kicker{font-size:10px;letter-spacing:.14em;font-weight:700;color:#986c5b}.aside-label{margin:55px 10px 12px}nav{display:grid;gap:6px}nav button{border:0;background:transparent;text-align:left;padding:13px 12px}nav button.active{background:#fffaf5;color:#793e30;font-weight:700}.aside-footer{margin-top:auto;font-size:12px;line-height:2.5;color:#816a60}main{min-width:0;flex:1;padding:0 6%;max-width:1600px}header{height:74px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e7ddd5;font-size:10px;letter-spacing:.12em;color:#8b7366;font-weight:700}.quiet{border:0;background:transparent}.page-title{padding:58px 0 40px;display:flex;justify-content:space-between;align-items:end;gap:30px}h1,h2,h3,p{margin-top:0}h1{font:normal clamp(38px,4vw,58px)/1.08 Georgia,serif;letter-spacing:-.025em;margin:14px 0}h1 em{font-weight:normal;color:#965341}h2{font:normal 26px Georgia,serif;margin-bottom:6px}h3{font-size:16px;margin:10px 0 5px}.lead,.section-head p,.article-bar p{color:#806e63;line-height:1.6;margin:0}.primary{background:#793e30;color:white;border:1px solid #793e30;padding:13px 19px;border-radius:6px;font-weight:600;white-space:nowrap}.primary:hover{background:#5f3025}.link-button:hover{text-decoration:none}.summary{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #daccc0;border-bottom:1px solid #daccc0;margin-bottom:45px}.summary div{padding:22px 20px;border-right:1px solid #e6dad0}.summary div:first-child{padding-left:0}.summary div:last-child{border:0}.summary strong{display:block;font:normal 30px Georgia,serif;margin-bottom:7px}.summary span,.item-date,.article-date{font-size:12px;color:#8b776a}.section-head,.article-bar{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px}.controls{display:flex;gap:10px;margin-bottom:15px}.controls input{flex:1}.controls select{width:190px}input,select,textarea{border:1px solid #ded4cd;border-radius:6px;background:#fff;padding:11px;color:#322723;width:100%}textarea{resize:vertical}.list{background:#fff;border:1px solid #e9dfd6;border-radius:8px;overflow:hidden}.item,.article-row{display:flex;gap:25px;padding:22px;border-bottom:1px solid #eee7e1;align-items:center}.item:last-child,.article-row:last-child{border:0}.item-date{width:125px;flex-shrink:0}.item-main{flex:1;min-width:0}.item-main p{color:#806e63;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:650px;margin:0;font-size:13px}.badges{display:flex;gap:8px;font-size:11px;font-weight:600}.badges span{padding:4px 8px;background:#f5eee8;border-radius:3px;color:#805443}.badges .status{background:#eaf1e8;color:#466046}.item-actions{display:flex;gap:12px;align-items:center;white-space:nowrap}.item-actions a{font-size:13px}.empty{padding:45px;text-align:center;color:#8b776a}.empty strong{color:#4a3931}.notice,.hint{font-size:12px;color:#816e62;line-height:1.6;margin:18px 0 35px}.article-row>div:first-child{flex:1}.pagination{display:flex;gap:18px;align-items:center;justify-content:center;margin:26px 0;color:#806e63;font-size:13px}dialog{border:0;border-radius:10px;padding:0;width:min(660px,calc(100vw - 30px));max-height:90vh;box-shadow:0 20px 80px #2e211e40}dialog::backdrop{background:#2e211e99}form{padding:26px}.modal-title,.form-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.modal-title h2{margin-bottom:20px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.fields label{display:grid;gap:7px;font-size:12px;font-weight:600}.wide{grid-column:1/-1}.form-actions{border-top:1px solid #eee4dc;padding-top:18px}.form-actions span{flex:1}.danger,#error{color:#a23e35}#toast{position:fixed;bottom:25px;right:25px;background:#3a2e29;color:white;padding:12px 18px;border-radius:6px;display:none}#toast.show{display:block}@media(max-width:700px){body{display:block}aside{width:auto;padding:15px 18px;display:block}.logo{font-size:30px;display:inline-block}.logo small{font-size:7px}.aside-label,.aside-footer{display:none}nav{display:flex;margin-top:15px}nav button{flex:1;font-size:13px}main{padding:0 20px}header{height:55px}.page-title{padding:36px 0 28px;display:block}.page-title .primary{display:inline-block;margin-top:20px}.summary{grid-template-columns:1fr 1fr;margin-bottom:30px}.summary div:nth-child(2){border-right:0}.summary div:nth-child(-n+2){border-bottom:1px solid #e6dad0}.summary div:nth-child(3){padding-left:0}.item{display:block}.item-date{margin-bottom:12px}.item-actions{margin-top:16px}.article-row{align-items:start}.article-row .item-actions{flex-direction:column;align-items:end}.controls select{width:145px}.fields{grid-template-columns:1fr}.fields label{grid-column:1/-1}form{padding:20px}}
.login-page{display:grid;place-items:center;background:#eee7df;padding:20px}.login-box{background:#fffaf6;border:1px solid #e4d8cf;border-radius:9px;padding:clamp(30px,6vw,65px);width:min(100%,560px)}.login-logo{font:normal 46px Georgia,serif;color:#713f30;margin-bottom:55px}.login-logo small{display:block;font:700 9px sans-serif;letter-spacing:.16em}.login-box .lead{margin-bottom:30px}.login-box .hint{margin:30px 0 0}
.queue-sync{border:1px solid #d6e1d3;background:#f1f6ef;padding:18px 20px;border-radius:8px;margin-bottom:24px;color:#36543c}.queue-sync.stale{border-color:#e6c69c;background:#fff6e9;color:#74481b}.queue-sync strong,.queue-sync span{display:block}.queue-sync span,.queue-sync p{font-size:12px;line-height:1.55}.queue-sync span{margin-top:4px}.queue-sync p{margin:8px 0 0}.queue-item{display:flex;gap:25px;padding:22px;border-bottom:1px solid #eee7e1;align-items:flex-start}.queue-item:last-child{border:0}.queue-item .item-main{flex:1}.queue-item .item-main p.queue-caption{white-space:pre-wrap;max-width:none;color:#4d403a;line-height:1.6;margin:12px 0}.queue-meta{color:#806e63;font-size:12px;line-height:1.6}.queue-item details{margin-top:10px}.queue-item summary{cursor:pointer;font-size:12px;color:#713f30}.badges .uncertain{background:#fff1df;color:#78450f}@media(max-width:700px){.queue-item{display:block}.queue-item .item-date{margin-bottom:12px}.queue-item .item-actions{margin-top:12px}}
@media(max-width:700px){nav{overflow-x:auto}nav button{min-width:130px}}
.youtube-state,.youtube-note{background:#fff;border:1px solid #e9dfd6;border-radius:8px;padding:28px;max-width:850px}.youtube-state h2{margin:12px 0}.youtube-state p,.youtube-note p{color:#806e63;line-height:1.65;margin:0 0 18px;max-width:65ch}.youtube-label{font-size:10px;letter-spacing:.12em;font-weight:700;color:#875d4d}.youtube-label.connected{color:#466046}.youtube-state .youtube-error{color:#a23e35}.youtube-actions{display:flex;gap:10px;flex-wrap:wrap}.youtube-note{margin-top:16px;background:#f5f0ea}.youtube-note p{margin:8px 0}.youtube-note a{font-size:13px}@media(max-width:700px){.youtube-state,.youtube-note{padding:22px}.youtube-actions button{flex:1}}