:root{--bg:#fafafa;--surface:#fff;--text:#111;--muted:#6b6b6b;--border:#e6e6e6;--accent:#e1306c;--accent-text:#fff;--chip:#f0f0f0;--danger:#c62828;--radius:14px;--shadow:0 1px 2px #0000000a, 0 2px 8px #0000000a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Sans,Noto Sans Devanagari,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0e0e0e;--surface:#181818;--text:#f2f2f2;--muted:#a0a0a0;--border:#2a2a2a;--chip:#242424;--danger:#ef5350;--shadow:none}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0}body{min-height:100dvh}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2{margin:0 0 .5rem;line-height:1.2}h1{font-size:1.6rem}h2{font-size:1.05rem}p{margin:0 0 .75rem}button{font:inherit}.page{flex-direction:column;min-height:100dvh;display:flex}.main{flex:1;width:100%;max-width:720px;margin:0 auto;padding:1rem 1rem 2rem}.header{z-index:5;padding:.75rem 1rem;padding-top:max(.75rem, env(safe-area-inset-top));background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:.75rem;display:flex;position:sticky;top:0}.brand{color:var(--text);align-items:center;gap:.5rem;font-weight:700;display:flex}.brand:hover{text-decoration:none}.brand-mark{background:var(--accent);clip-path:polygon(20% 12%,80% 12%,80% 90%,50% 72%,20% 90%);border-radius:6px;width:22px;height:22px}.header-right{align-items:center;gap:.75rem;display:flex}.bot-handle{font-size:.9rem;font-weight:600}.icon-link{color:var(--text);padding:.25rem;font-size:1.2rem;line-height:1}.icon-link:hover{opacity:.7;text-decoration:none}.footer{color:var(--muted);justify-content:center;gap:.5rem;padding:1.25rem;font-size:.85rem;display:flex}.footer a{color:var(--muted)}.hero{padding:1.5rem 0 1rem}.lead{color:var(--muted);font-size:1.1rem}.steps{margin:0 0 1.5rem;padding-left:1.25rem}.steps li{margin-bottom:.6rem}.stack{flex-direction:column;gap:.75rem;display:flex}.center{text-align:center;align-items:center}.muted{color:var(--muted)}.small{font-size:.85rem}.error{color:var(--danger)}.note{background:var(--chip);border-radius:8px;padding:.5rem .75rem}.page-title{margin:.5rem 0 1rem}.btn{cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;min-height:44px;padding:.6rem 1.1rem;font-weight:600;text-decoration:none;transition:opacity .15s;display:inline-flex}.btn:hover{opacity:.9;text-decoration:none}.btn:disabled{opacity:.6;cursor:default}.btn-primary{background:var(--accent);color:var(--accent-text)}.btn-ghost{color:var(--text);border-color:var(--border);background:0 0}.btn-danger{background:var(--danger);color:#fff}.btn-google{background:var(--surface);color:var(--text);border-color:var(--border);box-shadow:var(--shadow)}.btn-sm{min-height:36px;padding:.35rem .9rem;font-size:.9rem}.link-btn{color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0}.search{margin-bottom:.75rem}.search input{border:1px solid var(--border);background:var(--surface);width:100%;min-height:44px;color:var(--text);border-radius:999px;padding:.6rem 1rem;font-size:1rem}.search input:focus{outline:2px solid var(--accent);outline-offset:1px}.search p{margin:.4rem 0 0 1rem}.chips{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:.5rem;margin:0 -1rem;padding:.25rem 1rem .75rem;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{border:1px solid var(--border);background:var(--chip);min-height:36px;color:var(--text);cursor:pointer;white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:.35rem;padding:.3rem .85rem;display:inline-flex}.chip.active{background:var(--text);color:var(--bg);border-color:var(--text)}.chip-static{cursor:default;opacity:.75;border-style:dashed}.chip-n{opacity:.7;font-size:.8rem}.filter-note{margin-bottom:.75rem;font-size:.9rem}.list{flex-direction:column;gap:.75rem;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:.9rem 1rem}.card-top{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.badge{background:color-mix(in srgb, var(--accent) 12%, transparent);color:var(--accent);border-radius:999px;padding:.15rem .6rem;font-size:.78rem;font-weight:600}.badge-pending{background:var(--chip);color:var(--muted)}.caption{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.clamp{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.summary{color:var(--muted);margin:.5rem 0 0;font-size:.92rem}.summary-label{color:var(--text);margin-right:.25rem;font-weight:600}.tags{flex-wrap:wrap;gap:.35rem;margin-top:.6rem;display:flex}.tag{background:var(--chip);color:var(--muted);cursor:pointer;border:0;border-radius:999px;padding:.1rem .55rem;font-size:.8rem}.card-actions{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}.preview{background:#000;border-radius:10px;width:100%;max-height:70vh;margin-top:.75rem;display:block}.empty{text-align:center;flex-direction:column;align-items:center;gap:.5rem;padding:2.5rem 1rem;display:flex}.retention{margin-top:1.5rem}.spinner-wrap{flex-direction:column;align-items:center;gap:.6rem;padding:2rem 0;display:flex}.spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1rem;padding:1rem}.account{align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.avatar{border-radius:50%}.kv{border-top:1px solid var(--border);justify-content:space-between;gap:1rem;padding:.4rem 0;display:flex}.panel .btn{margin-top:.75rem}.dialog{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:min(92vw,440px);color:var(--text);padding:1.25rem}.dialog::backdrop{background:#00000080}.dialog ul{margin:0 0 .75rem;padding-left:1.25rem}.dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;margin-top:1rem;display:flex}.banner{z-index:10;color:#111;text-align:center;background:#ffb300;padding:.5rem 1rem;font-size:.9rem;font-weight:600;position:sticky;top:0}.toast{left:50%;bottom:max(1rem, env(safe-area-inset-bottom));z-index:20;background:var(--text);color:var(--bg);cursor:pointer;border-radius:12px;max-width:calc(100vw - 2rem);padding:.7rem 1.1rem;font-size:.92rem;position:fixed;transform:translate(-50%);box-shadow:0 4px 16px #0003}