.account-button-guest{border:1px solid #0d9488;color:#0d9488;background-color:transparent;transition:all .2s ease}.account-button-guest:hover{background-color:#0d9488;color:white}.account-button-logged-in{border:1px solid #059669;color:#059669;background-color:transparent;transition:all .2s ease}.account-button-logged-in:hover{background-color:#059669;color:white}.account-button-link{border:none;color:#0d9488;background-color:transparent;text-decoration:none;transition:all .2s ease;padding:0;height:auto;font-weight:400}.account-button-link:hover{color:#0f766e;background-color:transparent;text-decoration:underline}html.dark .account-button-guest{border-color:#5eead4;color:#5eead4;background-color:transparent}html.dark .account-button-guest:hover{background-color:#5eead4;color:#1f2937}html.dark .account-button-logged-in{border-color:#6ee7b7;color:#6ee7b7;background-color:transparent}html.dark .account-button-logged-in:hover{background-color:#6ee7b7;color:#1f2937}html.dark .account-button-link{color:#5eead4;background-color:transparent}html.dark .account-button-link:hover{color:#7dd3fc;background-color:transparent;text-decoration:underline}.account-button-guest:focus,.account-button-logged-in:focus{outline:2px solid #0d9488;outline-offset:2px}html.dark .account-button-guest:focus,html.dark .account-button-logged-in:focus{outline-color:#5eead4}.account-button-guest,.account-button-logged-in{display:flex;align-items:center;white-space:nowrap;font-weight:500}.account-button-guest svg,.account-button-logged-in svg{flex-shrink:0}.account-button-verification-needed{border:1px solid #eab308;color:#eab308;background-color:transparent;transition:all .2s ease;animation:glow-yellow 2s ease-in-out infinite alternate,bounce-gentle 3s ease-in-out infinite;box-shadow:0 0 8px rgba(234,179,8,.4)}.account-button-verification-needed:hover{background-color:#eab308;color:white;animation:none;box-shadow:0 0 12px rgba(234,179,8,.6)}.account-button-family-setup-needed{border:1px solid #16a34a;color:#16a34a;background-color:transparent;transition:all .2s ease;animation:glow-green 2s ease-in-out infinite alternate,bounce-gentle 3s ease-in-out infinite;box-shadow:0 0 8px rgba(22,163,74,.4)}.account-button-family-setup-needed:hover{background-color:#16a34a;color:white;animation:none;box-shadow:0 0 12px rgba(22,163,74,.6)}html.dark .account-button-verification-needed{border-color:#fbbf24;color:#fbbf24;box-shadow:0 0 8px rgba(251,191,36,.4)}html.dark .account-button-verification-needed:hover{background-color:#fbbf24;color:#1f2937;box-shadow:0 0 12px rgba(251,191,36,.6)}html.dark .account-button-family-setup-needed{border-color:#4ade80;color:#4ade80;box-shadow:0 0 8px rgba(74,222,128,.4)}html.dark .account-button-family-setup-needed:hover{background-color:#4ade80;color:#1f2937;box-shadow:0 0 12px rgba(74,222,128,.6)}@keyframes glow-yellow{0%{box-shadow:0 0 8px rgba(234,179,8,.4)}to{box-shadow:0 0 16px rgba(234,179,8,.8)}}@keyframes glow-green{0%{box-shadow:0 0 8px rgba(22,163,74,.4)}to{box-shadow:0 0 16px rgba(22,163,74,.8)}}@keyframes bounce-gentle{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-2px)}60%{transform:translateY(-1px)}}.family-setup-gradient{background:linear-gradient(45deg,#10b981,#06b6d4,#8b5cf6,#f59e0b,#ef4444,#10b981);background-size:400% 400%;animation:gradient-roll 4s ease infinite;color:white;border:none;font-weight:600}.family-setup-gradient:hover{animation:gradient-roll 2s ease infinite;transform:translateY(-1px);box-shadow:0 4px 20px rgba(16,185,129,.4)}@keyframes gradient-roll{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.beta-badge{position:relative;display:inline-block;background:linear-gradient(135deg,#fbbf24,#f59e0b,#d97706);color:#1f2937;padding:.125rem .375rem;border-radius:.25rem;font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;box-shadow:0 2px 4px rgba(251,191,36,.3);animation:beta-shimmer 3s ease-in-out infinite}.beta-badge:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,#fbbf24,#f59e0b,#d97706,#fbbf24);border-radius:.375rem;z-index:-1;opacity:.7;animation:beta-glow 2s ease-in-out infinite alternate}.beta-badge-text{position:relative;z-index:1;text-shadow:0 1px 2px rgba(0,0,0,.1)}html.dark .beta-badge{background:linear-gradient(135deg,#fbbf24,#f59e0b,#d97706);color:#1f2937;box-shadow:0 2px 4px rgba(251,191,36,.4)}html.dark .beta-badge:before{background:linear-gradient(135deg,#fbbf24,#f59e0b,#d97706,#fbbf24);opacity:.8}@keyframes beta-shimmer{0%,to{transform:translateY(0) scale(1);box-shadow:0 2px 4px rgba(251,191,36,.3)}50%{transform:translateY(-1px) scale(1.02);box-shadow:0 4px 8px rgba(251,191,36,.4)}}@keyframes beta-glow{0%{opacity:.5}to{opacity:.9}}@media (max-width:640px){.account-button-family-setup-needed,.account-button-guest,.account-button-logged-in,.account-button-verification-needed{padding:.375rem .75rem;font-size:.875rem}.account-button-family-setup-needed svg,.account-button-guest svg,.account-button-logged-in svg,.account-button-verification-needed svg{width:1rem;height:1rem}.beta-badge{font-size:.5rem;padding:.0625rem .25rem}}