:root{--color-bg:#0f172a;--font-family:system-ui, -apple-system, sans-serif;--color-title:#f8fafc;--font-size-title:2.5rem;--font-weight-title:800;--color-location:#94a3b8;--font-size-location:1.1rem;--font-weight-location:400;--color-surface:#1e293b;--color-border:#334155;--radius-card:14px;--padding-card:2rem;--color-label:#64748b;--font-size-label:.8rem;--color-global:#818cf8;--color-personal:#f8fafc;--font-size-counter:4rem;--font-weight-counter:800;--color-btn-increment:#6366f1;--color-btn-decrement:#334155;--color-btn-text:#fff;--color-btn-dec-text:#e2e8f0;--radius-btn:10px;--padding-btn:.85rem .5rem;--font-size-btn:1rem;--font-weight-btn:600;--color-error:#f87171;--color-session-id:#475569;--font-size-session-id:.75rem}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--color-bg);font-family:var(--font-family);color:#e2e8f0;min-height:100vh}.page-wrapper{justify-content:center;align-items:center;min-height:100vh;padding:2rem 1rem;display:flex}.app-layout{flex-direction:column;align-items:center;gap:2rem;width:100%;max-width:480px;display:flex}.app-header{text-align:center;width:100%}.app-title{font-size:var(--font-size-title);font-weight:var(--font-weight-title);color:var(--color-title);line-height:1.1}.app-location{font-size:var(--font-size-location);font-weight:var(--font-weight-location);color:var(--color-location);margin-top:.4rem}.counter-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--padding-card);text-align:center;width:100%}.counter-label{font-size:var(--font-size-label);text-transform:uppercase;letter-spacing:.1em;color:var(--color-label);margin-bottom:.6rem}.counter-value{font-size:var(--font-size-counter);font-weight:var(--font-weight-counter);font-variant-numeric:tabular-nums;line-height:1}.global-value{color:var(--color-global)}.personal-value{color:var(--color-personal)}.sync-error{color:var(--color-error);margin-top:.5rem;font-size:.8rem}.btn-row{grid-template-columns:repeat(4,1fr);gap:.75rem;width:100%;display:grid}.btn{padding:var(--padding-btn);border-radius:var(--radius-btn);font-size:var(--font-size-btn);font-weight:var(--font-weight-btn);cursor:pointer;border:none;transition:opacity .15s,transform .1s}.btn:hover{opacity:.85}.btn:active{transform:scale(.95)}.btn-increment{background:var(--color-btn-increment);color:var(--color-btn-text)}.btn-decrement{background:var(--color-btn-decrement);color:var(--color-btn-dec-text)}.session-id{font-size:var(--font-size-session-id);color:var(--color-session-id)}