:root{--bg:#fafafa;--surface:#fff;--border:#e2e2e2;--text:#1a1a1a;--text-muted:#6b6b6b;--accent:#1e88e5;--accent-bg:#e6f1fb;--danger:#d32f2f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#121212;--surface:#1e1e1e;--border:#333;--text:#f0f0f0;--text-muted:#9a9a9a;--accent:#64b5f6;--accent-bg:#1a2733}}*{box-sizing:border-box}body{margin:0}h1{flex:1;margin:0;font-size:20px;font-weight:600}.muted{color:var(--text-muted);font-size:14px}.error-text{color:var(--danger);font-size:14px}.app-shell{max-width:640px;min-height:100svh;margin:0 auto}.top-bar{border-bottom:1px solid var(--border);background:var(--bg);align-items:center;gap:12px;padding:16px;display:flex;position:sticky;top:0}.centered-page{justify-content:center;align-items:center;min-height:100svh;padding:24px;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:12px;width:100%;max-width:380px;padding:24px;display:flex}.card h1{font-size:22px}input{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;width:100%;padding:10px 12px}button{font:inherit;cursor:pointer}.primary-button{background:var(--accent);color:#fff;border:none;border-radius:8px;padding:10px 16px;font-weight:500}.primary-button:disabled{opacity:.5;cursor:default}.text-button{color:var(--accent);background:0 0;border:none;align-self:flex-start;padding:4px}.icon-button{color:var(--text-muted);background:0 0;border:none;padding:8px;font-size:18px;line-height:1}.empty-state{text-align:center;color:var(--text-muted);padding:48px 24px}.list{flex-direction:column;display:flex}.channel-row{border:none;border-bottom:1px solid var(--border);color:inherit;text-align:left;background:0 0;align-items:center;gap:12px;width:100%;padding:12px 16px;display:flex}.avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:48px;height:48px}.avatar-placeholder{background:var(--accent-bg)}.channel-row-text{flex:1;min-width:0}.channel-row-title{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.chevron{color:var(--text-muted);font-size:20px}.clip-row{border-bottom:1px solid var(--border);align-items:flex-start;gap:12px;padding:12px 16px;display:flex}.clip-thumb-link{flex-shrink:0}.clip-thumb{object-fit:cover;background:var(--accent-bg);border-radius:8px;width:96px;height:54px;display:block}.clip-row-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.clip-title{color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:500;text-decoration:none;display:-webkit-box;overflow:hidden}.clip-title:hover{color:var(--accent)}.clip-meta{color:var(--accent);font-size:13px}.note-display{color:var(--text-muted);text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;max-width:100%;padding:0;font-size:13px;overflow:hidden}.note-edit{gap:6px;margin-top:2px;display:flex}.note-edit input{padding:6px 8px;font-size:13px}.delete-confirm{flex-shrink:0;align-items:center;gap:6px;font-size:13px;display:flex}.code-input{letter-spacing:6px;text-align:center;font-size:24px}.google-button{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:10px 16px;font-weight:500}.or-divider{color:var(--text-muted);align-items:center;gap:12px;font-size:13px;display:flex}.or-divider:before,.or-divider:after{content:"";background:var(--border);flex:1;height:1px}