:root{--bg:#f2f2f2;--bg-card:#fff;--fg:#2f2f2f;--muted:#8f8f8f;--accent:#57106e;--accent-soft:#0e8db1;--danger:#b3261e;--radius:18px;--shadow-soft:0 6px 18px rgba(0,0,0,.06);--font:"Montserrat",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;--transition:0.18s ease-out}@media (prefers-color-scheme:dark){:root{--bg:#242424;--bg-card:#1a1a1a;--fg:#f2f2f2;--muted:#8f8f8f;--accent:#b794f4;--accent-soft:#38bdf8;--danger:#f97316;--shadow-soft:0 10px 30px rgba(0,0,0,.7)}}*{box-sizing:border-box}body{background-color:var(--bg);color:var(--fg);display:flex;font-family:var(--font);font-size:1.1em;justify-content:center;margin:0;min-height:100vh}.content{max-width:720px;padding:32px 20px 24px;width:100%}h1{margin:0 0 .1em}p{margin-bottom:.4em;margin-top:.2em}.secondary{color:var(--muted)}.card{background-color:var(--bg-card);border:1px solid rgba(0,0,0,.08);border-radius:var(--radius);box-shadow:none;margin-top:16px;padding:16px 18px 14px}.buttons{margin-top:.8em;text-align:center}.medium-round-button{border:none;border-radius:999px;color:#fff;cursor:pointer;display:inline-block;font-family:var(--font);font-size:.75em;margin:0 4px 6px;padding:11px 22px;text-align:center;text-decoration:none;transition:all var(--transition)}.mrb-purple{background-color:var(--accent)}.mrb-purple:hover{background-color:#6e1c86;box-shadow:none;transform:translateY(-1px)}.mrb-lightblue{background-color:var(--accent-soft)}.mrb-lightblue:hover{background-color:#10a4c8;box-shadow:none;transform:translateY(-1px)}.mrb-outline{background-color:transparent;border:1px solid rgba(0,0,0,.08);color:var(--muted)}.mrb-outline:hover{border-color:var(--accent-soft);box-shadow:none;color:var(--accent-soft);transform:translateY(-1px)}#alreadyClickedToday{color:#25722b;font-size:.8em;margin-top:.3em}.tiny-text{color:var(--muted);font-size:.65em}.tiny-text a{color:var(--accent-soft);text-decoration:none}.tiny-text a:hover{text-decoration:underline}#syncKey{border:1px solid rgba(0,0,0,.14);border-radius:8px;font-family:var(--font);font-size:.8em;margin-bottom:.4em;margin-top:.6em;padding:.5em .6em;transition:border-color var(--transition),box-shadow var(--transition),background-color var(--transition);width:100%}#syncKey::placeholder{color:var(--muted)}#syncKey:focus{background-color:hsla(0,0%,100%,.98);border-color:var(--accent-soft);box-shadow:0 0 0 2px rgba(14,141,177,.12);outline:none}.sync-buttons{display:flex;flex-wrap:wrap;gap:6px;margin-top:.4em}.sync-buttons .medium-round-button{font-size:.65em;margin:0;padding:7px 14px}.sync-note{color:var(--muted);font-size:.65em;margin-top:.2em}.sync-note strong{color:var(--accent-soft);font-weight:500}#lastTenDates{color:var(--muted);font-size:.72em;margin:.4em 0 0;padding-left:1.1em}#lastTenDates li{padding:1px 0}#lastTenDatesLastUpdate{color:var(--muted)}.chart-header{align-items:baseline;display:flex;gap:8px;justify-content:space-between}.chart-title{font-size:.8em;font-weight:500}.chart-controls{color:var(--muted);display:flex;flex-wrap:wrap;font-size:.6em;gap:4px}.chart-controls input,.chart-controls select{background-color:var(--bg-card);border:1px solid rgba(0,0,0,.22);border-radius:6px;color:var(--fg);font-family:var(--font);font-size:.75em;min-width:0;outline:none;padding:4px 8px;transition:all var(--transition)}.chart-controls input:focus,.chart-controls select:focus{border-color:var(--accent-soft);box-shadow:none}.chart-container{height:130px;margin-top:6px;position:relative;width:100%}hr{border:none;border-top:1px solid rgba(0,0,0,.06);margin:14px 0 10px}@media (max-width:767px){.content{padding:20px 14px 18px}.buttons{margin-top:.6em}}