:root{color:#20201d;background:#f8f7f3;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,select{font:inherit;cursor:pointer}input{font:inherit}.login{width:min(440px,100% - 40px);margin:18vh auto}.login h1{margin:10px 0 20px}.login p{color:#77736d;line-height:1.6}.login form,.new-tracking{gap:10px;margin-top:28px;display:grid}.login input,.new-tracking input{background:#fffefa;border:1px solid #d6d2c9;border-radius:7px;padding:12px}.login .error{text-align:left;padding:8px 0}.feed,.detail{width:min(880px,100% - 40px);margin:64px auto}header{border-bottom:1px solid #ddd9d0;justify-content:space-between;align-items:end;padding-bottom:30px;display:flex}small{color:#9a5938;letter-spacing:.14em;font-weight:800}h1{letter-spacing:-.065em;margin:6px 0 0;font-size:clamp(2.5rem,8vw,4.8rem);line-height:.95}.primary{color:#fff;background:#20201d;border:0;border-radius:7px;padding:10px 14px;text-decoration:none}.filters{gap:10px;padding:22px 0;display:flex}.filters select,.filters button,.detail-actions button{background:#fffefa;border:1px solid #d6d2c9;border-radius:6px;padding:8px 10px}.filters .active{background:#efe3d5}.article{border-top:1px solid #ddd9d0;padding:24px 0}.article.read .title{color:#696762}.meta{color:#817e78;gap:10px;margin-bottom:9px;font-size:.8rem;display:flex}.meta b{color:#9a5938}.title{color:#20201d;font-size:1.32rem;font-weight:700;line-height:1.22;text-decoration:none}.title:hover{text-decoration:underline}.article>p{color:#66635d;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:10px 0 14px;line-height:1.6;display:-webkit-box;overflow:hidden}.speed-note{color:#4f4d48;margin:12px 0 15px;line-height:1.55}.speed-note strong{color:#2c2a27;display:block}.speed-note ul{margin:8px 0 0;padding-left:1.2em;font-size:.92rem}footer{justify-content:space-between;gap:16px;display:flex}.tags{flex-wrap:wrap;gap:5px;display:flex}.tags span{color:#625e56;background:#ece9e2;border-radius:12px;padding:3px 8px;font-size:.72rem}.actions{gap:8px;display:flex}.actions button,.back{color:#77736d;background:0 0;border:0}.actions .active{color:#9a5938}.empty,.error{text-align:center;color:#77736d;padding:60px 0}.error{color:#a33a2e;padding-bottom:0}.detail{max-width:720px}.back{margin-bottom:52px;display:block}.detail h1{margin:14px 0 25px;font-size:clamp(2.3rem,7vw,4.5rem)}.summary{color:#4f4d48;white-space:pre-line;margin:36px 0;font-size:1.16rem;line-height:1.8}.summary-note{color:#4f4d48;background:#f0ece5;border-radius:10px;margin:32px 0;padding:22px 24px;line-height:1.65}.summary-note>strong{color:#25231f;font-size:1.16rem}.summary-note h2{color:#9a5938;letter-spacing:.08em;text-transform:uppercase;margin:20px 0 6px;font-size:.78rem}.summary-note p,.summary-note ul{margin:6px 0;padding-left:1.2em}.extracted{border-top:1px solid #ddd9d0;margin:34px 0;padding-top:24px}.article-body{max-width:68ch}.article-body p{color:#363430;margin:0 0 1.45em;font-family:ui-serif,Georgia,serif;font-size:1.08rem;line-height:1.85}.detail-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}@media (width<=560px){.feed,.detail{width:calc(100% - 28px);margin:32px auto}header{align-items:start;gap:16px}footer{flex-direction:column;align-items:start}}