: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: #ffffff;--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;--color-btn-danger: #dc2626;--color-btn-ghost: transparent;--color-btn-ghost-text: #94a3b8;--color-msg-ok-bg: #14532d;--color-msg-ok-text: #86efac;--color-msg-err-bg: #7f1d1d;--color-msg-err-text: #fca5a5;--color-btn-special: #f59e0b;--color-btn-special-ring: #fbbf24;--color-btn-special-text: #1c1917;--color-confetti-1: #f59e0b;--color-confetti-2: #6366f1;--color-confetti-3: #10b981;--color-confetti-4: #ef4444}*,*: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{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.app-layout{display:flex;flex-direction:column;align-items:center;gap:2rem;width:100%;max-width:480px}.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{margin-top:.4rem;font-size:var(--font-size-location);font-weight:var(--font-weight-location);color:var(--color-location)}.counter-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--padding-card);width:100%;text-align:center}.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);line-height:1;font-variant-numeric:tabular-nums}.global-value{color:var(--color-global)}.personal-value{color:var(--color-personal)}.sync-error{margin-top:.5rem;font-size:.8rem;color:var(--color-error)}.btn-row{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;width:100%}.btn{padding:var(--padding-btn);border:none;border-radius:var(--radius-btn);font-size:var(--font-size-btn);font-weight:var(--font-weight-btn);cursor:pointer;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)}.btn-danger{background:var(--color-btn-danger);color:var(--color-btn-text)}.btn-ghost{background:var(--color-btn-ghost);color:var(--color-btn-ghost-text);border:1px solid var(--color-border)}.btn-ghost:hover{color:var(--color-personal);border-color:var(--color-btn-increment)}.admin-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--padding-card);width:100%}.form-label{display:flex;flex-direction:column;gap:.3rem;font-size:.875rem;color:var(--color-label)}.form-input{padding:.6rem .9rem;border-radius:8px;border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-personal);font-size:1rem;outline:none;transition:border-color .2s}.form-input:focus{border-color:var(--color-btn-increment)}.msg{padding:.7rem 1rem;border-radius:8px;font-size:.9rem;width:100%;text-align:center}.msg-ok{background:var(--color-msg-ok-bg);color:var(--color-msg-ok-text)}.msg-error{background:var(--color-msg-err-bg);color:var(--color-msg-err-text)}.btn-special{position:relative;background:var(--color-btn-special);color:var(--color-btn-special-text);width:4.5rem;height:4.5rem;border-radius:50%;border:none;font-size:1.4rem;font-weight:700;cursor:pointer;overflow:visible;user-select:none;-webkit-user-select:none;touch-action:none;transition:transform .1s}.btn-special:active{transform:scale(.96)}.btn-special:disabled{opacity:.6;cursor:default}.special-ring{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;width:calc(100% + 12px);height:calc(100% + 12px);pointer-events:none;transform:rotate(-90deg)}.special-ring-track{fill:none;stroke:#fbbf2440;stroke-width:4}.special-ring-fill{fill:none;stroke:var(--color-btn-special-ring);stroke-width:4;stroke-linecap:round;transition:stroke-dashoffset .05s linear}.special-event-row{display:flex;flex-direction:column;align-items:center;gap:.6rem;width:100%}.special-count-label{font-size:.75rem;color:var(--color-btn-special);letter-spacing:.05em;text-transform:uppercase}@keyframes confetti-fly{0%{transform:translate(0) scale(1);opacity:1}80%{opacity:1}to{transform:translate(var(--tx),var(--ty)) scale(.3);opacity:0}}.confetti-dot{position:fixed;width:10px;height:10px;border-radius:50%;pointer-events:none;animation:confetti-fly var(--anim-duration, 1.2s) ease-out forwards}.confetti-dot--large{width:16px;height:16px}