.app-shell{display:flex;min-height:100vh;max-width:100vw}.main{flex:1;min-width:0;padding:0 24px;max-width:1100px;margin:0 auto;width:100%}.sidebar{width:320px;flex-shrink:0;background:var(--sidebar-bg);border-right:1px solid var(--border);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow:hidden;transition:width .2s,transform .2s}.sidebar.closed{width:60px}.sidebar.closed .sidebar-section,.sidebar.closed .feed-nav,.sidebar.closed .sidebar-footer,.sidebar.closed .sidebar-header h1{display:none}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--border);flex-shrink:0}.sidebar-header h1{font-size:1.1rem;font-weight:700;letter-spacing:-.02em;white-space:nowrap}.sidebar-header h1 span{color:var(--accent)}.sidebar-section{padding:14px;border-bottom:1px solid var(--border);flex-shrink:0}.add-feed{display:flex;gap:6px}.add-feed input{flex:1;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:8px 10px;color:var(--text);font-size:.85rem;outline:none;min-width:0}.add-feed input:focus{border-color:var(--accent)}.add-feed select{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:6px;color:var(--text);font-size:.8rem}.examples-inline{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.feed-nav{flex:1;overflow-y:auto;padding:8px}.nav-item{width:100%;text-align:left;background:transparent;border:1px solid transparent;color:var(--text);padding:8px 10px;border-radius:10px;display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.85rem;transition:all .15s}.nav-item:hover{background:var(--card);border-color:var(--border)}.nav-item.active{background:var(--card);border-color:var(--accent);color:var(--text)}.nav-icon{width:20px;text-align:center}.nav-group{font-size:.68rem;letter-spacing:.08em;color:var(--muted);margin:12px 8px 6px;font-weight:600}.nav-item.sub{justify-content:space-between;padding:6px 8px}.sub-main{display:flex;gap:8px;align-items:center;background:none;border:none;color:inherit;cursor:pointer;flex:1;min-width:0;text-align:left}.sub-img{width:28px;height:28px;border-radius:6px;object-fit:cover;background:var(--border);flex-shrink:0}.sub-fallback{width:28px;height:28px;border-radius:6px;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:.8rem;font-weight:700;flex-shrink:0}.sub-text{display:flex;flex-direction:column;min-width:0}.sub-title{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.84rem}.sub-meta{font-size:.7rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sub-actions{display:flex;gap:4px;align-items:center;flex-shrink:0}.empty-sub{font-size:.8rem;color:var(--muted);padding:8px}.sidebar-footer{padding:12px;border-top:1px solid var(--border);flex-shrink:0}.opml-row{display:flex;gap:6px;flex-wrap:wrap}.sidebar-stats{font-size:.7rem;color:var(--muted);margin-top:8px}.topbar{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--border);margin-bottom:16px;flex-wrap:wrap;position:sticky;top:0;background:var(--bg);z-index:10}.topbar-left{display:flex;gap:10px;align-items:center;flex:1;min-width:240px}.topbar-right{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.search-wrap{position:relative;flex:1;max-width:420px;display:flex;align-items:center}.search-wrap input{width:100%;background:var(--card);border:1px solid var(--border);border-radius:10px;padding:9px 12px 9px 34px;color:var(--text);font-size:.9rem;outline:none}.search-wrap input:focus{border-color:var(--accent)}.search-icon{position:absolute;left:10px;color:var(--muted)}.clear-btn{position:absolute;right:8px;background:var(--border);border:none;border-radius:50%;width:22px;height:22px;cursor:pointer;color:var(--muted)}.topbar select{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:7px 10px;color:var(--text);font-size:.82rem}.feed-toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:12px}.feed-toolbar-left{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.feed-toolbar-left h2{font-size:1.2rem;font-weight:600}.feed-toolbar .count{font-size:.82rem;color:var(--muted)}.feed-toolbar-right{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.feed-toolbar .hint{font-size:.72rem;color:var(--muted);display:none}@media (min-width: 800px){.feed-toolbar .hint{display:inline}}.items{display:flex;flex-direction:column;gap:12px}.item{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:16px;display:flex;gap:14px;transition:all .2s}.item:hover{background:var(--card-hover);border-color:#333;transform:translateY(-1px)}[data-theme=light] .item:hover{border-color:#ddd}.item.read{opacity:.72}.item.read h3 a{color:var(--muted)}.item.clickable{cursor:pointer}.chip.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.chip.primary:hover{background:var(--accent-hover);color:#fff}.item-thumb{width:96px;height:96px;border-radius:10px;object-fit:cover;flex-shrink:0;background:var(--border)}@media (max-width: 600px){.item-thumb{width:72px;height:72px}.item{padding:12px}}.item-main{flex:1;min-width:0}.item-source{display:flex;gap:6px;align-items:center;font-size:.72rem;color:var(--muted);margin-bottom:4px;flex-wrap:wrap}.source-icon{width:16px;height:16px;border-radius:4px}.item h3{font-size:.98rem;font-weight:600;line-height:1.4}.item h3 a{color:var(--text)}.item h3 a:hover{color:var(--accent)}.item-snippet{color:var(--muted);font-size:.86rem;margin-top:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5}.item-meta{display:flex;gap:8px;margin-top:10px;font-size:.76rem;color:var(--muted);flex-wrap:wrap;align-items:center}.audio-player{width:100%;margin-top:10px;height:32px}.badge{background:var(--border);color:var(--muted);padding:1px 6px;border-radius:20px;font-size:.7rem}.badge.unread{background:var(--accent);color:#fff}.btn{background:var(--accent);color:#fff;border:none;border-radius:8px;padding:8px 14px;font-weight:600;cursor:pointer;font-size:.85rem;transition:background .2s;white-space:nowrap}.btn:hover{background:var(--accent-hover)}.btn.small{padding:6px 10px;font-size:.8rem}.btn.ghost{background:var(--card);color:var(--text);border:1px solid var(--border)}.btn.ghost:hover{background:var(--card-hover)}.btn:disabled{opacity:.6;cursor:not-allowed}.chip{background:var(--card);border:1px solid var(--border);color:var(--muted);padding:5px 10px;border-radius:20px;font-size:.78rem;cursor:pointer;transition:all .2s}.chip:hover{background:var(--card-hover);color:var(--text);border-color:#3a3a3e}.chip.small{padding:4px 8px;font-size:.72rem}.icon-btn{background:var(--card);border:1px solid var(--border);border-radius:8px;width:32px;height:32px;display:grid;place-items:center;cursor:pointer;color:var(--text)}.icon-btn:hover{background:var(--card-hover)}.icon-btn.small{width:26px;height:26px;font-size:.8rem}.icon-btn.tiny{width:22px;height:22px;font-size:.7rem}.icon-btn.tiny.danger:hover{background:#4a2222;color:#ff8a8a;border-color:#6a3333}.icon-btn.starred{color:#f59e0b;border-color:#f59e0b44;background:#f59e0b15}.toggle{display:flex;gap:6px;align-items:center;font-size:.78rem;color:var(--muted);cursor:pointer}.toggle.small{font-size:.75rem}.toggle input{accent-color:var(--accent)}.center{text-align:center;padding:40px 20px;color:var(--muted)}.spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 12px}@keyframes spin{to{transform:rotate(360deg)}}.error{background:#2a1515;border:1px solid #4a2222;color:#ff8a8a;padding:14px 16px;border-radius:10px;margin:12px 0;font-size:.9rem}[data-theme=light] .error{background:#fff1f1;border-color:#fecaca;color:#dc2626}.discovery{background:#1a2a1a;border:1px solid #2a4a2a;color:#8aff8a;padding:12px 14px;border-radius:10px;margin:12px 0;font-size:.85rem}[data-theme=light] .discovery{background:#f0fdf4;border-color:#bbf7d0;color:#15803d}.empty{text-align:center;padding:60px 20px;color:var(--muted)}.empty-icon{font-size:2.5rem;margin-bottom:12px}.footer{text-align:center;padding:24px 0;color:var(--muted);font-size:.78rem;border-top:1px solid var(--border);margin-top:24px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:grid;place-items:center;padding:20px;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{background:var(--card);border:1px solid var(--border);border-radius:16px;max-width:780px;width:100%;max-height:90vh;overflow:auto}.modal.reader-modal{max-width:860px}.modal-header{display:flex;justify-content:space-between;gap:16px;padding:20px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--card);z-index:1}.modal-header h2{font-size:1.3rem;line-height:1.3;margin-top:4px}.modal-source{font-size:.75rem;color:var(--muted);display:flex;align-items:center;flex-wrap:wrap;gap:2px}.modal-author{font-size:.82rem;color:var(--muted);margin-top:4px}.modal-img{width:100%;max-height:420px;object-fit:cover;display:block}.modal-content{padding:20px;line-height:1.7;font-size:.95rem}.modal-content img{max-width:100%;border-radius:8px;margin:12px 0;height:auto}.modal-content a{color:var(--accent)}.modal-actions{display:flex;gap:8px;padding:16px 20px;border-top:1px solid var(--border);flex-wrap:wrap}.reader-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 20px;border-bottom:1px solid var(--border);background:var(--bg);position:sticky;top:69px;z-index:1;flex-wrap:wrap}.reader-nav,.reader-controls{display:flex;gap:6px;align-items:center}.reader-content{font-family:Georgia,Times New Roman,serif;color:var(--text)}[data-theme=light] .reader-content{color:#1f1f23}.reader-content h1,.reader-content h2,.reader-content h3{font-family:Inter,sans-serif;font-weight:700;margin:1.4em 0 .5em;line-height:1.25}.reader-content h1{font-size:1.6em}.reader-content h2{font-size:1.35em}.reader-content h3{font-size:1.15em}.reader-content p{margin:.9em 0}.reader-content blockquote{border-left:3px solid var(--accent);padding-left:14px;margin:1em 0;color:var(--muted);font-style:italic}.reader-content ul,.reader-content ol{margin:.9em 0 .9em 1.4em}.reader-content li{margin:.3em 0}.reader-content pre{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:12px;overflow-x:auto;font-size:.85em;font-family:JetBrains Mono,monospace;margin:1em 0}.reader-content code{background:var(--bg);padding:1px 5px;border-radius:4px;font-family:JetBrains Mono,monospace;font-size:.88em;border:1px solid var(--border)}.reader-content pre code{background:none;border:none;padding:0}.reader-content figure{margin:1.2em 0}.reader-content figcaption{font-size:.8em;color:var(--muted);text-align:center;margin-top:6px}.reader-content hr{border:none;border-top:1px solid var(--border);margin:1.5em 0}.container{max-width:900px;margin:0 auto;padding:0 20px}.header{padding:32px 0 16px;text-align:center}.header h1{font-size:2.2rem;font-weight:700;letter-spacing:-.02em}.header h1 span{color:var(--accent)}.header p{color:var(--muted);margin-top:6px;font-size:.95rem}.search-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:20px;margin:16px 0 20px}.search-row{display:flex;gap:10px}.search-input{flex:1;background:#111113;border:1px solid var(--border);border-radius:10px;padding:12px 14px;color:var(--text);font-size:.95rem;outline:none}[data-theme=light] .search-input{background:#fff}.search-input:focus{border-color:var(--accent)}.examples{margin-top:14px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.examples-label{font-size:.8rem;color:var(--muted);margin-right:2px}.feed-header{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:20px;margin-bottom:16px;display:flex;gap:16px;align-items:flex-start}.feed-header img{width:56px;height:56px;border-radius:10px;object-fit:cover;background:#222}.feed-header h2{font-size:1.25rem;font-weight:600}.feed-header .desc{color:var(--muted);font-size:.9rem;margin-top:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.feed-meta{display:flex;gap:12px;margin-top:8px;font-size:.78rem;color:var(--muted);flex-wrap:wrap}.feed-meta span{background:var(--bg);border:1px solid var(--border);padding:3px 8px;border-radius:20px}.tag{background:#ff6b3515;color:var(--accent);padding:2px 7px;border-radius:20px;font-size:.72rem;border:1px solid #ff6b3525}.tag.small{font-size:.65rem;padding:1px 6px}.dot{width:3px;height:3px;background:#555;border-radius:50%}.mobile-only{display:none}@media (max-width: 900px){.sidebar{position:fixed;z-index:20;transform:translate(-100%);width:320px!important}.sidebar.open{transform:translate(0)}.sidebar.closed{transform:translate(-100%)}.mobile-only{display:grid}.topbar{gap:8px}.app-shell{flex-direction:column}}*{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0f0f10;--card: #1a1a1e;--card-hover: #222226;--border: #2a2a2e;--text: #f0f0f0;--muted: #9a9aa0;--accent: #ff6b35;--accent-hover: #e85d2b;--success: #22c55e;--sidebar-bg: #131316}[data-theme=light]{--bg: #f8f7f5;--card: #ffffff;--card-hover: #f1f1f3;--border: #e6e6ea;--text: #18181b;--muted: #71717a;--sidebar-bg: #ffffff}html,body{height:100%}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}[data-theme=light] ::-webkit-scrollbar-thumb{background:#ccc}kbd{background:var(--border);padding:1px 5px;border-radius:4px;font-size:.75rem;border:1px solid var(--border);font-family:JetBrains Mono,monospace}