:root{--bg:#fafafa;--card:#fff;--ink:#18181b;--ink-soft:#52525b;--ink-faint:#a1a1aa;--line:#e8e8ec;--accent:#2563eb;--accent-soft:#eff4ff;--danger:#dc2626;--radius:16px;--shadow:0 1px 2px #1010140a, 0 4px 16px #1010140a}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.5}button{font:inherit;cursor:pointer}.signin-page{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.signin-card{background:var(--card);border:1px solid var(--line);width:100%;max-width:380px;box-shadow:var(--shadow);text-align:center;border-radius:24px;padding:44px 36px}.signin-mark{margin-bottom:18px;font-size:34px;line-height:1}.signin-card h1{letter-spacing:-.02em;margin:0 0 8px;font-size:24px;font-weight:650}.signin-card p{color:var(--ink-soft);margin:0 0 28px;font-size:15px}.signin-buttons{flex-direction:column;gap:10px;display:flex}.provider-btn{border:1px solid var(--line);background:var(--card);width:100%;color:var(--ink);border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:13px 20px;font-weight:550;text-decoration:none;transition:background .15s,border-color .15s;display:flex}.provider-btn:hover{background:#f6f6f8;border-color:#dcdce2}.signin-note{color:var(--ink-faint);margin:18px 0 0;font-size:12.5px}.shell{max-width:680px;margin:0 auto;padding:0 20px 96px}.header{justify-content:space-between;align-items:center;padding:20px 0 34px;display:flex}.brand{letter-spacing:-.01em;align-items:center;gap:8px;font-weight:600;display:flex}.header-right{align-items:center;gap:10px;display:flex}.avatar{background:var(--accent-soft);width:28px;height:28px;color:var(--accent);object-fit:cover;border-radius:999px;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex}.signout{color:var(--ink-faint);background:0 0;border:0;padding:4px;font-size:13.5px}.signout:hover{color:var(--ink)}.headline{letter-spacing:-.025em;text-align:center;margin:8px 0 22px;font-size:27px;font-weight:650}.searchbar{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:8px;padding:7px 7px 7px 22px;transition:border-color .15s,box-shadow .15s;display:flex}.searchbar:focus-within{border-color:#c9d8fb;box-shadow:0 0 0 4px #2563eb17}.searchbar input{font:inherit;color:var(--ink);background:0 0;border:0;outline:none;flex:1;min-width:0;padding:8px 0;font-size:16px}.searchbar input::placeholder{color:var(--ink-faint)}.scan-btn{background:var(--accent);color:#fff;border:0;border-radius:999px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;transition:opacity .15s,transform .1s;display:flex}.scan-btn:hover:not(:disabled){opacity:.88}.scan-btn:active:not(:disabled){transform:scale(.95)}.scan-btn:disabled{opacity:.4;cursor:default}.spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:999px;width:17px;height:17px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.chips{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px;display:flex}.chip{border:1px solid var(--line);background:var(--card);color:var(--ink-soft);border-radius:999px;padding:7px 14px;font-size:13px;transition:border-color .15s,color .15s}.chip:hover:not(:disabled){color:var(--accent);border-color:#c9d8fb}.chip:disabled{opacity:.5;cursor:default}.mailboxes{flex-wrap:wrap;justify-content:center;gap:7px;margin:-14px 0 4px;display:flex}.mailbox{border:1px solid var(--line);background:var(--card);color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;border-radius:999px;align-items:center;gap:6px;max-width:100%;padding:5px 6px 5px 11px;font-size:12.5px;display:inline-flex;overflow:hidden}.mailbox.stale{color:var(--danger);background:#fef2f2;border-color:#fecaca}.mailbox-remove{color:var(--ink-faint);background:0 0;border:0;border-radius:999px;padding:0 4px;font-size:15px;line-height:1}.mailbox-remove:hover{color:var(--danger)}.mailbox.add{color:var(--ink-faint);border-style:dashed;padding:5px 12px;transition:border-color .15s,color .15s}.mailbox.add:hover{color:var(--accent);border-style:solid;border-color:#c9d8fb}.results{margin-top:34px}.via{border-left:1px solid var(--line);color:var(--ink-faint);margin-left:8px;padding-left:8px;font-size:12px}.results-meta{color:var(--ink-faint);justify-content:space-between;align-items:baseline;padding:0 4px 10px;font-size:13px;display:flex}.list{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.row{border-bottom:1px solid var(--line);color:inherit;align-items:flex-start;gap:12px;padding:15px 18px;text-decoration:none;transition:background .12s;display:flex}.row:last-child{border-bottom:0}.row:hover{background:#fbfbfd}.dot{background:var(--accent);border-radius:999px;flex:none;width:7px;height:7px;margin-top:7px}.dot.read{background:0 0}.row-main{flex:1;min-width:0}.row-top{align-items:baseline;gap:10px;display:flex}.subject{min-width:0;color:var(--ink);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:14.5px;font-weight:500;overflow:hidden}.subject.unread{font-weight:650}.date{color:var(--ink-faint);flex:none;font-size:12.5px}.sender{color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:13px;overflow:hidden}.snippet{color:var(--ink-faint);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:13px;overflow:hidden}.score{text-align:center;background:var(--accent-soft);min-width:34px;color:var(--accent);border-radius:999px;flex:none;margin-top:2px;padding:3px 8px;font-size:11.5px;font-weight:600}.score.mid{color:#71717a;background:#f4f4f6}.score.low{color:var(--ink-faint);background:#f7f7f9}.empty{text-align:center;color:var(--ink-faint);padding:52px 24px}.empty strong{color:var(--ink-soft);margin-bottom:4px;font-weight:550;display:block}.hint{text-align:center;color:var(--ink-faint);padding:56px 24px;font-size:13.5px}.error{color:var(--danger);background:#fef2f2;border:1px solid #fecaca;border-radius:12px;align-items:center;gap:8px;margin-top:20px;padding:12px 16px;font-size:13.5px;display:flex}.skeleton .row{pointer-events:none}.bar{background:linear-gradient(90deg,#f1f1f4 25%,#e9e9ee 50%,#f1f1f4 75%) 0 0/200% 100%;border-radius:999px;height:10px;animation:1.3s ease-in-out infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.bar,.spinner{animation:none}}@media (width<=520px){.headline{font-size:22px}.snippet{display:none}}