:root{color-scheme:light;--navy:#101827;--paper:#f7f6f2;--mint:#66e8c7;--teal:#087f78}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--navy);font:16px/1.6 Arial,sans-serif}header{background:var(--navy);color:var(--paper);padding:26px max(24px,calc((100% - 1160px)/2)) 34px}.top{display:flex;justify-content:space-between;align-items:center;gap:20px}.top>span{font-size:12px;letter-spacing:1.4px;color:#b5cbc8}.brand{font-size:30px;font-weight:800;letter-spacing:-1px;color:inherit;text-decoration:none}.brand span{color:var(--mint)}h1{font-size:clamp(34px,4vw,50px);line-height:1.08;letter-spacing:-1.6px;margin:26px 0 14px}header p{color:#bdcfce;max-width:580px;margin:0}main{display:grid;grid-template-columns:320px minmax(0,1fr);max-width:1208px;padding:30px 24px;gap:40px;margin:auto}h2{font-size:22px;letter-spacing:-.5px;margin:0 0 18px}label{display:block;font-size:14px;font-weight:600}input,textarea,button{font:inherit}input:not([type=checkbox]),textarea{width:100%;margin:7px 0 17px;background:white;color:var(--navy);border:1px solid #b7c9c1;border-radius:8px;padding:11px;min-width:0;font-size:16px}textarea{resize:vertical}button,.import-label{border:1px solid #b8cbc1;border-radius:8px;background:transparent;color:#244f43;min-height:44px;padding:9px 13px;cursor:pointer;font-size:14px;font-weight:600}.primary{background:var(--mint);color:var(--navy);border:0;width:100%}button:hover,.import-label:hover{background:#dcebe3}button:disabled{opacity:.5;cursor:default}.primary:hover{background:#9af1d8}:focus-visible{outline:3px solid var(--teal);outline-offset:3px}#message{font-size:14px;line-height:1.6;color:#496158;min-height:45px}.entry details{border-top:1px solid #c7d4ca;padding-top:16px;margin-top:18px;font-size:14px}.entry summary{cursor:pointer;font-weight:600;color:var(--teal)}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px}.toolbar h2{margin-bottom:3px}.toolbar p{margin:0;color:#596d62;font-size:14px}.unread{display:flex;gap:7px;align-items:center;font-weight:400;min-height:44px}.actions{display:flex;flex-wrap:wrap;gap:8px;margin:17px 0 12px}.import-label{display:inline-flex;align-items:center}#import{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;padding:0;margin:0}#import:focus-visible+.storage-note{outline:2px solid var(--teal)}.storage-note{font-size:13px;color:#5c7166;margin-bottom:25px}.shelf{margin-bottom:25px}.shelf h3{font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:var(--teal);border-bottom:1px solid #bdcfc3;padding-bottom:10px;margin:0 0 0}.item{padding:17px 0;border-bottom:1px solid #d6dfd5}.item-top{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.item a{font-size:19px;font-weight:600;color:#101827;text-decoration:none;line-height:1.35;overflow-wrap:anywhere}.item a:hover{color:var(--teal);text-decoration:underline}.item p{font-size:14px;margin:7px 0;color:#52695d;overflow-wrap:anywhere}.item .host{font:12px/1.5 monospace;color:#52695d}.item .reason{font-size:12px;color:#617567}.item .controls{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-top:10px;flex-wrap:wrap}.item .controls label{font-size:12px;font-weight:400}.item select{font:14px Arial,sans-serif;padding:8px;border:1px solid #b7c9c1;border-radius:5px;background:#fff;color:#254e40;max-width:100%;min-height:40px}.read-tag{font-size:12px;color:#396b53;white-space:nowrap}.empty{padding:28px 20px;background:#e9efe6;border-radius:10px;color:#4b6656;font-family:Georgia,serif;font-size:21px}footer{max-width:1160px;border-top:1px solid #c7d5c9;margin:15px auto 0;padding:22px 24px;color:#61766a;font-size:12px}@media(max-width:760px){main{grid-template-columns:1fr;gap:28px}.top>span{max-width:150px;text-align:right;font-size:10px}.entry{border-bottom:1px solid #bccfc1;padding-bottom:25px}.toolbar{flex-wrap:wrap}.item a{font-size:18px}h1{font-size:38px}main{padding:25px 20px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}