:root{--bg: #ffffff;--panel: #f4f4f5;--ink: #0f172a;--muted: #64748b;--accent: #7c3aed;--accent-soft: #ede9fe;--border: #e2e8f0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--panel);color:var(--ink);-webkit-font-smoothing:antialiased}.shell{max-width:460px;margin:0 auto;min-height:100vh;background:var(--panel);padding:1.5rem 1.25rem 3rem}.balance-label{font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 .25rem}.balance{font-size:clamp(2.75rem,14vw,4rem);font-weight:800;letter-spacing:-.03em;margin:0 0 1.5rem;line-height:1}.today{margin-bottom:.75rem}.today .views{font-weight:600;font-size:1.05rem}.today .earned{color:var(--accent);font-weight:700;margin-right:.4rem}.periods{display:flex;gap:.5rem;justify-content:center;margin:1.25rem 0}.period{border:none;border-radius:999px;padding:.55rem 1.4rem;font-size:.9rem;font-weight:600;cursor:pointer;background:var(--bg);color:var(--ink)}.period[aria-pressed=true]{background:var(--accent);color:#fff}.card{background:var(--bg);border-radius:18px;padding:1.25rem}.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;font-weight:700}.tiles{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.tile{background:var(--panel);border-radius:14px;padding:.9rem 1rem}.tile .k{font-size:.7rem;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}.tile .v{font-size:1.6rem;font-weight:800;letter-spacing:-.02em;margin-top:.15rem}.signin{display:flex;flex-direction:column;gap:.75rem;margin-top:2rem}.logotype{display:flex;align-items:center;gap:.5rem;margin:.5rem 0 2.5rem}.logotype img{width:34px;height:34px}.logotype span{font-size:1.75rem;font-weight:700;letter-spacing:-.03em}.signin-title{font-size:2rem;font-weight:700;letter-spacing:-.02em;margin:0 0 .75rem}.btn-provider{position:relative;width:100%;border:1px solid color-mix(in srgb,var(--ink) 20%,transparent);border-radius:999px;background:transparent;color:var(--ink);padding:1rem 3rem;font-size:1rem;font-weight:600;cursor:pointer}.btn-provider:hover:not(:disabled){background:var(--bg)}.btn-provider:disabled{opacity:.6;cursor:default}.btn-provider-icon{position:absolute;left:1.25rem;top:50%;width:22px;height:22px;transform:translateY(-50%)}.btn{border:1px solid var(--border);background:var(--bg);border-radius:12px;padding:.85rem 1rem;font-size:.95rem;font-weight:600;cursor:pointer}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.error{color:#dc2626;font-size:.85rem}.muted{color:var(--muted);font-size:.85rem}.linkish{background:none;border:none;color:var(--muted);cursor:pointer;font-size:.8rem;padding:0}@media (prefers-color-scheme: dark){:root{--bg: #18181b;--panel: #0b0b0e;--ink: #f4f4f5;--muted: #a1a1aa;--border: #27272a}}.recharts-wrapper:focus,.recharts-wrapper :focus{outline:none}