*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--brand: light-dark(#ff6600, #ff7318);--brand-hover: light-dark(#e55c00, #ff8c38);--brand-dim: light-dark(rgba(255,102,0,.1), rgba(255,115,24,.14));--brand-header: light-dark(#ff6600, #e55c00);--bg: light-dark(#f5f5ee, #0e0e0d);--surface: light-dark(#ffffff, #1a1a18);--surface-subtle: light-dark(#f9f9f3, #141412);--surface-hover: light-dark(#f4f3ec, #201f1e);--surface-active: light-dark(#eeeee6, #2a2926);--border: light-dark(rgba(0,0,0,.08), rgba(255,255,255,.08));--border-strong: light-dark(rgba(0,0,0,.14), rgba(255,255,255,.13));--text: light-dark(#1c1c1a, #e8e8e0);--text-muted: light-dark(#5c5c54, #888880);--text-faint: light-dark(#a0a096, #525250);--text-link: light-dark(#ff6600, #ff8040);--role-take: light-dark(#1d4ed8, #6b9ef7);--role-counter: light-dark(#b91c1c, #f08080);--role-expert: light-dark(#15803d, #5cbf7a);--role-tangent: light-dark(#a16207, #c9a44a);--tag-time-bg: light-dark(rgba(21,128,61,.09), rgba(92,191,122,.12));--tag-time-text: light-dark(#15803d, #5cbf7a);--tag-comments-bg: light-dark(rgba(29,78,216,.08), rgba(107,158,247,.12));--tag-comments-text: light-dark(#1d4ed8, #6b9ef7);--tag-score-bg: light-dark(rgba(0,0,0,.05), rgba(255,255,255,.06));--tag-score-text: light-dark(#5c5c54, #888880);--support-text: light-dark(#be185d, #ff8fc0);--support-bg: light-dark(rgba(225,29,111,.08), rgba(255,127,179,.14));--support-border: light-dark(rgba(225,29,111,.18), rgba(255,127,179,.26));--shadow-xs: 0 1px 2px rgba(0,0,0,.05);--shadow-sm: 0 1px 3px rgba(0,0,0,.07), 0 1px 2px rgba(0,0,0,.04);--shadow: 0 2px 8px rgba(0,0,0,.08), 0 1px 3px rgba(0,0,0,.04);--shadow-md: 0 4px 16px rgba(0,0,0,.1), 0 2px 5px rgba(0,0,0,.05);--shadow-hover: 0 8px 24px rgba(0,0,0,.11), 0 3px 8px rgba(0,0,0,.05);--r-xs: 4px;--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-full: 9999px;--t-fast: .12s ease;--t-base: .18s ease;--t-slow: .28s cubic-bezier(.4, 0, .2, 1);color-scheme:light dark;interpolate-size:allow-keywords;scrollbar-color:light-dark(rgba(0,0,0,.18),rgba(255,255,255,.14)) transparent;scrollbar-width:thin}html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,Roboto,Helvetica Neue,Arial,sans-serif;font-size:15px;color:var(--text);background:var(--bg);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-block-size:100dvh}a{color:var(--text-link);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:var(--r-xs)}.app{min-block-size:100dvh;display:flex;flex-direction:column}.header{background:var(--brand-header);color:#fff;padding-inline:1rem;position:sticky;inset-block-start:0;z-index:100;box-shadow:0 1px #00000026,0 2px 12px #ff660040}.header-inner{max-inline-size:880px;margin-inline:auto;block-size:54px;display:flex;align-items:center;gap:.6rem}.header-logo{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:inherit;flex-shrink:0}.header-logo-box{inline-size:24px;block-size:24px;background:#fff;border-radius:var(--r-xs);display:grid;place-items:center;flex-shrink:0}.header-logo-box-inner{font-size:12px;font-weight:900;color:var(--brand-header);letter-spacing:-.05em;line-height:1;-webkit-user-select:none;user-select:none}.header-brand{font-size:.975rem;font-weight:700;color:#fff;letter-spacing:-.025em}.header-sep{color:#fff6;font-size:.85rem;margin-inline:.1rem}.header-tagline{font-size:.78rem;color:#ffffffb8;font-style:italic;letter-spacing:.005em}.header-spacer{flex:1}.header-saved{font-size:.72rem;font-weight:500;background:#0000002e;color:#ffffffeb;padding:4px 10px;border-radius:var(--r-full);white-space:nowrap;letter-spacing:.01em}.header-saved strong{font-weight:700;color:#fff}.theme-btn{inline-size:32px;block-size:32px;border:none;background:#0000002e;color:#ffffffe6;border-radius:var(--r-full);cursor:pointer;display:grid;place-items:center;flex-shrink:0;transition:background var(--t-fast),transform var(--t-fast)}.theme-btn:hover{background:#00000047;transform:scale(1.06)}.theme-btn:focus-visible{outline:2px solid white;outline-offset:2px}.feed{max-inline-size:880px;margin-inline:auto;padding:1rem .875rem;display:flex;flex-direction:column;gap:.45rem;flex:1;inline-size:100%}.load-next-btn{font-family:inherit;cursor:pointer;align-self:center;display:inline-flex;align-items:center;gap:7px;margin-block-start:.4rem;padding:9px 18px;font-size:.82rem;font-weight:600;color:var(--text-muted);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-full);transition:color var(--t-fast),background-color var(--t-fast),border-color var(--t-fast),box-shadow var(--t-fast),transform var(--t-fast)}.load-next-btn:hover:not(:disabled){color:var(--brand);background:var(--brand-dim);border-color:light-dark(rgba(255,102,0,.3),rgba(255,115,24,.38));box-shadow:var(--shadow-sm);transform:translateY(-1px)}.load-next-btn:active:not(:disabled){transform:translateY(0)}.load-next-btn:disabled{cursor:default;opacity:.7}.load-next-icon{display:inline-flex;transition:transform var(--t-base)}.load-next-btn:hover:not(:disabled) .load-next-icon{transform:translateY(2px)}.state-container{max-inline-size:880px;margin-inline:auto;margin-block:5rem auto;padding:2rem;text-align:center;color:var(--text-muted);flex:1}.state-icon{font-size:2rem;margin-block-end:.75rem;line-height:1}.state-title{font-size:.95rem;font-weight:600;color:var(--text-muted);margin-block-end:.35rem}.state-sub{font-size:.8rem;color:var(--text-faint);max-inline-size:36ch;margin-inline:auto;line-height:1.5}.spinner{display:inline-block;inline-size:26px;block-size:26px;border:2.5px solid var(--border);border-block-start-color:var(--brand);border-radius:50%;animation:spin .75s linear infinite;margin-block-end:1rem}@keyframes spin{to{transform:rotate(360deg)}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-sm);overflow:hidden;transition:box-shadow var(--t-base),border-color var(--t-base)}.card:hover{box-shadow:var(--shadow);border-color:var(--border-strong)}.card:has(.card-collapse.open){box-shadow:var(--shadow-md);border-color:var(--border-strong)}.card-header{padding:.8rem 1rem;cursor:pointer;display:grid;grid-template-columns:2rem 1fr 1.625rem;gap:0 .6rem;align-items:start;-webkit-user-select:none;user-select:none;transition:background-color var(--t-fast);min-block-size:48px}.card-header:hover{background:var(--surface-hover)}.card-header:active{background:var(--surface-active)}.card-rank{font-size:.72rem;font-weight:600;color:var(--text-faint);padding-block-start:3px;text-align:end;font-variant-numeric:tabular-nums;letter-spacing:.02em}.card-main{display:flex;flex-direction:column;gap:.3rem}.card-title-row{display:flex;align-items:baseline;gap:.45rem;flex-wrap:wrap}.card-title{font-size:.9rem;font-weight:600;line-height:1.35;color:var(--text);letter-spacing:-.005em;text-wrap:pretty}.card-domain{font-size:.7rem;color:var(--text-faint);white-space:nowrap;flex-shrink:0;font-weight:400}.card-tldr{font-size:.83rem;color:var(--text-muted);line-height:1.5;text-wrap:pretty}.card-tldr-empty{font-size:.78rem;color:var(--text-faint);font-style:italic}.card-tags{display:flex;flex-wrap:wrap;gap:.28rem;align-items:center;padding-block-start:.05rem}.tag{display:inline-flex;align-items:center;gap:3px;font-size:.68rem;font-weight:500;background:var(--tag-score-bg);color:var(--tag-score-text);padding:2px 7px;border-radius:var(--r-full);white-space:nowrap;letter-spacing:.01em}.tag-time{background:var(--tag-time-bg);color:var(--tag-time-text)}.tag-comments{background:var(--tag-comments-bg);color:var(--tag-comments-text)}.tag-comments-btn{font-family:inherit;border:none;cursor:pointer;transition:background-color var(--t-fast),color var(--t-fast),box-shadow var(--t-fast)}.tag-comments-btn:hover,.tag-comments-btn:focus-visible{background:light-dark(rgba(29,78,216,.16),rgba(107,158,247,.22));box-shadow:0 0 0 1px light-dark(rgba(29,78,216,.25),rgba(107,158,247,.32)) inset}.card-quick-actions{display:inline-flex;align-items:center;gap:.28rem;margin-inline-start:.1rem}.quick-action-btn{display:inline-flex;align-items:center;justify-content:center;inline-size:20px;block-size:20px;border-radius:var(--r-full);color:var(--text-faint);background:var(--surface-subtle);border:1px solid var(--border);transition:color var(--t-fast),background-color var(--t-fast),border-color var(--t-fast),transform var(--t-fast)}.quick-action-btn:hover{color:var(--brand);background:var(--brand-dim);border-color:light-dark(rgba(255,102,0,.3),rgba(255,115,24,.38));transform:translateY(-1px) scale(1.08)}.card-chevron{inline-size:1.625rem;block-size:1.625rem;display:grid;place-items:center;color:var(--text-faint);flex-shrink:0;margin-block-start:1px;border-radius:var(--r-sm);transition:color var(--t-fast),background-color var(--t-fast)}.card-header:hover .card-chevron{color:var(--text-muted)}.card-chevron:before{content:"";display:block;inline-size:7px;block-size:7px;border-inline-end:1.75px solid currentColor;border-block-end:1.75px solid currentColor;transform:rotate(45deg) translate(-1px,-2px);transition:transform var(--t-slow)}.card-chevron.open:before{transform:rotate(-135deg) translate(-1px,-2px)}.card-collapse{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--t-slow)}.card-collapse.open{grid-template-rows:1fr}.card-body{min-block-size:0;overflow:hidden;border-block-start:1px solid transparent;transition:border-color var(--t-slow)}.card-collapse.open>.card-body{border-block-start-color:var(--border)}.card-body-inner{padding:1rem}.card-loading{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:2rem;color:var(--text-muted);font-size:.82rem}.spinner-sm{display:inline-block;inline-size:14px;block-size:14px;border:2px solid var(--border);border-block-start-color:var(--brand);border-radius:50%;animation:spin .75s linear infinite;flex-shrink:0}.card-error{font-size:.82rem;color:light-dark(#c00,#f08080);padding:1.25rem 1rem;display:flex;align-items:center;gap:.4rem}.panels{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-block-end:.85rem}@media(max-width:600px){.panels{grid-template-columns:1fr}}.panel{background:var(--surface-subtle);border:1px solid var(--border);border-radius:var(--r-sm);padding:.875rem 1rem;display:flex;flex-direction:column;gap:.5rem}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.panel-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint)}.panel-unavailable{font-size:.82rem;color:var(--text-faint);font-style:italic;line-height:1.5}.panel-text{font-size:.865rem;color:var(--text);line-height:1.6}.ai-badge{display:inline-flex;align-items:center;gap:3px;font-size:.63rem;font-weight:500;color:var(--text-faint);background:var(--border);padding:2px 6px;border-radius:var(--r-full);letter-spacing:.01em;white-space:nowrap}.roles{display:flex;flex-direction:column;gap:.7rem}.role-item{padding-inline-start:.75rem;border-inline-start:2px solid var(--border-strong)}.role-item.role-top_take{border-inline-start-color:var(--role-take)}.role-item.role-counter{border-inline-start-color:var(--role-counter)}.role-item.role-expert{border-inline-start-color:var(--role-expert)}.role-item.role-tangent{border-inline-start-color:var(--role-tangent)}.role-badge{display:inline-flex;align-items:center;gap:4px;font-size:.63rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;margin-block-end:.2rem}.role-item.role-top_take .role-badge{color:var(--role-take)}.role-item.role-counter .role-badge{color:var(--role-counter)}.role-item.role-expert .role-badge{color:var(--role-expert)}.role-item.role-tangent .role-badge{color:var(--role-tangent)}.role-label-quote{font-size:.78rem;font-style:italic;color:var(--text-muted);margin-block-end:.2rem;line-height:1.4}.role-label-quote:before{content:'"'}.role-label-quote:after{content:'"'}.role-summary{font-size:.84rem;color:var(--text);line-height:1.55}.card-links{display:flex;gap:.5rem;flex-wrap:wrap;padding-block-start:.75rem;border-block-start:1px solid var(--border)}.card-link{display:inline-flex;align-items:center;gap:6px;font-size:.76rem;font-weight:600;padding:6px 11px;border-radius:var(--r-full);border:1px solid transparent;text-decoration:none!important;transition:color var(--t-fast),background-color var(--t-fast),border-color var(--t-fast),box-shadow var(--t-fast),transform var(--t-fast)}.card-link:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.card-link:active{transform:translateY(0);box-shadow:none}.card-link-icon{display:inline-flex;inline-size:13px;block-size:13px;transition:transform var(--t-base)}.card-link-read{color:var(--brand);background:var(--brand-dim);border-color:light-dark(rgba(255,102,0,.16),rgba(255,115,24,.2))}.card-link-read:hover{background:light-dark(rgba(255,102,0,.17),rgba(255,115,24,.24));border-color:light-dark(rgba(255,102,0,.32),rgba(255,115,24,.4))}.card-link-read:hover .card-link-icon{transform:translate(2px,-2px)}.card-link-hn{color:var(--tag-comments-text);background:var(--tag-comments-bg);border-color:light-dark(rgba(29,78,216,.14),rgba(107,158,247,.18))}.card-link-hn:hover{background:light-dark(rgba(29,78,216,.17),rgba(107,158,247,.22));border-color:light-dark(rgba(29,78,216,.3),rgba(107,158,247,.38))}.card-link-hn:hover .card-link-icon{transform:scale(1.18) rotate(-8deg)}.card-refresh-btn{font-family:inherit;cursor:pointer;color:var(--tag-time-text);background:var(--tag-time-bg);border-color:light-dark(rgba(21,128,61,.14),rgba(92,191,122,.18))}.card-refresh-btn:hover:not(:disabled){background:light-dark(rgba(21,128,61,.17),rgba(92,191,122,.22));border-color:light-dark(rgba(21,128,61,.3),rgba(92,191,122,.38))}.card-refresh-btn:hover:not(:disabled) .card-link-icon:not(.spinning){transform:rotate(180deg)}.card-refresh-btn:disabled{cursor:default;opacity:.6;transform:none;box-shadow:none}.card-link-icon.spinning{animation:spin 1s linear infinite}.card-refresh-message{margin-block-start:.5rem;font-size:.8rem;color:var(--text-muted)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:light-dark(rgba(20,20,18,.4),rgba(0,0,0,.6));display:flex;align-items:center;justify-content:center;padding:1.25rem;z-index:100;animation:modal-fade-in var(--t-base)}.modal-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-hover);max-inline-size:640px;inline-size:100%;max-block-size:min(80vh,720px);display:flex;flex-direction:column;animation:modal-slide-up var(--t-base)}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:1rem 1.1rem .85rem;border-block-end:1px solid var(--border)}.modal-header-text{display:flex;flex-direction:column;gap:.3rem;min-inline-size:0}.modal-title{font-size:.92rem;font-weight:700;color:var(--text);line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.modal-close-btn{display:inline-flex;align-items:center;justify-content:center;inline-size:28px;block-size:28px;flex-shrink:0;border-radius:var(--r-full);color:var(--text-muted);background:var(--surface-subtle);border:1px solid var(--border);cursor:pointer;transition:color var(--t-fast),background-color var(--t-fast),border-color var(--t-fast)}.modal-close-btn:hover{color:var(--brand);background:var(--brand-dim);border-color:light-dark(rgba(255,102,0,.3),rgba(255,115,24,.38))}.modal-body{padding:1rem 1.1rem;overflow-y:auto;flex:1}.comment-list{display:flex;flex-direction:column;gap:.7rem;list-style:none}.comment-item{padding:.7rem .85rem;background:var(--surface-subtle);border:1px solid var(--border);border-radius:var(--r-sm)}.comment-author{font-size:.72rem;font-weight:700;color:var(--text-muted);margin-block-end:.3rem}.comment-text{font-size:.82rem;color:var(--text);line-height:1.55;white-space:pre-line}.modal-footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;padding:.85rem 1.1rem;border-block-start:1px solid var(--border)}.modal-footer-note{font-size:.75rem;color:var(--text-faint)}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.footer{text-align:center;padding:1.75rem 1rem;margin-block-start:auto}.footer-support{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.65rem;max-inline-size:560px;margin-inline:auto;margin-block-end:1.1rem}.footer-support-text{display:inline-flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--text-muted);line-height:1.5}.footer-support-icon{display:inline-flex;flex-shrink:0;color:var(--support-text)}.footer-kofi-btn{display:inline-flex;align-items:center;gap:6px;font-size:.79rem;font-weight:700;color:var(--support-text);background:var(--support-bg);border:1px solid var(--support-border);padding:6px 13px;border-radius:var(--r-full);white-space:nowrap;text-decoration:none!important;transition:background-color var(--t-fast),border-color var(--t-fast),box-shadow var(--t-fast),transform var(--t-fast)}.footer-kofi-btn:hover{background:light-dark(rgba(225,29,111,.15),rgba(255,127,179,.22));border-color:light-dark(rgba(225,29,111,.34),rgba(255,127,179,.42));box-shadow:var(--shadow-sm);transform:translateY(-1px)}.footer-kofi-icon{display:inline-flex}.footer-meta{font-size:.73rem;color:var(--text-faint);line-height:1.6}.footer-meta a{color:var(--text-faint);text-decoration:underline;text-underline-offset:2px}.footer-meta a:hover{color:var(--text-muted)}@media(prefers-reduced-motion:reduce){.card-collapse,.card-chevron:before,.spinner,.spinner-sm,.theme-btn,.card,.card-header,.card-link,.modal-overlay,.modal-panel{transition:none!important;animation:none!important}}