:root,body.theme-light{--page-bg:#eae7e2;--card-bg:#faf8f5;--card-inner:#f3f0ec;--table-bg:#f5f2ee;--table-header-bg:#edeae5;--border:#e0ddd8;--search-bg:#f0ede8;--hover-bg:#edeae5;--chip-bg:#eeebe6;--text:#1a1a1a;--text-secondary:#555;--hint:#888;--link:#2481cc;--accent:#2481cc;--accent-text:#fff;--danger:#e53935;--danger-bg:#fdecea;--success:#2e7d32;--success-bg:#e8f5e9;--pill-all-bg:#f0d5d3;--pill-all-text:#c62828;--pill-channel-bg:#d0e4f5;--pill-channel-text:#1565c0;--pill-group-bg:#f0dfc5;--pill-group-text:#e65100;--pill-none-bg:#e8e5e0;--pill-none-text:#555;--pill-delete-bg:#f0d5d3;--pill-delete-text:#c62828;--pill-warn-bg:#f0dfc5;--pill-warn-text:#e65100;--pill-ban-bg:#eacdd5;--pill-ban-text:#b71c1c;--pill-notify-bg:#d0e4f5;--pill-notify-text:#1565c0;--pill-admin-bg:#d0e8d0;--pill-admin-text:#1b5e20;--icon-red-bg:#f5ddd9;--icon-red-fg:#d32f2f;--icon-orange-bg:#f5e6d0;--icon-orange-fg:#e65100;--icon-blue-bg:#d8e8f5;--icon-blue-fg:#1565c0;--icon-green-bg:#d8ead8;--icon-green-fg:#2e7d32;--icon-purple-bg:#e8d8f0;--icon-purple-fg:#7b1fa2;--icon-gray-bg:#e8e5e0;--icon-gray-fg:#555}body.theme-dark{--page-bg:#0e0e10;--card-bg:#1c1c1e;--card-inner:#252528;--table-bg:#222225;--table-header-bg:#1e1e22;--border:#2a2a2e;--search-bg:#252528;--hover-bg:#2a2a2e;--chip-bg:#2a2a30;--text:#e8e8e8;--text-secondary:#aaa;--hint:#777;--link:#5ba8e0;--accent:#2481cc;--accent-text:#fff;--danger:#ef5350;--danger-bg:#3a1a1a;--success:#66bb6a;--success-bg:#1a3a1a;--pill-all-bg:#3a1a1a;--pill-all-text:#ef5350;--pill-channel-bg:#1a2a3a;--pill-channel-text:#42a5f5;--pill-group-bg:#3a2a10;--pill-group-text:#ffa726;--pill-none-bg:#2a2a2a;--pill-none-text:#999;--pill-delete-bg:#3a1a1a;--pill-delete-text:#ef5350;--pill-warn-bg:#3a2a10;--pill-warn-text:#ffa726;--pill-ban-bg:#3a1020;--pill-ban-text:#ef5350;--pill-notify-bg:#1a2a3a;--pill-notify-text:#42a5f5;--pill-admin-bg:#1b3a1e;--pill-admin-text:#66bb6a;--icon-red-bg:#3a1a1a;--icon-red-fg:#ef5350;--icon-orange-bg:#3a2a10;--icon-orange-fg:#ffa726;--icon-blue-bg:#1a2a3a;--icon-blue-fg:#42a5f5;--icon-green-bg:#1a3a1a;--icon-green-fg:#66bb6a;--icon-purple-bg:#2a1a3a;--icon-purple-fg:#ab47bc;--icon-gray-bg:#2a2a2a;--icon-gray-fg:#999}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--page-bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23888' d='M0 0l5 6 5-6z'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;padding-right:24px!important}.app{flex-direction:column;min-height:100vh;display:flex}.app-header{background:var(--card-bg);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.channel-chip{background:var(--chip-bg);color:var(--text);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;border-radius:16px;align-items:center;gap:6px;max-width:180px;padding:4px 12px;font-size:.85em;font-weight:600;transition:background .15s;display:inline-flex;overflow:hidden}.channel-chip:hover{background:var(--hover-bg)}.channel-chip svg{opacity:.5;width:14px;height:14px}.user-info{color:var(--text-secondary);align-items:center;gap:8px;font-size:.85em;display:flex}.user-avatar{background:var(--accent);width:32px;height:32px;color:var(--accent-text);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:.75em;font-weight:700;display:flex}.pill{letter-spacing:.02em;white-space:nowrap;vertical-align:middle;border-radius:10px;padding:2px 8px;font-size:.7em;font-weight:600;display:inline-block}.pill-scope-all{background:var(--pill-all-bg);color:var(--pill-all-text)}.pill-scope-channel{background:var(--pill-channel-bg);color:var(--pill-channel-text)}.pill-scope-group{background:var(--pill-group-bg);color:var(--pill-group-text)}.pill-scope-none{background:var(--pill-none-bg);color:var(--pill-none-text)}.pill-action-delete{background:var(--pill-delete-bg);color:var(--pill-delete-text)}.pill-action-warn{background:var(--pill-warn-bg);color:var(--pill-warn-text)}.pill-action-ban{background:var(--pill-ban-bg);color:var(--pill-ban-text)}.pill-action-notify{background:var(--pill-notify-bg);color:var(--pill-notify-text)}.pill-role-admin{background:var(--pill-admin-bg);color:var(--pill-admin-text)}.pill-role-superadmin{background:var(--pill-channel-bg);color:var(--pill-channel-text)}.pill-role-root_superadmin{background:var(--pill-all-bg);color:var(--pill-all-text)}main{padding:16px;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 32px);flex:1}.page{max-width:480px;margin:0 auto}.page.center{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;display:flex}h2{font-size:1.1em;font-weight:700}.error{color:var(--danger);margin-bottom:12px;font-size:.85em}.hint{color:var(--hint);font-size:.9em}.spinner-wrap{color:var(--hint);justify-content:center;align-items:center;padding:32px 0;display:flex}.spinner-wrap.inline{vertical-align:middle;padding:0;display:inline-flex}.spinner{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toast-container{bottom:calc(env(safe-area-inset-bottom,0px) + 48px);z-index:9999;pointer-events:none;flex-direction:column;gap:8px;width:calc(100% - 32px);max-width:420px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast{pointer-events:auto;border-radius:10px;padding:10px 16px;font-size:.85em;line-height:1.4;animation:.25s ease-out toast-in;box-shadow:0 4px 12px #00000026}.toast-error{background:var(--danger-bg,#fdecea);color:var(--danger,#e53935);border:1px solid var(--danger,#e53935)}.toast-success{background:var(--success-bg);color:var(--success);border:1px solid var(--success)}.toast-info{background:var(--card-bg);color:var(--text);border:1px solid var(--border)}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.section-header{align-items:center;gap:8px;margin-bottom:12px;display:flex}.section-header h2{flex:1}.back-btn{color:var(--link);cursor:pointer;background:0 0;border:none;padding:2px 8px 2px 0;font-size:1.2em;line-height:1}.toolbar{flex-wrap:wrap;gap:6px;display:flex}.btn{border:1px solid var(--border);background:var(--card-bg);color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;gap:4px;padding:6px 12px;font-size:.8em;font-weight:500;transition:border-color .15s,color .15s;display:inline-flex}.btn:hover{border-color:var(--accent);color:var(--accent)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--accent-text);cursor:pointer;border:none;border-radius:6px;padding:6px 14px;font-size:.85em;font-weight:500;transition:opacity .15s}.btn-primary:hover{opacity:.9}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-danger-outline{border-color:var(--danger);color:var(--danger)}.btn-danger-outline:hover{background:var(--danger-bg);border-color:var(--danger);color:var(--danger)}.btn-danger{background:var(--danger);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:4px 10px;font-size:.8em}.confirm-del{gap:4px;display:flex}.search-bar{background:var(--search-bg);border:1px solid var(--border);border-radius:8px;align-items:center;gap:8px;margin-bottom:12px;padding:8px 12px;display:flex}.search-bar svg{width:16px;height:16px;color:var(--hint);flex-shrink:0}.search-bar input{color:var(--text);background:0 0;border:none;outline:none;flex:1;font-size:.9em}.search-bar input::placeholder{color:var(--hint)}.filter-row{gap:8px;margin-bottom:12px;display:flex}.filter-row select{border:1px solid var(--border);background-color:var(--card-bg);color:var(--text);border-radius:6px;padding:6px 24px 6px 10px;font-size:.85em}.table-wrap{background:var(--table-bg);border:1px solid var(--border);border-radius:8px;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:.85em}.data-table th{text-align:left;background:var(--table-header-bg);color:var(--hint);white-space:nowrap;border-bottom:1px solid var(--border);padding:8px 10px;font-weight:600}.data-table td{border-bottom:1px solid var(--border);vertical-align:top;padding:8px 10px}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:var(--hover-bg)}.cell-main{overflow-wrap:anywhere;font-weight:500}.cell-sub{color:var(--hint);font-size:.85em}.row-muted{opacity:.5}.action-cell{white-space:nowrap}.action-buttons{gap:4px;display:flex}.action-buttons .btn{min-width:48px}.action-confirm{align-items:center;gap:4px;display:flex}.action-confirm select{border:1px solid var(--border);background-color:var(--card-bg);color:var(--text);border-radius:4px;padding:3px 24px 3px 6px;font-size:.85em}.pagination{justify-content:center;align-items:center;gap:4px;margin-top:12px;display:flex}.page-num{border:1px solid var(--border);background:var(--card-bg);min-width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:0 6px;font-size:.8em;transition:border-color .15s;display:inline-flex}.page-num:hover{border-color:var(--accent);color:var(--accent)}.page-num.active{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.page-num:disabled{opacity:.4;cursor:not-allowed}.page-ellipsis{color:var(--hint);padding:0 4px;font-size:.8em}.add-form{background:var(--card-bg);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:8px;margin-bottom:12px;padding:12px;display:flex}.add-form input,.add-form select{border:1px solid var(--border);background-color:var(--card-inner);color:var(--text);border-radius:6px;padding:8px 10px;font-size:.9em}.add-form select{padding-right:24px}.add-form input:focus,.add-form select:focus{border-color:var(--accent);outline:none}.form-actions{gap:8px;display:flex}.inline-select{border:1px solid var(--border);background-color:var(--card-inner);color:var(--text);border-radius:6px;padding:4px 24px 4px 8px;font-size:.85em;font-weight:500;transition:border-color .15s}.inline-select:hover{border-color:var(--accent)}.dashboard-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.stat-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.stat-card{background:var(--card-bg);border:1px solid var(--border);border-radius:10px;align-items:center;gap:12px;padding:14px;transition:border-color .15s;display:flex}.stat-card-link{cursor:pointer}.stat-card-link:hover{border-color:var(--accent)}.stat-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.stat-icon svg{stroke-width:2px;width:20px;height:20px}.stat-icon-red{background:var(--icon-red-bg);color:var(--icon-red-fg)}.stat-icon-orange{background:var(--icon-orange-bg);color:var(--icon-orange-fg)}.stat-icon-blue{background:var(--icon-blue-bg);color:var(--icon-blue-fg)}.stat-icon-green{background:var(--icon-green-bg);color:var(--icon-green-fg)}.stat-icon-purple{background:var(--icon-purple-bg);color:var(--icon-purple-fg)}.stat-icon-gray{background:var(--icon-gray-bg);color:var(--icon-gray-fg)}.stat-info{flex:1;min-width:0}.stat-value{font-size:1.5em;font-weight:700;line-height:1.2}.stat-label{color:var(--hint);font-size:.8em}.dash-section{margin-bottom:16px}.dash-section-title{color:var(--hint);text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px;font-size:.8em;font-weight:600}.channel-list{flex-direction:column;gap:8px;list-style:none;display:flex}.channel-item{align-items:center;gap:8px;display:flex}.channel-btn{border:1px solid var(--border);background:var(--card-bg);color:var(--text);cursor:pointer;text-align:left;border-radius:8px;flex:1;padding:12px 16px;font-size:1em;transition:border-color .15s}.channel-btn:hover{border-color:var(--accent)}.channel-btn.active{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.channel-btn:disabled{opacity:.6;cursor:wait}.badge{border-radius:4px;padding:2px 6px;font-size:.75em;font-weight:600;display:inline-block}.badge-flag{background:var(--accent);color:var(--accent-text);white-space:nowrap}.flags-cell{flex-wrap:wrap;gap:4px;margin-top:2px;display:flex}.scan-controls,.scan-progress{margin-bottom:16px}.progress-bar{background:var(--card-inner);border-radius:4px;height:8px;margin-bottom:6px;overflow:hidden}.progress-fill{background:var(--accent);border-radius:4px;height:100%;transition:width .3s}.progress-text{color:var(--hint);font-size:.85em}.scan-summary{margin-bottom:16px;font-size:.9em}.settings-list{flex-direction:column;gap:12px;display:flex}.setting-item{background:var(--card-bg);border:1px solid var(--border);border-radius:8px;overflow:hidden}.setting-row{cursor:pointer;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.setting-label{font-size:.95em}.setting-hint{color:var(--hint);padding:0 12px 10px;font-size:.8em;line-height:1.3}.toggle{flex-shrink:0;width:44px;height:24px;position:relative}.toggle input{opacity:0;width:0;height:0}.toggle-track{background:var(--border);cursor:pointer;border-radius:12px;transition:background .2s;position:absolute;inset:0}.toggle-track:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:2px;left:2px}.toggle input:checked+.toggle-track{background:var(--accent)}.toggle input:checked+.toggle-track:after{transform:translate(20px)}.theme-switcher{border:1px solid var(--border);border-radius:6px;display:flex;overflow:hidden}.theme-option{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:4px 12px;font-size:.8em;font-weight:500;transition:background .15s,color .15s}.theme-option+.theme-option{border-left:1px solid var(--border)}.theme-option:hover{background:var(--hover-bg)}.theme-option.active{background:var(--accent);color:var(--accent-text)}.link-btn{color:var(--link);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:.9em}.row-expandable{cursor:pointer}.row-expandable.expanded{background:var(--hover-bg)}.row-detail td{padding:0!important}.row-detail:hover{background:0 0!important}.detail-panel{background:var(--card-inner);flex-direction:column;gap:6px;padding:8px 10px 10px;display:flex}.detail-field{justify-content:space-between;align-items:center;font-size:.85em;display:flex}.detail-label{color:var(--hint);white-space:nowrap;margin-right:8px}.detail-value{text-align:right;word-break:break-word}.detail-actions{flex-wrap:wrap;align-items:center;gap:6px;padding-top:4px;display:flex}.detail-hint{width:100%;color:var(--hint);font-size:.82em}@media (width<=480px){.section-header{flex-wrap:wrap;row-gap:8px}.section-header .toolbar{width:100%}.data-table th,.data-table td{padding:6px 8px}.data-table{font-size:.82em}.filter-row{flex-wrap:wrap}main{padding:12px;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 28px)}}@supports (-webkit-touch-callout:none){input,select,textarea{font-size:16px!important}}