*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #f8f6f3;--color-surface: #ffffff;--color-surface-elevated: #ffffff;--color-text: #1c1917;--color-text-secondary: #78716c;--color-text-tertiary: #a8a29e;--color-border: #e7e5e4;--color-border-subtle: #f5f5f4;--color-accent: #3b82f6;--color-accent-hover: #2563eb;--color-accent-soft: rgba(59, 130, 246, .1);--color-accent-warm: #f59e0b;--color-flag: #ae3ec9;--color-flag-soft: rgba(174, 62, 201, .1);--color-danger: #ef4444;--color-danger-soft: rgba(239, 68, 68, .08);--color-success: #22c55e;--color-overlay: rgba(0, 0, 0, .5);--gradient-card: linear-gradient(to top, rgba(0, 0, 0, .85) 0%, rgba(0, 0, 0, .4) 40%, transparent 70%);--gradient-card-no-image: linear-gradient(135deg, #1e293b 0%, #334155 100%);--gradient-accent: linear-gradient(135deg, #3b82f6 0%, #6366f1 100%);--gradient-warm: linear-gradient(135deg, #f59e0b 0%, #ef4444 100%);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--shadow-card: 0 2px 8px rgba(0, 0, 0, .06), 0 0 1px rgba(0, 0, 0, .1);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;--font-size-base: 16px;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-lg: 1.125rem;--font-size-xl: 1.375rem;--font-size-2xl: 1.75rem;--font-size-3xl: 2.25rem;--line-height-base: 1.6;--line-height-tight: 1.25;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--content-width: 640px;--app-padding: var(--space-md);--header-height: 56px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--transition-spring: .35s cubic-bezier(.34, 1.56, .64, 1)}[data-theme=dark]{--color-bg: #0c0a09;--color-surface: #1c1917;--color-surface-elevated: #292524;--color-text: #fafaf9;--color-text-secondary: #a8a29e;--color-text-tertiary: #78716c;--color-border: #292524;--color-border-subtle: #1c1917;--color-accent: #60a5fa;--color-accent-hover: #93c5fd;--color-accent-soft: rgba(96, 165, 250, .12);--color-accent-warm: #fbbf24;--color-flag: #da77f2;--color-flag-soft: rgba(218, 119, 242, .12);--color-danger: #f87171;--color-danger-soft: rgba(248, 113, 113, .1);--color-success: #4ade80;--color-overlay: rgba(0, 0, 0, .7);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .4);--shadow-card: 0 2px 8px rgba(0, 0, 0, .2), 0 0 1px rgba(255, 255, 255, .05);--gradient-card-no-image: linear-gradient(135deg, #1c1917 0%, #292524 100%)}@media(prefers-color-scheme:dark){[data-theme=auto]{--color-bg: #0c0a09;--color-surface: #1c1917;--color-surface-elevated: #292524;--color-text: #fafaf9;--color-text-secondary: #a8a29e;--color-text-tertiary: #78716c;--color-border: #292524;--color-border-subtle: #1c1917;--color-accent: #60a5fa;--color-accent-hover: #93c5fd;--color-accent-soft: rgba(96, 165, 250, .12);--color-accent-warm: #fbbf24;--color-flag: #da77f2;--color-flag-soft: rgba(218, 119, 242, .12);--color-danger: #f87171;--color-danger-soft: rgba(248, 113, 113, .1);--color-success: #4ade80;--color-overlay: rgba(0, 0, 0, .7);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .4);--shadow-card: 0 2px 8px rgba(0, 0, 0, .2), 0 0 1px rgba(255, 255, 255, .05);--gradient-card-no-image: linear-gradient(135deg, #1c1917 0%, #292524 100%)}}html{font-size:var(--font-size-base);-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);line-height:var(--line-height-base);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh}#root{min-height:100dvh}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-hover)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}:focus:not(:focus-visible){outline:none}.skip-link{position:absolute;top:-100%;left:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--color-accent);color:#fff;border-radius:0 0 var(--radius-sm) var(--radius-sm);z-index:100;font-size:var(--font-size-sm);text-decoration:none;transition:top var(--transition-fast)}.skip-link:focus{top:0;color:#fff}@supports (padding: env(safe-area-inset-top)){body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}.view-header{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);height:var(--header-height);border-bottom:1px solid var(--color-border);background:var(--color-bg);position:sticky;top:0;z-index:10}.view-back{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);font-family:inherit;background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;flex-shrink:0;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent}.view-back:hover{background:var(--color-surface-elevated);border-color:var(--color-text-secondary)}.view-back:active{transform:scale(.93)}.view-header-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);font-family:inherit;background:var(--color-surface);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;flex-shrink:0;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent}.view-header-btn:hover{background:var(--color-surface-elevated);color:var(--color-text);border-color:var(--color-text-secondary)}.view-header-btn:active{transform:scale(.93)}.view-title{font-size:var(--font-size-base);font-weight:700;line-height:var(--line-height-tight)}.segmented-control{display:flex;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.segmented-control-item{flex:1;padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-sm);font-family:inherit;font-weight:500;background:transparent;color:var(--color-text-secondary);border:none;cursor:pointer;white-space:nowrap;transition:all var(--transition-fast)}.segmented-control-item+.segmented-control-item{border-left:1px solid var(--color-border)}.segmented-control-item:hover{color:var(--color-text)}.segmented-control-item.active{background:var(--color-accent);color:#fff}.segmented-control-item.active+.segmented-control-item,.segmented-control-item+.segmented-control-item.active{border-left-color:transparent}.snap-card{height:calc(100dvh - var(--header-height));width:100%;scroll-snap-align:start;cursor:pointer;overflow:hidden;-webkit-tap-highlight-color:transparent;background:var(--color-bg);border-bottom:1px solid var(--color-border);position:relative;touch-action:pan-y}.snap-card-inner{height:100%;display:flex;flex-direction:column;padding:var(--space-lg) var(--space-lg) var(--space-md);overflow:hidden;position:relative;z-index:1;background:var(--color-bg)}.snap-card-flag-hint,.snap-card-dismiss-hint{position:absolute;top:0;bottom:0;width:100%;display:flex;align-items:center;gap:var(--space-sm);opacity:0;font-size:var(--font-size-sm);font-weight:600;pointer-events:none}.snap-card-flag-hint{left:0;justify-content:flex-start;padding-left:var(--space-2xl);background:var(--color-flag-soft);color:var(--color-flag)}.snap-card--flagged .snap-card-flag-hint{background:var(--color-accent-soft);color:var(--color-accent)}.snap-card-dismiss-hint{right:0;justify-content:flex-end;padding-right:var(--space-2xl);background:var(--color-danger-soft);color:var(--color-danger)}.snap-card-meta{display:flex;flex-direction:column;flex-shrink:0}.snap-card-source-line{display:flex;align-items:center;justify-content:space-between}.snap-card-source{font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-accent)}.snap-card-flag-icon{color:var(--color-flag);flex-shrink:0}.snap-card-byline{display:flex;align-items:center;justify-content:space-between}.snap-card-author{color:var(--color-text-secondary);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.snap-card-date{color:var(--color-text-tertiary);flex-shrink:0}.snap-card-title{font-size:var(--font-size-2xl);font-weight:700;line-height:var(--line-height-tight);color:var(--color-text);letter-spacing:-.02em;margin-top:var(--space-2xl);margin-bottom:var(--space-lg);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;flex-shrink:0}.snap-card-excerpt{font-size:var(--font-size-lg);line-height:var(--line-height-base);color:var(--color-text-secondary);flex-shrink:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:8;-webkit-box-orient:vertical}.snap-card--has-image .snap-card-excerpt{-webkit-line-clamp:3}.snap-card-image{margin-top:var(--space-md);border-radius:var(--radius-md);overflow:hidden;flex-shrink:0;max-height:200px}.snap-card-image img{width:100%;height:100%;max-height:200px;object-fit:cover;display:block}.snap-card-spacer{flex:1 1 0;min-height:var(--space-md)}.snap-card-bottom{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:var(--space-lg)}.snap-card-status{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-lg);font-weight:500;color:var(--color-text-secondary)}.snap-card-status-rating{display:flex;align-items:center;gap:var(--space-xs);color:var(--color-accent);font-weight:600}.snap-card--flagged .snap-card-inner{--color-accent: var(--color-flag);--color-accent-soft: var(--color-flag-soft)}.snap-card--flagged .snap-card-title{color:var(--color-accent)}.snap-card--read .snap-card-title{color:var(--color-text-secondary)}.snap-card--read .snap-card-status{color:var(--color-text-tertiary)}.snap-card-actions{display:flex;justify-content:space-between;width:100%;padding-top:var(--space-md);border-top:1px solid var(--color-border)}.snap-card-action{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) 0;font-family:inherit;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-tertiary);background:none;border:none;cursor:pointer;transition:color var(--transition-fast);-webkit-tap-highlight-color:transparent}.snap-card-action:hover{color:var(--color-text-secondary)}.snap-card-action:active{transform:scale(.95)}.snap-card-action:disabled{opacity:.35;cursor:default}.snap-card-action:disabled:hover{color:var(--color-text-tertiary)}.snap-card-action:disabled:active{transform:none}.compact-card{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-md);border-radius:var(--radius-md);background:var(--color-surface);margin:var(--space-xs) var(--space-md);box-shadow:var(--shadow-sm);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast);-webkit-tap-highlight-color:transparent}.compact-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.compact-card:active{transform:scale(.98);box-shadow:var(--shadow-sm)}.compact-card--flagged{--color-accent: var(--color-flag);--color-accent-soft: var(--color-flag-soft)}.compact-card-header{display:flex;align-items:flex-start;gap:var(--space-sm)}.compact-card-title{flex:1;min-width:0;font-size:var(--font-size-base);font-weight:600;line-height:var(--line-height-tight);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.compact-card-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-tertiary);cursor:pointer;transition:all var(--transition-fast)}.compact-card-icon:hover{background:var(--color-accent-soft);color:var(--color-accent)}.compact-card-icon--flagged{color:var(--color-accent)}.compact-card-icon--rated{color:var(--color-accent);cursor:default}.compact-card-meta{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.compact-card-source{font-weight:500}.compact-card-read-status{color:var(--color-text-tertiary)}.compact-card-body{display:flex;gap:var(--space-md);margin-top:var(--space-xs)}.compact-card-excerpt{flex:1;min-width:0;font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-base);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.compact-card-thumb{flex-shrink:0;width:44px;height:44px;border-radius:var(--radius-sm);overflow:hidden}.compact-card-thumb img{width:100%;height:100%;object-fit:cover}.article-reader-overlay{position:fixed;inset:0;z-index:50;background:var(--color-bg);overflow-y:auto;animation:reader-slide-up .25s ease-out}@keyframes reader-slide-up{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.article-reader{width:100%;max-width:var(--content-width);margin:0 auto;min-height:100dvh;display:flex;flex-direction:column}.article-reader-header{justify-content:space-between}.article-reader-header-title{flex:1;min-width:0;font-size:var(--font-size-sm);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;transform:translateY(4px);transition:opacity .2s ease,transform .2s ease;pointer-events:none}.article-reader-header-title.visible{opacity:1;transform:translateY(0)}.article-reader-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--color-accent);transform-origin:left;transform:scaleX(0);transition:none}.article-reader-web-link{color:var(--color-accent);text-decoration:none}.article-reader-web-link:hover{text-decoration:underline}.article-reader-loading{flex:1;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary)}.article-reader-body{padding:var(--space-lg) var(--space-md) var(--space-2xl)}.article-reader-meta{margin-bottom:var(--space-xl)}.article-reader-title{font-size:var(--font-size-2xl);font-weight:700;line-height:var(--line-height-tight);letter-spacing:-.02em}.article-reader-info{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-md);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.article-reader-source{font-weight:600;color:var(--color-accent)}.article-reader-content{font-size:1.05rem;line-height:1.7}.article-reader-content>*+*{margin-top:1.25em}.article-reader-content h1,.article-reader-content h2,.article-reader-content h3,.article-reader-content h4{line-height:var(--line-height-tight);font-weight:700;margin-top:1.75em}.article-reader-content h1{font-size:1.5em}.article-reader-content h2{font-size:1.3em}.article-reader-content h3{font-size:1.15em}.article-reader-content h4{font-size:1em}.article-reader-content p{margin-top:1.25em}.article-reader-content img{max-width:100%;height:auto;border-radius:var(--radius-md);margin:var(--space-md) 0}.article-reader-content a{color:var(--color-accent);text-decoration:underline;text-underline-offset:2px}.article-reader-content blockquote{border-left:3px solid var(--color-accent);padding-left:var(--space-md);margin-left:0;color:var(--color-text-secondary);font-style:italic}.article-reader-content pre{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);overflow-x:auto;font-size:.85em;line-height:1.5}.article-reader-content code{background:var(--color-surface);padding:.15em .35em;border-radius:4px;font-size:.9em}.article-reader-content pre code{background:none;padding:0;border-radius:0;font-size:inherit}.article-reader-content ul,.article-reader-content ol{padding-left:1.5em}.article-reader-content li+li{margin-top:.5em}.article-reader-content figure{margin:var(--space-lg) 0}.article-reader-content figcaption{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:center;margin-top:var(--space-sm)}.article-reader-content iframe{max-width:100%;border:none;border-radius:var(--radius-md)}.article-reader-content hr{border:none;border-top:1px solid var(--color-border);margin:var(--space-xl) 0}.article-reader-content table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.article-reader-content th,.article-reader-content td{padding:var(--space-sm);border:1px solid var(--color-border);text-align:left}.article-reader-content th{background:var(--color-surface);font-weight:600}.article-reader-truncated{margin-top:var(--space-xl);padding:var(--space-lg);text-align:center;border:1px dashed var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.article-reader-truncated p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-md)}.article-reader-full-link{display:inline-block;padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-sm);font-weight:600;background:var(--gradient-accent);color:#fff;text-decoration:none;border-radius:var(--radius-full);transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.article-reader-full-link:hover{box-shadow:var(--shadow-md);transform:translateY(-1px);color:#fff}.article-reader-full-link:active{transform:scale(.96)}.article-reader-flag{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.article-reader-flag:hover{background:var(--color-accent-soft);border-color:var(--color-accent)}.article-reader-flag.active{color:var(--color-accent);background:var(--color-accent-soft);border-color:var(--color-accent)}.article-reader-signals{margin-top:var(--space-2xl);padding-top:var(--space-xl);border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--space-lg)}.article-reader-rating{display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.article-reader-rating-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.article-reader-rating-label.rated{color:var(--color-accent);font-weight:500}.article-reader-rating-icons{display:flex;gap:var(--space-xl)}.article-reader-rating-btn{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:transparent;color:var(--color-text-secondary);border:2px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.article-reader-rating-btn:hover{border-color:var(--color-accent);color:var(--color-accent);transform:scale(1.1)}.article-reader-rating-btn:active{transform:scale(.9)}.article-reader-rating-btn.active{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-accent)}.article-reader-comment-toggle{font-size:var(--font-size-sm);font-family:inherit;color:var(--color-text-secondary);background:var(--color-surface);border:1px dashed var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);cursor:pointer;text-align:left;transition:all var(--transition-fast)}.article-reader-comment-toggle:hover{border-color:var(--color-accent);border-style:solid}.article-reader-comment-input{display:flex;flex-direction:column;gap:var(--space-sm)}.article-reader-comment-input textarea{font-size:var(--font-size-sm);font-family:inherit;padding:var(--space-md);background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md);outline:none;resize:vertical;min-height:60px;transition:border-color var(--transition-fast)}.article-reader-comment-input textarea:focus{border-color:var(--color-accent)}.article-reader-comment-actions{display:flex;gap:var(--space-sm)}.article-reader-comment-actions button{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);font-family:inherit;font-weight:600;background:var(--color-accent);color:#fff;border:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.article-reader-comment-actions button:active{transform:scale(.96)}.article-reader-comment-actions button.cancel{background:transparent;color:var(--color-text-secondary);font-weight:400}.feed-detail{width:100%;max-width:var(--content-width);margin:0 auto;display:flex;flex-direction:column;height:100dvh;background:var(--color-bg)}.feed-detail-header{position:relative;z-index:20}.feed-detail-title{flex:1;min-width:0;font-size:var(--font-size-sm);font-weight:600;line-height:var(--line-height-tight);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--color-text)}.feed-detail-header-text{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.feed-detail-header-loading{flex:1;height:16px;background:var(--color-border);border-radius:var(--radius-sm);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.feed-detail-refresh.refreshing{animation:spin 1s linear infinite;pointer-events:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.feed-detail-snap{flex:1;overflow-y:auto;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.feed-detail-snap::-webkit-scrollbar{display:none}.feed-detail-loading{flex:1;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.feed-detail-empty{height:calc(100dvh - var(--header-height));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-2xl);color:var(--color-text-secondary)}.feed-detail-empty button{padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-sm);font-family:inherit;font-weight:600;background:var(--color-accent);color:#fff;border:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.feed-detail-empty button:hover{background:var(--color-accent-hover)}.feed-detail-empty button:active{transform:scale(.96)}.channel-detail{width:100%;max-width:var(--content-width);margin:0 auto;display:flex;flex-direction:column;height:100dvh;background:var(--color-bg)}.channel-detail-header{position:relative;z-index:20}.channel-detail-title{flex:1;min-width:0;font-size:var(--font-size-sm);font-weight:600;line-height:var(--line-height-tight);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--color-text)}.channel-detail-header-text{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.channel-detail-header-loading{flex:1;height:16px;background:var(--color-border);border-radius:var(--radius-sm);animation:pulse 1.5s ease-in-out infinite}.channel-detail .refreshing{animation:spin 1s linear infinite;pointer-events:none}.channel-detail-snap{flex:1;overflow-y:auto;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.channel-detail-snap::-webkit-scrollbar{display:none}.channel-detail-loading{flex:1;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary)}.channel-detail-empty{height:calc(100dvh - var(--header-height));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-2xl);color:var(--color-text-secondary)}.channel-detail-empty button{padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-sm);font-family:inherit;font-weight:600;background:var(--color-accent);color:#fff;border:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.channel-detail-empty button:hover{background:var(--color-accent-hover)}.channel-detail-empty button:active{transform:scale(.96)}.flagged-view{width:100%;max-width:var(--content-width);margin:0 auto;display:flex;flex-direction:column;height:100dvh}.flagged-view-header-info{flex:1;min-width:0}.flagged-view-title{font-size:var(--font-size-base);font-weight:700;line-height:var(--line-height-tight)}.flagged-view-count{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.flagged-view-list{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:var(--space-sm) 0}.flagged-view-loading{flex:1;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.flagged-view-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-2xl);color:var(--color-text-secondary);text-align:center}.flagged-view-hint{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.history-view{width:100%;max-width:var(--content-width);margin:0 auto;display:flex;flex-direction:column;height:100dvh}.history-view-filters{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border);background:var(--color-bg)}.history-view-list{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:var(--space-sm) 0}.history-view-loading{flex:1;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.history-view-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-2xl);color:var(--color-text-secondary);text-align:center}.history-view-hint{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.history-view-group-label{padding:var(--space-xs) var(--space-lg);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary);margin-top:var(--space-sm)}.search-view{width:100%;max-width:var(--content-width);margin:0 auto;display:flex;flex-direction:column;height:100dvh}.search-view-input{flex:1;padding:var(--space-sm) var(--space-md);font-size:var(--font-size-base);font-family:inherit;background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-full);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.search-view-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft)}.search-view-input::placeholder{color:var(--color-text-tertiary)}.search-view-clear{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);background:transparent;color:var(--color-text-secondary);border:none;border-radius:var(--radius-full);cursor:pointer;flex-shrink:0;transition:all var(--transition-fast)}.search-view-clear:hover{color:var(--color-text);background:var(--color-surface)}.search-view-results{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:var(--space-sm) 0}.search-view-count{padding:var(--space-xs) var(--space-lg);font-size:var(--font-size-xs);color:var(--color-text-tertiary);font-weight:500}.search-view-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl);color:var(--color-text-tertiary);text-align:center}.settings-view{width:100%;max-width:var(--content-width);margin:0 auto;display:flex;flex-direction:column;height:100dvh}.settings-view-header-info{flex:1;min-width:0}.settings-view-title{font-size:var(--font-size-base);font-weight:700;line-height:var(--line-height-tight)}.settings-view-content{flex:1;overflow-y:auto;padding:var(--space-lg) var(--space-md)}.settings-section{margin-bottom:var(--space-xl)}.settings-section-title{font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary);margin-bottom:var(--space-md)}.settings-section-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-md)}.settings-loading{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.settings-storage{display:flex;flex-direction:column;gap:var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md)}.settings-storage-counts{display:flex;flex-direction:column;gap:var(--space-xs)}.settings-storage-row{display:flex;justify-content:space-between;padding:var(--space-xs) 0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.settings-storage-row span:last-child{font-weight:600;color:var(--color-text)}.settings-storage-usage{padding-top:var(--space-sm);border-top:1px solid var(--color-border)}.settings-storage-bar{height:6px;background:var(--color-border);border-radius:var(--radius-full);margin-top:var(--space-sm);overflow:hidden}.settings-storage-bar-fill{height:100%;background:var(--gradient-accent);border-radius:var(--radius-full);transition:width var(--transition-base)}.settings-export-buttons{display:flex;flex-direction:column;gap:var(--space-sm)}.settings-export-btn{padding:var(--space-md);font-size:var(--font-size-sm);font-family:inherit;font-weight:500;background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:left}.settings-export-btn:hover{border-color:var(--color-accent);color:var(--color-accent);box-shadow:var(--shadow-sm)}.settings-export-btn:active{transform:scale(.98)}.settings-export-btn:disabled{opacity:.5;cursor:default;transform:none}.settings-theme-options{display:flex;gap:2px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:3px}.settings-theme-btn{flex:1;padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);font-family:inherit;background:transparent;color:var(--color-text-secondary);border:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.settings-theme-btn:hover{color:var(--color-text)}.settings-theme-btn.active{background:var(--color-accent);color:#fff;font-weight:600;box-shadow:var(--shadow-sm)}.settings-prune{padding-top:var(--space-sm);border-top:1px solid var(--color-border)}.settings-prune-btn{width:100%;padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);font-family:inherit;font-weight:500;background:transparent;color:var(--color-accent-warm);border:1px solid currentColor;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);text-align:center}.settings-prune-btn:hover{background:#f59e0b14}.settings-prune-btn:active{transform:scale(.98)}.settings-prune-btn:disabled{opacity:.5;cursor:default;transform:none}.settings-prune-desc{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-top:var(--space-xs);text-align:center}.settings-prune-result{font-size:var(--font-size-sm);color:var(--color-success);margin-top:var(--space-xs);text-align:center}.settings-import-result{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--space-sm)}.settings-import-errors{color:var(--color-accent-warm);margin-top:var(--space-xs)}.settings-import-errors p{margin-bottom:var(--space-xs)}.settings-import-failed-list{font-size:var(--font-size-sm);list-style:none;padding:0;display:flex;flex-direction:column;gap:2px;word-break:break-all}.settings-export-btn.disabled{opacity:.5;cursor:default;pointer-events:none}.settings-restore-confirm{margin-top:var(--space-sm);padding:var(--space-md);background:var(--color-surface);border:1px solid var(--color-accent-warm);border-radius:var(--radius-md)}.settings-restore-confirm p{font-size:var(--font-size-sm);color:var(--color-text);margin-bottom:var(--space-md)}.settings-restore-confirm-actions{display:flex;gap:var(--space-sm)}.settings-restore-confirm-btn{flex:1;padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);font-family:inherit;font-weight:600;background:var(--color-accent-warm);color:#fff;border:none;border-radius:var(--radius-full);cursor:pointer}.settings-restore-cancel-btn{flex:1;padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);font-family:inherit;font-weight:500;background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer}.add-feed{width:100%}.add-feed-form{display:flex;gap:var(--space-sm)}.add-feed-input{flex:1;padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);font-family:inherit;background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-full);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.add-feed-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft)}.add-feed-input::placeholder{color:var(--color-text-tertiary)}.add-feed-button{padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-sm);font-family:inherit;font-weight:600;background:var(--gradient-accent);color:#fff;border:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.add-feed-button:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.add-feed-button:active{transform:scale(.96);box-shadow:var(--shadow-sm)}.add-feed-button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.add-feed-loading,.add-feed-done{padding:var(--space-md);text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.add-feed-done{color:var(--color-success);font-weight:600}.add-feed-error{margin-top:var(--space-sm);padding:var(--space-sm) var(--space-md);color:var(--color-danger);font-size:var(--font-size-sm);background:var(--color-danger-soft);border-radius:var(--radius-md)}.add-feed-pick{display:flex;flex-direction:column;gap:var(--space-sm)}.add-feed-pick-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.add-feed-pick-option{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);font-family:inherit;text-align:left;background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.add-feed-pick-option:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md);transform:translateY(-1px)}.add-feed-pick-option:active{transform:scale(.98)}.add-feed-back{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);font-family:inherit;background:transparent;color:var(--color-text-secondary);border:none;cursor:pointer}.add-feed-back:hover{color:var(--color-text)}.add-feed-preview{display:flex;flex-direction:column;gap:var(--space-sm)}.add-feed-preview-title{font-size:var(--font-size-lg);font-weight:600;line-height:var(--line-height-tight)}.add-feed-preview-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.add-feed-preview-count{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.add-feed-preview-items{list-style:none;display:flex;flex-direction:column;gap:var(--space-xs)}.add-feed-preview-items li{font-size:var(--font-size-sm);padding:var(--space-xs) 0;border-bottom:1px solid var(--color-border-subtle)}.add-feed-channels{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-md)}.add-feed-channels-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:500}.add-feed-channels-list{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.add-feed-preview-actions{display:flex;gap:var(--space-sm);margin-top:var(--space-sm)}.onboarding{width:100%;max-width:var(--content-width);margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl);gap:var(--space-2xl)}.onboarding-hero{text-align:center}.onboarding-title{font-size:var(--font-size-3xl);font-weight:800;letter-spacing:-.04em;margin-bottom:var(--space-sm);background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.onboarding-subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:var(--line-height-base)}.onboarding-step{width:100%;text-align:center}.onboarding-step-title{font-size:var(--font-size-base);font-weight:600;margin-bottom:var(--space-xs)}.onboarding-step-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-md)}.onboarding-footer{text-align:center;font-size:var(--font-size-sm);color:var(--color-text-tertiary);max-width:320px;line-height:var(--line-height-base)}.channel-list{width:100%}.channel-list-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) 0}.channel-list-title{font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-tertiary)}.channel-list-add{width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);font-weight:300;background:var(--color-accent-soft);color:var(--color-accent);border:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.channel-list-add:hover{background:var(--color-accent);color:#fff}.channel-list-add:active{transform:scale(.9)}.channel-list-new{display:flex;gap:var(--space-sm);padding:var(--space-sm) 0}.channel-list-new-input{flex:1;padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);font-family:inherit;background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-full);outline:none;transition:border-color var(--transition-fast)}.channel-list-new-input:focus{border-color:var(--color-accent)}.channel-list-new-save{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);font-family:inherit;font-weight:600;background:var(--color-accent);color:#fff;border:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.channel-list-new-save:hover{background:var(--color-accent-hover)}.channel-list-new-save:disabled{opacity:.5}.channel-list-new-cancel{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);font-family:inherit;background:transparent;color:var(--color-text-secondary);border:none;cursor:pointer}.channel-list-empty{padding:var(--space-md) 0;font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.channel-list-item{display:flex;flex-direction:column;padding:var(--space-md);cursor:pointer;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-xs);box-shadow:var(--shadow-sm)}.channel-list-item:hover{box-shadow:var(--shadow-md);transform:translateY(-1px);border-color:var(--color-accent)}.channel-list-item:active{transform:scale(.98);box-shadow:var(--shadow-sm)}.channel-list-item-info{width:100%}.channel-list-item-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.channel-list-item-name{font-size:var(--font-size-base);font-weight:500;flex:1;min-width:0}.channel-list-item-summary{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--space-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.channel-list-item-actions{display:flex;gap:var(--space-xs);flex-shrink:0}.channel-list-item-edit,.channel-list-item-remove{width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);background:transparent;color:var(--color-text-tertiary);border:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.channel-list-item-edit:hover{color:var(--color-accent);background:var(--color-accent-soft)}.channel-list-item-remove:hover{color:var(--color-danger);background:var(--color-danger-soft)}.channel-list-delete-confirm{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-sm);font-family:inherit;font-weight:600;background:var(--color-danger);color:#fff;border:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.channel-list-delete-confirm:active{transform:scale(.95)}.channel-list-delete-cancel{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-sm);font-family:inherit;background:transparent;color:var(--color-text-secondary);border:none;cursor:pointer}.channel-list-edit{display:flex;gap:var(--space-sm);flex:1}.channel-list-edit-input{flex:1;padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-sm);font-family:inherit;background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);outline:none}.channel-list-edit-input:focus{border-color:var(--color-accent)}.channel-list-edit-save{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-sm);font-family:inherit;font-weight:600;background:var(--color-accent);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer}.channel-list-edit-cancel{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-sm);font-family:inherit;background:transparent;color:var(--color-text-secondary);border:none;cursor:pointer}.feed-list{list-style:none;width:100%;display:flex;flex-direction:column;gap:var(--space-xs)}.feed-list-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent;box-shadow:var(--shadow-sm)}.feed-list-item:hover{box-shadow:var(--shadow-md);transform:translateY(-1px);border-color:var(--color-accent)}.feed-list-item:active{transform:scale(.98);box-shadow:var(--shadow-sm)}.feed-list-item-info{flex:1;min-width:0}.feed-list-item-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.feed-list-item-title{font-size:var(--font-size-base);font-weight:600;line-height:var(--line-height-tight);flex:1;min-width:0}.feed-list-item-count{font-size:var(--font-size-xs);white-space:nowrap;flex-shrink:0;background:var(--color-accent-soft);color:var(--color-accent);padding:1px 8px;border-radius:var(--radius-full);font-weight:500}.feed-list-item-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-base);margin-top:var(--space-xs);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.feed-list-item-actions{display:flex;gap:var(--space-xs);flex-shrink:0}.feed-list-remove{width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-base);background:transparent;color:var(--color-text-tertiary);border:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.feed-list-remove:hover{color:var(--color-danger);background:var(--color-danger-soft)}.feed-list-remove-confirm{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-sm);font-family:inherit;font-weight:600;background:var(--color-danger);color:#fff;border:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.feed-list-remove-confirm:active{transform:scale(.95)}.feed-list-remove-cancel{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-sm);font-family:inherit;background:transparent;color:var(--color-text-secondary);border:none;cursor:pointer}.feed-list-empty{text-align:center;padding:var(--space-2xl) var(--space-md);color:var(--color-text-secondary)}.feed-list-empty p:first-child{font-size:var(--font-size-lg)}.feed-list-empty-hint{font-size:var(--font-size-sm);margin-top:var(--space-xs);color:var(--color-text-tertiary)}.bottom-sheet-overlay{position:fixed;inset:0;z-index:50;background:var(--color-overlay)}.bottom-sheet-content{position:fixed;bottom:0;left:0;right:0;z-index:51;max-width:var(--content-width);margin:0 auto;max-height:85vh;background:var(--color-surface-elevated);border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;padding-bottom:env(safe-area-inset-bottom,0)}.bottom-sheet-content--tall{min-height:75vh}.bottom-sheet-handle{width:36px;height:4px;flex-shrink:0;border-radius:var(--radius-full);background:var(--color-border);margin:var(--space-md) auto var(--space-sm)}.bottom-sheet-title{font-size:var(--font-size-lg);font-weight:600;line-height:var(--line-height-tight);padding:0 var(--space-lg) var(--space-md);flex-shrink:0}.bottom-sheet-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:0 var(--space-lg) var(--space-lg)}.home-content{display:flex;flex-direction:column;gap:var(--space-md);flex:1}.home-toolbar{display:flex;align-items:center;gap:var(--space-md)}.home-toggle{position:relative;display:flex;flex:1;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:3px;gap:2px}.home-toggle-pill{position:absolute;top:3px;bottom:3px;left:3px;width:calc(50% - 4px);background:var(--color-accent);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:0}.home-toggle-btn{position:relative;z-index:1;flex:1;padding:var(--space-xs) var(--space-md);font-size:var(--font-size-sm);font-weight:500;font-family:inherit;background:transparent;color:var(--color-text-secondary);border:none;border-radius:var(--radius-full);cursor:pointer;transition:color .3s cubic-bezier(.4,0,.2,1),font-weight .3s cubic-bezier(.4,0,.2,1);-webkit-tap-highlight-color:transparent}.home-toggle-btn:hover{color:var(--color-text)}.home-toggle-btn.active{color:#fff;font-weight:600}.home-manage-btn{flex-shrink:0;padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-sm);font-weight:500;font-family:inherit;background:transparent;color:var(--color-text-secondary);border:1px solid transparent;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent}.home-manage-btn.active{color:var(--color-accent);background:var(--color-accent-soft);border-color:var(--color-accent)}.home-slider-container{flex:1;overflow:hidden;min-height:0;touch-action:pan-y;margin-inline:calc(-1 * var(--app-padding))}.home-slider{display:flex;width:200%;height:100%;transition:transform .3s cubic-bezier(.4,0,.2,1)}.home-slide{width:50%;flex-shrink:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-inline:var(--app-padding)}.home-add-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-md) var(--space-sm);font-size:var(--font-size-sm);font-weight:500;font-family:inherit;background:transparent;color:var(--color-text-tertiary);border:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color var(--transition-fast)}.home-add-btn:hover{color:var(--color-accent)}.add-channel-form{display:flex;flex-direction:column;gap:var(--space-md)}.add-channel-input{width:100%;padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);font-family:inherit;background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-full);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.add-channel-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft)}.add-channel-feeds{display:flex;flex-direction:column;gap:var(--space-sm)}.add-channel-feeds-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:500}.add-channel-feeds-list{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.add-channel-submit{padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-sm);font-family:inherit;font-weight:600;background:var(--gradient-accent);color:#fff;border:none;border-radius:var(--radius-full);cursor:pointer;transition:opacity var(--transition-fast);box-shadow:var(--shadow-sm)}.add-channel-submit:disabled{opacity:.5;cursor:not-allowed}.app{min-height:100dvh;max-width:var(--content-width);margin:0 auto;display:flex;flex-direction:column}.app-header{width:100%;display:flex;align-items:center;justify-content:center;position:relative;height:var(--header-height);padding:0 var(--app-padding);border-bottom:1px solid var(--color-border)}.app-header h1{font-size:var(--font-size-xl);font-weight:800;line-height:var(--line-height-tight);letter-spacing:-.03em;background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.app-header-actions{position:absolute;right:var(--app-padding);display:flex;gap:var(--space-xs)}.app-header .view-header-btn{font-size:var(--font-size-base)}.app-header .view-back{position:absolute;left:var(--app-padding)}.app-utility-bar{display:flex;justify-content:center;gap:var(--space-xl);padding:var(--space-sm) var(--app-padding) var(--space-md);border-top:1px solid var(--color-border);margin-top:var(--space-md)}.app-utility-bar button{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);font-family:inherit;background:none;color:var(--color-text-tertiary);border:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent}.app-utility-bar button:hover{color:var(--color-accent);background:var(--color-accent-soft)}.app-utility-bar button:active{transform:scale(.9)}.pill-toggle{padding:var(--space-xs) var(--space-md);font-size:var(--font-size-sm);font-family:inherit;font-weight:500;background:var(--color-surface);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent}.pill-toggle.active{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.app-main{width:100%;display:flex;flex-direction:column;flex:1;gap:var(--space-md);padding:var(--space-md) var(--app-padding) 0}