:root{--bg:#0a0a0d;--fg:#f4f4f5;--muted:#a1a1aa;--icon:#71717a;--icon-hover:#f4f4f5;--ok:#4ade80;--bad:#f87171;--lightness:70%}@media (prefers-color-scheme:light){:root{--bg:#fafaf9;--fg:#18181b;--muted:#52525b;--icon:#a1a1aa;--icon-hover:#18181b;--ok:#15803d;--bad:#b91c1c;--lightness:38%}}:root{--line:color-mix(in srgb, var(--fg) 14%, transparent);--card:color-mix(in srgb, var(--fg) 4%, var(--bg));--gutter:clamp(20px, 6vw, 40px)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html,body{margin:0}body{background:var(--bg);color:var(--fg);--inset:max(var(--gutter), calc((100% - 720px) / 2));min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.5;transition:background-color .2s,color .2s}a{color:inherit}code{background:var(--line);border-radius:4px;padding:1px 5px;font-size:.9em}.site-header{padding:clamp(20px, 4vh, 32px) var(--inset) 0;justify-content:space-between;align-items:center;gap:16px;display:flex}.wordmark{letter-spacing:.02em;color:var(--fg);font-family:Georgia,Times New Roman,serif;font-size:clamp(1.4rem,2vw + 1rem,2rem);text-decoration:none}.actions{align-items:center;gap:18px;display:flex}.iconlink{color:var(--icon);cursor:pointer;background:0 0;border:0;margin:-4px;padding:4px;text-decoration:none;transition:color .15s;display:inline-flex}.iconlink:hover,.iconlink:focus-visible,.iconlink.on{color:var(--icon-hover)}.iconlink svg{width:22px;height:22px}.tabs-wrap{padding:18px var(--inset) 0}.tabs{scrollbar-width:none;border-bottom:1px solid var(--line);gap:22px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{color:var(--muted);white-space:nowrap;border-bottom:1px solid #0000;margin-bottom:-1px;padding:8px 0 10px;text-decoration:none;transition:color .15s,border-color .15s}.tab:hover,.tab:focus-visible,.tab.active{color:var(--fg)}.tab.active{border-bottom-color:var(--fg)}.page{padding:18px var(--inset) 80px}.subnav{gap:20px;margin:0 0 18px;font-size:.92rem;display:flex}.subnav a{color:var(--muted);text-decoration:none;transition:color .15s}.subnav a:hover,.subnav a.active{color:var(--fg)}.subnav a.active{text-underline-offset:6px;text-decoration:underline}.meta-line{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:0 0 10px;font-size:.85rem;display:flex}.notice{background:var(--card);border:1px solid var(--line);border-radius:8px;margin:0 0 10px;padding:8px 12px;font-size:.88rem}.empty{color:var(--muted);text-align:center;padding:28px 0}.listbar{color:var(--muted);justify-content:space-between;align-items:center;padding:4px 0 8px;font-size:.82rem;display:flex}.listbar label{cursor:pointer}.btn{font:inherit;border:1px solid var(--line);color:var(--fg);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;text-decoration:none;transition:border-color .15s,background-color .15s;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--muted)}.btn:disabled,.btn.disabled{opacity:.45;cursor:default}.btn.primary{background:var(--fg);border-color:var(--fg);color:var(--bg);font-weight:600}.btn svg{width:14px;height:14px}.refresh{align-items:center;gap:10px;display:inline-flex}.hint{color:var(--muted);font-size:.82rem}.hint.ok{color:var(--ok)}.hint.err,.error{color:var(--bad)}.story{border-top:1px solid var(--line);grid-template-columns:1fr 40px;gap:8px;padding:16px 0;display:grid}.story.read .story-main{opacity:.45}.label-row{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.label{letter-spacing:.06em;color:hsl(var(--h) 55% var(--lightness));font-size:.72rem;font-weight:600}.dots{letter-spacing:2px;color:var(--muted);font-size:.6rem}.headline{margin:2px 0 4px;font-size:1.15rem;font-weight:650;line-height:1.3;text-decoration:none;display:block}.headline:hover{text-decoration:underline}.summary{color:var(--muted);margin:2px 0 6px;font-size:.92rem}.sources{color:var(--muted);flex-wrap:wrap;gap:4px 12px;font-size:.78rem;display:flex}.sources a{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:4px;max-width:200px;text-decoration:none;transition:color .15s;display:inline-flex;overflow:hidden}.sources a:hover{color:var(--fg);text-decoration:underline}.sources .count{font-weight:600}.sources .play{flex:none;width:9px;height:9px}.sources .times{opacity:.8}.check{border:1px solid var(--line);width:30px;height:30px;color:var(--icon);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;place-self:center end;align-items:center;transition:color .15s,border-color .15s;display:inline-flex}.check svg{width:15px;height:15px}.check:hover{color:var(--icon-hover);border-color:var(--muted)}.check.on{background:var(--fg);border-color:var(--fg);color:var(--bg)}.live{border:1px solid var(--line);background:var(--card);border-radius:12px;margin:0 0 12px;padding:4px 14px 8px}.live summary{cursor:pointer;align-items:center;gap:8px;padding:8px 0;font-size:.9rem;font-weight:650;list-style:none;display:flex}.live summary::-webkit-details-marker{display:none}.pulse{background:var(--bad);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse;display:inline-block}@keyframes pulse{50%{opacity:.35}}.row{border-top:1px solid var(--line);align-items:flex-start;gap:12px;padding:10px 0;display:flex}.row.read{opacity:.45}.row a{font-weight:550;line-height:1.3;text-decoration:none;display:block}.row a:hover{text-decoration:underline}.row-body{flex:1;min-width:0}.meta{color:var(--muted);margin-top:2px;font-size:.78rem}.thumb{aspect-ratio:16/9;object-fit:cover;background:var(--line);border-radius:6px;flex:none;width:112px}.day{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:18px 0 2px;font-size:.78rem}.login{flex-direction:column;gap:12px;max-width:320px;margin:0 auto;padding:0 20px;display:flex}.login-wrap{padding-top:16vh}.login h1{letter-spacing:.02em;margin:0 0 8px;font-family:Georgia,Times New Roman,serif;font-size:2rem;font-weight:400}input,select,textarea{font:inherit;color:var(--fg);background:var(--card);border:1px solid var(--line);border-radius:8px;min-width:0;padding:7px 10px;font-size:.9rem;transition:border-color .15s}input[type=checkbox]{accent-color:var(--fg);width:15px;height:15px;padding:0}input:hover,select:hover,textarea:hover{border-color:var(--muted)}input:focus-visible,select:focus-visible,textarea:focus-visible,.btn:focus-visible,.iconlink:focus-visible,.tab:focus-visible{outline:2px solid var(--muted);outline-offset:1px}.settings{flex-direction:column;gap:14px;display:flex}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 16px}.card h2{margin:0 0 6px;font-size:1rem}.card p{margin:6px 0}.card .hint{margin:4px 0}.setting-row{align-items:flex-start;gap:10px;margin:10px 0 0;display:flex}.setting-row small{color:var(--muted);font-size:.8rem;display:block}.row-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.icon{border:1px solid var(--line);color:var(--icon);cursor:pointer;background:0 0;border-radius:8px;flex:none;justify-content:center;align-items:center;width:32px;height:32px;transition:color .15s,border-color .15s;display:inline-flex}.icon svg{width:16px;height:16px}.icon:hover:not(:disabled){color:var(--icon-hover);border-color:var(--muted)}.icon.danger:hover:not(:disabled){color:var(--bad);border-color:var(--bad)}.icon:disabled{opacity:.35;cursor:default}.tablist{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.tabrow{background:var(--card);border:1px solid var(--line);border-radius:12px;align-items:center;gap:8px;padding:8px 10px;display:flex}.tabrow.dragging{z-index:2;position:relative;box-shadow:0 6px 24px #00000059}.tabrow .name{background:0 0;border-color:#0000;flex:1 1 0;font-weight:600}.tabrow .name:hover,.tabrow .name:focus-visible{border-color:var(--line)}.tabrow .meta{white-space:nowrap;margin:0}.grip{touch-action:none;cursor:grab;color:var(--icon);background:0 0;border:0;padding:6px 2px;display:inline-flex}.grip svg{width:18px;height:18px}.grip:hover{color:var(--icon-hover)}.grid{grid-template-columns:repeat(2,1fr);gap:10px 12px;margin-bottom:12px;display:grid}.grid label{color:var(--muted);flex-direction:column;gap:4px;font-size:.78rem;display:flex}.grid .wide{grid-column:1/-1}.grid .check-label{flex-direction:row;align-self:end;align-items:center;gap:8px;padding-bottom:6px}textarea{resize:vertical;width:100%}.selector{align-items:center;gap:8px;margin-bottom:14px;display:flex}.selector select{flex:auto;font-weight:600}.feeds{border-top:1px solid var(--line);flex-direction:column;gap:8px;padding-top:10px;display:flex}.feed,.addfeed{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.feed .ftitle{flex:140px}.feed .furl{flex:2 200px}.feed select{max-width:130px}.feed .open-in{color:var(--muted,inherit);white-space:nowrap;align-items:center;gap:6px;font-size:.8125rem;display:inline-flex}.feed .open-in select{max-width:96px}.addfeed input{flex:160px}.full{flex-basis:100%}.live-toggle{color:var(--muted);align-items:center;gap:4px;font-size:.8rem;display:flex}.dot{background:var(--line);border-radius:50%;flex:none;width:9px;height:9px}.dot.ok{background:var(--ok)}.dot.bad{background:var(--bad)}.group{border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:8px;padding:8px;display:flex}.group-head{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;font-size:.8rem;display:flex}.group-head input{flex:160px;font-weight:600}.linkbar{background:var(--card);border:1px solid var(--muted);border-radius:10px;flex-wrap:wrap;align-items:center;gap:6px;padding:8px;display:flex}.linkbar input{flex:180px}.suggest{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:.82rem;display:flex}.savebar{background:var(--bg);border-top:1px solid var(--line);justify-content:flex-end;align-items:center;gap:8px;margin-top:14px;padding:12px 0;display:flex;position:sticky;bottom:0}.savebar .hint{margin-right:auto}dialog.dlg{border:1px solid var(--line);background:var(--bg);color:var(--fg);border-radius:14px;width:min(560px,100vw - 24px);max-height:min(80vh,720px);padding:0}dialog.dlg::backdrop{background:#0009}dialog.dlg[open]{flex-direction:column;display:flex}.dlg-head{padding:16px 18px 8px}.dlg-head h2{margin:0 0 4px;font-size:1.05rem}.dlg-body{flex:auto;padding:4px 18px 8px;overflow-y:auto}.dlg-foot{border-top:1px solid var(--line);justify-content:flex-end;align-items:center;gap:8px;padding:12px 18px;display:flex}.dlg-foot .hint{margin-right:auto}.pick-folder{align-items:center;gap:8px;margin:10px 0 2px;font-weight:650;display:flex}.pick-feed{align-items:flex-start;gap:8px;padding:4px 0 4px 22px;font-size:.88rem;display:flex}.pick-feed.off{opacity:.45}.pick-feed .t{flex:1;min-width:0}.pick-feed .t span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.pick-feed .u{color:var(--muted);font-size:.75rem}.tag{border:1px solid var(--line);color:var(--muted);white-space:nowrap;border-radius:999px;padding:0 7px;font-size:.7rem}.tag.warn{color:var(--bad);border-color:var(--bad)}.quick{gap:12px;margin:6px 0;font-size:.82rem;display:flex}.quick button{color:var(--muted);cursor:pointer;font:inherit;text-underline-offset:3px;background:0 0;border:0;padding:0;text-decoration:underline}.quick button:hover{color:var(--fg)}@media (max-width:520px){.grid{grid-template-columns:1fr}.thumb{width:96px}.feed select{flex:100px;max-width:none}}button.link{font:inherit;color:var(--muted);cursor:pointer;font-size:inherit;background:0 0;border:0;padding:0;transition:color .15s}button.link:hover{color:var(--fg);text-decoration:underline}.linkbar svg,.group-head svg,.btn svg{flex:none;width:16px;height:16px}.spacer{flex:1}.live summary .link{font-size:.82rem;font-weight:400}.live-block{margin:0 0 6px}.live-block .day{margin-top:10px}.more{margin:6px 0 10px;font-size:.85rem;display:block}.row a svg.play,.reader-title a svg.play{vertical-align:baseline;width:11px;height:11px;margin-right:6px;display:inline}dialog.reader{width:min(780px,100vw - 16px);height:min(92dvh,920px);max-height:none}dialog.reader[open]{flex-direction:column;display:flex}.reader-bar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.reader-source{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;overflow:hidden}.reader-body{overscroll-behavior:contain;flex:auto;padding:18px clamp(16px,4vw,36px) 36px;overflow-y:auto}.reader-title{margin:0 0 12px;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.3rem,2vw + 1rem,1.85rem);font-weight:400;line-height:1.25}.reader-title a{text-decoration:none}.reader-title a:hover{text-underline-offset:4px;text-decoration:underline}.reader-list{flex-direction:column;gap:2px;margin:0 0 14px;padding:0;list-style:none;display:flex}.reader-list button{font:inherit;border:0;border-left:2px solid var(--line);color:var(--muted);text-align:left;cursor:pointer;background:0 0;padding:3px 0 3px 10px;font-size:.88rem;transition:color .15s}.reader-list button:hover,.reader-list button.on{color:var(--fg)}.reader-list button.on{border-left-color:var(--fg)}.reader-content{overflow-wrap:anywhere;font-size:1.05rem;line-height:1.7}.reader-content img{border-radius:6px;max-width:100%;height:auto}.reader-content figure{margin:1.2em 0}.reader-content figcaption{color:var(--muted);font-size:.85rem}.reader-content a{text-underline-offset:3px;text-decoration:underline}.reader-content blockquote{border-left:2px solid var(--line);color:var(--muted);margin:1.2em 0;padding:0 0 0 14px}.reader-content pre{background:var(--card);border-radius:8px;padding:10px 12px;font-size:.9rem;overflow-x:auto}.reader-content table{border-collapse:collapse;display:block;overflow-x:auto}.reader-content td,.reader-content th{border:1px solid var(--line);padding:4px 8px}.reader-content iframe,.reader-video iframe{aspect-ratio:16/9;border:0;border-radius:8px;width:100%}.reader-video iframe{height:100%}.reader-video{aspect-ratio:16/9;max-width:100%}.tweet-frame{border:0;border-radius:8px;width:100%;min-height:320px}.tweet-load{margin-top:8px}.edition-row{align-items:center;gap:8px;margin:8px 0 0;display:flex}.edition-row input:first-child{flex:auto}.edition-row input[type=time]{flex:none}.tz-row{flex-wrap:wrap;align-items:flex-end}.tz-row label{color:var(--muted);flex-direction:column;gap:4px;font-size:.78rem;display:flex}.live-all{cursor:pointer;align-items:center;gap:8px;margin:2px 0 6px;font-size:.85rem;display:inline-flex}
