:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}html,body,#root{height:100%}body{margin:0}.app{min-height:100vh;display:grid;place-items:center}.counter{display:grid;justify-items:center;gap:32px}.counter-value{font-size:2rem;line-height:1.2}.button-container{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center}.counter-button{font-size:1.5rem;width:56px;height:56px;border-radius:9999px;border:1px solid #d1d5db;background:#fff;cursor:pointer;position:relative;z-index:1}.counter-button:hover{border-color:#9ca3af}.loading-container{display:flex;flex-direction:column;align-items:center;gap:20px}.emoji-spinner{display:flex;gap:15px;align-items:center}.emoji{font-size:48px;animation:spin 2s linear infinite;display:inline-block}.loading-text{font-size:18px;color:#666;font-weight:500;animation:wiggle 3s ease-in-out infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes wiggle{0%,to{transform:rotate(-3deg)}25%{transform:rotate(3deg)}50%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}}.counter-button.dodging-up{cursor:not-allowed;animation:dodge-up .8s ease-in-out}.counter-button.dodging-down{cursor:not-allowed;animation:dodge-down .8s ease-in-out}.counter-button.dodging-left{cursor:not-allowed;animation:dodge-left .8s ease-in-out}.counter-button.dodging-right{cursor:not-allowed;animation:dodge-right .8s ease-in-out}.counter-button.dodging-up-left{cursor:not-allowed;animation:dodge-up-left .8s ease-in-out}.counter-button.dodging-up-right{cursor:not-allowed;animation:dodge-up-right .8s ease-in-out}.counter-button.dodging-down-left{cursor:not-allowed;animation:dodge-down-left .8s ease-in-out}.counter-button.dodging-down-right{cursor:not-allowed;animation:dodge-down-right .8s ease-in-out}@keyframes dodge-up{0%{transform:translate(0)}50%{transform:translateY(-90px)}to{transform:translate(0)}}@keyframes dodge-down{0%{transform:translate(0)}50%{transform:translateY(90px)}to{transform:translate(0)}}@keyframes dodge-left{0%{transform:translate(0)}50%{transform:translate(-90px)}to{transform:translate(0)}}@keyframes dodge-right{0%{transform:translate(0)}50%{transform:translate(90px)}to{transform:translate(0)}}@keyframes dodge-up-left{0%{transform:translate(0)}50%{transform:translate(-60px,-60px)}to{transform:translate(0)}}@keyframes dodge-up-right{0%{transform:translate(0)}50%{transform:translate(60px,-60px)}to{transform:translate(0)}}@keyframes dodge-down-left{0%{transform:translate(0)}50%{transform:translate(-60px,60px)}to{transform:translate(0)}}@keyframes dodge-down-right{0%{transform:translate(0)}50%{transform:translate(60px,60px)}to{transform:translate(0)}}.counter-error{color:#b91c1c;font-size:.9rem;margin-top:8px}.auth-hint{color:#6b7280;font-size:.9rem;margin-top:8px;text-align:center}.user-info{position:absolute;top:20px;right:20px;display:flex;flex-direction:column;align-items:flex-end;gap:8px;font-size:.9rem}.user-details{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.admin-status{font-size:.8rem;font-weight:500;padding:2px 6px;border-radius:12px}.admin-status.admin{background:#dcfce7;color:#166534}.admin-status.non-admin{background:#fef3c7;color:#92400e}.user-actions{display:flex;gap:8px}.logout-button,.refresh-button{padding:6px 12px;font-size:.8rem;border:1px solid #d1d5db;background:#f9fafb;border-radius:4px;cursor:pointer}.logout-button:hover,.refresh-button:hover{background:#f3f4f6}.counter-button:disabled{opacity:.5;cursor:not-allowed;border-color:#d1d5db}.counter-button:disabled:hover{border-color:#d1d5db}