:root{--bg:#1b1b1f;--panel:#26262c;--panel2:#303038;--text:#eaeaea;--muted:#9a9aa5;--green:#5bd95b;--green-dark:#3fa63f;--danger:#d95b5b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Avenir Next,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}#root{max-width:640px;margin:0 auto;padding:0 16px 48px}.centered{min-height:80vh;color:var(--muted);place-items:center;display:grid}header{justify-content:space-between;align-items:center;padding:16px 0;display:flex}.logo{letter-spacing:.5px;font-size:1.3rem;font-weight:700}nav{gap:4px;display:flex}nav button{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 12px;font-size:1rem}nav button.active{background:var(--panel2);color:var(--text)}h1{font-size:1.6rem}h2{color:var(--muted);margin:24px 0 8px;font-size:1.05rem}button{background:var(--green-dark);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:10px 18px;font-size:1rem;font-weight:600}button:disabled{opacity:.5;cursor:default}button.secondary{background:var(--panel2)}button.link{color:var(--muted);background:0 0;padding:4px;font-weight:400;text-decoration:underline}button.link.danger{color:var(--danger)}input{background:var(--panel);border:1px solid var(--panel2);color:var(--text);border-radius:10px;width:100%;padding:10px 12px;font-size:1rem}.row{align-items:center;gap:8px;margin:8px 0;display:flex}.pin-gate{text-align:center;flex-direction:column;gap:12px;max-width:360px;margin:18vh auto 0;display:flex}.error{color:var(--danger)}.balance-card{background:linear-gradient(160deg, var(--panel), var(--panel2));text-align:center;border-radius:16px;margin-top:8px;padding:24px}.balance-number{color:var(--green);font-size:4rem;font-weight:800;line-height:1}.balance-number.small{font-size:2.6rem}.balance-label{margin-top:4px;font-size:1.05rem}.balance-sub{color:var(--muted);margin-top:6px;font-size:.9rem}.activity-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;display:grid}.activity-tile{background:var(--panel);border:2px solid var(--panel2);color:var(--text);border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:16px 8px;display:flex}.activity-icon{font-size:2rem}.activity-meta{color:var(--muted);font-size:.8rem;font-weight:400}.play-button{background:var(--green);color:#10331a;width:100%;margin-top:20px;padding:16px;font-size:1.15rem}.session-card{background:var(--panel);text-align:center;border-radius:16px;margin-top:16px;padding:20px}.session-card.earn{border:2px solid var(--green-dark)}.session-card.play{border:2px solid var(--green)}.progress-track{background:var(--panel2);border-radius:6px;height:12px;margin:12px 0;overflow:hidden}.progress-fill{background:var(--green);height:100%;transition:width 1s linear}.session-row{border-bottom:1px solid var(--panel2);align-items:baseline;gap:10px;padding:8px 4px;display:flex}.session-row.cancelled{opacity:.45}.session-time{color:var(--muted);min-width:64px;font-size:.85rem}.session-label{flex:1}.session-value{font-variant-numeric:tabular-nums}.settings label{color:var(--muted);margin:10px 0;display:block}.settings label input{margin-top:4px}.activity-editor{background:var(--panel);border-radius:10px;flex-wrap:wrap;align-items:center;gap:6px;margin:6px 0;padding:8px;display:flex}.activity-editor input{flex:1;width:auto;min-width:60px}.activity-editor input.icon{text-align:center;flex:0 0 52px}.activity-editor input[type=number]{flex:0 0 70px}.activity-editor label{color:var(--muted);align-items:center;gap:4px;font-size:.8rem;display:flex}.adjust-dialog{background:var(--panel);border-radius:12px;flex-direction:column;gap:8px;margin:10px 0;padding:12px;display:flex}