:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.4;color:#0f172a;background-color:#f8fafc}body{margin:0;min-height:100vh}.app-shell{display:flex;min-height:100vh;flex-direction:column}.app-header{padding:2rem 1.5rem 1rem;text-align:center;background:linear-gradient(135deg,#1d4ed8,#3b82f6);color:#f8fafc}.app-header h1{margin:0;font-size:clamp(1.75rem,4vw,2.5rem)}.app-header p{margin:.5rem auto 0;max-width:520px}.app-main{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem 1rem 3rem}.counter-card{width:min(420px,100%);padding:2rem;border-radius:1.25rem;background:#fff;box-shadow:0 30px 60px -30px #1e40af73;text-align:center}.counter-title{margin:0 0 .5rem;font-size:1.75rem}.counter-status{margin:0;font-size:1.2rem}.counter-status--error{color:#dc2626}.counter-updated{margin:.5rem 0 0;color:#475569;font-size:.9rem}.counter-actions{display:flex;gap:.75rem;justify-content:center;margin-top:1.75rem}.counter-button,.counter-secondary-button{flex:1;padding:.9rem 1.25rem;border-radius:.75rem;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;border:none}.counter-button{background:#2563eb;color:#f8fafc;box-shadow:0 15px 30px -18px #2563eba6}.counter-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 20px 40px -18px #2563eb8c}.counter-secondary-button{background:#e0e7ff;color:#1e3a8a}.counter-secondary-button:hover:not(:disabled){transform:translateY(-1px);background:#c7d2fe}button:disabled{cursor:not-allowed;opacity:.7;transform:none;box-shadow:none}.app-footer{padding:1.25rem;text-align:center;color:#475569;font-size:.9rem}.auth-status{margin:.5rem 0 0;color:#475569;font-size:.95rem}.auth-actions{display:flex;justify-content:center;margin:1rem 0 1.5rem}