:root{color:#253044;background:#f6f0e6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{border:0;border-radius:999px;background:#253b5b;color:#fff;cursor:pointer;font-weight:700;padding:.75rem 1rem}button:disabled{cursor:not-allowed;opacity:.55}input{width:100%;border:1px solid #d7c8b2;border-radius:.8rem;background:#fffcf6;color:#253044;padding:.8rem .95rem}label{color:#5f5141;display:grid;font-size:.9rem;font-weight:700;gap:.4rem}.app-shell{margin:0 auto;max-width:1100px;padding:1rem}.hero,.panel,.item-card{border:1px solid rgba(37,59,91,.12);box-shadow:0 20px 60px #253b5b14}.hero{align-items:flex-start;background:linear-gradient(135deg,#253b5b,#44638d);border-radius:2rem;color:#fff;display:flex;gap:1.5rem;justify-content:space-between;padding:1.5rem}.eyebrow{color:#f3c8a4;font-size:.8rem;font-weight:800;letter-spacing:.12em;margin:0 0 .5rem;text-transform:uppercase}h1,h2,p{margin-top:0}h1{font-size:clamp(2rem,6vw,4rem);line-height:.95;margin-bottom:1rem}h2{color:#253b5b;margin-bottom:1rem}.hero-copy{color:#f6f0e6;line-height:1.55;margin-bottom:0;max-width:44rem}.hero-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.6rem;justify-content:flex-end}.hero-actions button{background:#f6f0e6;color:#253b5b}.pill{border-radius:999px;color:#fff;font-size:.85rem;font-weight:800;padding:.65rem .9rem}.online{background:#237a57}.offline{background:#9a4f28}.panel{background:#fffcf6e6;border-radius:1.5rem;margin-top:1rem;padding:1rem}.settings-grid,.add-panel,.add-panel form{display:grid;gap:.8rem}.settings-grid,.add-panel{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.add-panel button,.settings-grid button{align-self:end}.status{color:#5f5141;font-weight:700;margin:1rem 0}.items{display:grid;gap:.9rem}.item-card{align-items:stretch;background:#fffcf6;border-radius:1.25rem;display:grid;gap:.8rem;grid-template-columns:1fr auto;overflow:hidden;padding:.25rem}.item-card.unread{border-left:.35rem solid #f38b5b}.item-card.read{opacity:.78}.item-main{align-items:flex-start;background:transparent;border-radius:1rem;color:#253044;display:grid;gap:.35rem;padding:1rem;text-align:left}.item-main:hover{background:#f7ead8}.item-main strong{color:#253b5b;font-size:1.1rem}.item-main span:last-child{color:#5f5141;font-weight:500;line-height:1.45}.item-kicker{color:#9a6f46;font-size:.8rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.item-actions{align-content:center;display:grid;gap:.5rem;padding:.75rem}.archive-button{background:#8b3d31}.reader{min-height:75vh}.reader-toolbar{align-items:center;display:grid;gap:.8rem;grid-template-columns:auto 1fr auto;margin-bottom:1rem}.reader-title{display:grid;gap:.2rem}.reader-title span{color:#6e5c49;font-size:.9rem}.reader-nav{display:flex;gap:.5rem}.pdf-frame,.empty-reader{background:#fff;border:1px solid #d7c8b2;border-radius:1rem;height:min(78vh,900px);width:100%}.empty-reader{align-items:center;color:#6e5c49;display:flex;font-weight:700;justify-content:center}.empty-list{text-align:center}@media(max-width:720px){.hero,.item-card,.reader-toolbar{grid-template-columns:1fr}.hero{display:grid}.hero-actions,.reader-nav{justify-content:flex-start}.item-actions{grid-template-columns:1fr 1fr}}