*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #FFFFFF;--bg-secondary: #F9FAFB;--bg-hover: #F3F4F6;--bg-active: #EEF2FF;--border: #E5E7EB;--text: #1F2937;--text-dim: #6B7280;--text-muted: #9CA3AF;--accent: #5B7FE6;--accent-dim: #3B5FC4;--danger: #EF4444;--success: #10B981;--unread: #5B7FE6;--radius: 12px;--radius-sm: 8px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-secondary);color:var(--text);-webkit-font-smoothing:antialiased;overscroll-behavior:none}.app{max-width:480px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;background:var(--bg-secondary)}.loading{display:flex;align-items:center;justify-content:center;min-height:100dvh;color:var(--text-dim);font-size:15px}.header{display:flex;align-items:center;padding:12px 16px;padding-top:calc(12px + var(--safe-top));gap:12px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--bg);z-index:10;box-shadow:0 1px 3px #0000000d}.header__logo{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:700;color:#111}.header__title{flex:1;font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header__actions{display:flex;gap:4px}.header__btn{background:none;border:none;color:var(--text-dim);cursor:pointer;padding:6px;border-radius:var(--radius-sm);display:flex;align-items:center;transition:all .15s}.header__btn:hover{background:var(--bg-hover);color:var(--accent)}.filter-bar{display:flex;gap:6px;padding:8px 16px;overflow-x:auto;border-bottom:1px solid var(--border);background:var(--bg);-webkit-overflow-scrolling:touch}.filter-bar::-webkit-scrollbar{display:none}.filter-chip{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-dim);border-radius:20px;padding:5px 12px;font-size:12px;font-weight:500;cursor:pointer;white-space:nowrap;display:flex;align-items:center;gap:6px;transition:all .15s}.filter-chip--active{background:var(--accent);border-color:var(--accent);color:#fff}.filter-chip__muted{font-size:10px;opacity:.6}.badge{background:var(--danger);color:#fff;font-size:10px;font-weight:700;padding:1px 5px;border-radius:10px;min-width:16px;text-align:center}.content{flex:1;overflow-y:auto;padding-bottom:calc(16px + var(--safe-bottom))}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;text-align:center;color:var(--text-dim)}.empty__icon{opacity:.3;margin-bottom:16px;color:var(--text-dim)}.empty__icon svg{width:48px;height:48px}.empty h3{font-size:16px;margin-bottom:8px;color:var(--text)}.empty p{font-size:13px;line-height:1.5}.notif-list{padding:8px 0}.notif-group__header{padding:8px 16px 4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);background:var(--bg-secondary)}.notif-card{position:relative;overflow:hidden;background:var(--bg);border-bottom:1px solid var(--border)}.notif-card__main{padding:12px 16px;cursor:pointer;transition:background .15s;position:relative}.notif-card__main:hover{background:var(--bg-hover)}.notif-card--unread .notif-card__main{border-left:3px solid var(--unread)}.notif-card--swiped .notif-card__main{transform:translate(-60px)}.notif-card__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.notif-card__icon{width:16px;height:16px;border-radius:3px;object-fit:cover}.notif-card__channel{font-size:11px;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.3px}.notif-card__time{font-size:11px;color:var(--text-muted)}.notif-card__title{font-size:14px;font-weight:600;margin-bottom:2px;line-height:1.3;color:var(--text)}.notif-card__body{font-size:13px;color:var(--text-dim);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notif-card__actions-preview{display:flex;gap:4px;margin-top:6px}.notif-card__action-tag{font-size:10px;padding:2px 8px;border-radius:10px;background:var(--bg-secondary);color:var(--text-dim)}.notif-card__delete{position:absolute;right:0;top:0;bottom:0;width:60px;background:var(--danger);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.clear-btn{display:flex;align-items:center;justify-content:center;gap:6px;margin:16px auto;padding:8px 20px;background:var(--bg);border:1px solid var(--border);color:var(--text-dim);border-radius:20px;font-size:12px;cursor:pointer;transition:all .15s}.clear-btn:hover{border-color:var(--danger);color:var(--danger);background:var(--bg-hover)}.detail{padding:20px 16px;background:var(--bg)}.detail__meta{display:flex;align-items:center;gap:12px;margin-bottom:12px}.detail__icon{width:24px;height:24px;border-radius:4px;object-fit:cover}.detail__channel{font-size:11px;font-weight:600;color:var(--accent);text-transform:uppercase;background:var(--bg-active);padding:3px 10px;border-radius:10px}.detail__time{font-size:12px;color:var(--text-muted)}.detail__title{font-size:20px;font-weight:700;margin-bottom:12px;line-height:1.3;color:var(--text)}.detail__body{font-size:15px;color:var(--text-dim);line-height:1.6;white-space:pre-wrap;margin-bottom:16px}.detail__image{width:100%;border-radius:var(--radius-sm);margin-bottom:16px;object-fit:cover}.detail__link{display:inline-flex;align-items:center;gap:6px;color:var(--accent);font-size:13px;font-weight:500;text-decoration:none;padding:8px 14px;background:var(--bg-secondary);border-radius:var(--radius-sm);margin-bottom:16px;transition:all .15s}.detail__link:hover{background:var(--bg-hover);color:var(--accent-dim)}.detail__actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.action-btn{display:flex;align-items:center;gap:6px;padding:10px 18px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.action-btn:hover{background:var(--accent-dim)}.detail__data{margin:16px 0}.detail__data summary{font-size:12px;color:var(--text-muted);cursor:pointer;margin-bottom:8px}.detail__data pre{background:var(--bg-secondary);padding:12px;border-radius:var(--radius-sm);font-size:11px;color:var(--text-dim);overflow-x:auto;white-space:pre-wrap;line-height:1.5;border:1px solid var(--border)}.detail__delete{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:10px;margin-top:24px;background:none;border:1px solid var(--border);color:var(--danger);border-radius:var(--radius-sm);font-size:13px;cursor:pointer;transition:all .15s}.detail__delete:hover{border-color:var(--danger);background:#ef44440d}.settings{padding:16px;background:var(--bg-secondary)}.settings__section{margin-bottom:28px;background:var(--bg);padding:16px;border-radius:var(--radius);border:1px solid var(--border)}.settings__section h3{font-size:14px;font-weight:600;margin-bottom:12px;display:flex;align-items:center;gap:6px;color:var(--text)}.settings__hint{font-size:12px;color:var(--text-muted);margin-bottom:10px;line-height:1.4}.settings__key-box{display:flex;align-items:center;gap:8px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;margin-bottom:8px}.settings__key{flex:1;font-size:12px;font-family:SF Mono,Fira Code,monospace;word-break:break-all;color:var(--accent)}.settings__key-btn{background:none;border:none;color:var(--text-dim);cursor:pointer;padding:4px;flex-shrink:0;transition:color .15s}.settings__key-btn:hover{color:var(--accent)}.settings__regen-btn{display:flex;align-items:center;gap:6px;background:none;border:1px solid var(--border);color:var(--text-dim);padding:6px 14px;border-radius:var(--radius-sm);font-size:12px;cursor:pointer;transition:all .15s}.settings__regen-btn:hover{border-color:var(--danger);color:var(--danger)}.settings__field{margin-bottom:12px}.settings__field label{font-size:12px;color:var(--text-dim);margin-bottom:4px;display:block}.settings__input-row{display:flex;gap:8px}.settings__input{flex:1;background:var(--bg-secondary);border:1px solid var(--border);color:var(--text);padding:8px 12px;border-radius:var(--radius-sm);font-size:13px;outline:none;transition:all .15s}.settings__input:focus{border-color:var(--accent);background:var(--bg);box-shadow:0 0 0 3px #5b7fe61a}.settings__save-btn{background:var(--accent);color:#fff;border:none;padding:8px 16px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.settings__save-btn:hover{background:var(--accent-dim)}.settings__info{font-size:12px;color:var(--text-muted);line-height:1.8;margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.settings__info code{font-family:SF Mono,Fira Code,monospace;font-size:10px;background:var(--bg-secondary);padding:2px 6px;border-radius:4px;color:var(--accent)}.settings__code{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px;font-size:11px;font-family:SF Mono,Fira Code,monospace;color:var(--text-dim);overflow-x:auto;white-space:pre-wrap;line-height:1.5}.channels{padding:8px 0;background:var(--bg)}.channel-row{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border);transition:background .15s}.channel-row:hover{background:var(--bg-hover)}.channel-row__info{display:flex;align-items:center;gap:8px}.channel-row__name{font-size:14px;font-weight:500;display:flex;align-items:center;gap:4px;color:var(--text)}.channel-row__muted{font-size:10px;color:var(--text-muted);background:var(--bg-secondary);padding:2px 6px;border-radius:8px}.channel-row__mute-btn{background:none;border:none;color:var(--text-dim);cursor:pointer;padding:6px;border-radius:var(--radius-sm);transition:all .15s}.channel-row__mute-btn--muted{color:var(--text-muted)}.channel-row__mute-btn:hover{background:var(--bg-hover);color:var(--accent)}@media(max-width:480px){.app{max-width:100%}}@supports (padding: env(safe-area-inset-top)){.header{padding-top:calc(12px + env(safe-area-inset-top))}.content{padding-bottom:calc(16px + env(safe-area-inset-bottom))}}