.toast-container{position:fixed;top:var(--spacing-md);right:var(--spacing-md);z-index:10000;display:flex;flex-direction:column;gap:var(--spacing-sm);pointer-events:none}.toast{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:0 4px 12px #00000026;min-width:300px;max-width:400px;pointer-events:auto;animation:slideIn .3s ease-out;cursor:pointer;transition:all .2s}.toast:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0003}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-success{background:var(--success);color:#fff}.toast-error{background:var(--error);color:#fff}.toast-info{background:var(--info);color:#fff}.toast-message{flex:1;font-size:.875rem;font-weight:500;line-height:1.4}.toast-close{background:transparent;border:none;color:#fff;font-size:1.5rem;line-height:1;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all .2s;flex-shrink:0;opacity:.8}.toast-close:hover{opacity:1;background:#fff3}@media (max-width: 768px){.toast-container{top:var(--spacing-sm);right:var(--spacing-sm);left:var(--spacing-sm)}.toast{min-width:auto;max-width:100%}}.install-prompt{position:fixed;top:var(--spacing-md);left:var(--spacing-sm);right:var(--spacing-sm);bottom:auto;z-index:1000;animation:slideDown .3s ease-out}@media (max-width: 767px){.install-prompt{top:var(--spacing-md);bottom:auto;left:var(--spacing-sm);right:var(--spacing-sm)}.install-prompt-content{padding:var(--spacing-sm) var(--spacing-md)}.install-icon{font-size:1.5rem}.install-text h3{font-size:.875rem}.install-text p{font-size:.75rem}.install-button,.install-help-button{padding:var(--spacing-xs) var(--spacing-sm);font-size:.75rem}}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.install-prompt-content{background:var(--surface);border:2px solid var(--primary-color);border-radius:var(--radius-xl);padding:var(--spacing-md);box-shadow:var(--shadow-xl);display:flex;align-items:center;gap:var(--spacing-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.install-icon{font-size:2rem;flex-shrink:0}.install-text{flex:1;min-width:0}.install-text h3{margin:0 0 var(--spacing-xs) 0;font-size:1rem;font-weight:700;color:var(--text-primary)}.install-text p{margin:0;font-size:.875rem;color:var(--text-secondary)}.install-actions{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.install-button{padding:var(--spacing-sm) var(--spacing-md);background:var(--primary-gradient);color:#fff;border:none;border-radius:var(--radius-full);font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s;box-shadow:var(--shadow-sm);white-space:nowrap}.install-button:active{transform:scale(.95);box-shadow:none}.install-help-button{padding:var(--spacing-sm) var(--spacing-md);background:transparent;color:var(--primary-color);border:2px solid var(--primary-color);border-radius:var(--radius-full);font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s;white-space:nowrap}.install-help-button:active{transform:scale(.95);background:#e1306c1a}.install-dismiss{background:transparent;border:none;color:var(--text-tertiary);font-size:1.25rem;cursor:pointer;padding:var(--spacing-xs);line-height:1;transition:color .2s;-webkit-tap-highlight-color:transparent}.install-dismiss:active{color:var(--text-primary)}.install-instructions-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);animation:fadeIn .2s ease-out;overflow-y:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.install-instructions{background:var(--surface);border-radius:var(--radius-xl);padding:var(--spacing-xl);max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);position:relative;animation:slideUpModal .3s ease-out}@keyframes slideUpModal{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.instructions-close{position:absolute;top:var(--spacing-md);right:var(--spacing-md);background:transparent;border:none;color:var(--text-tertiary);font-size:1.5rem;cursor:pointer;padding:var(--spacing-xs);line-height:1;transition:color .2s;-webkit-tap-highlight-color:transparent;z-index:10}.instructions-close:active{color:var(--text-primary)}.install-instructions h2{margin:0 0 var(--spacing-xl) 0;font-size:1.5rem;font-weight:700;color:var(--text-primary);text-align:center;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.instructions-content{margin-bottom:var(--spacing-xl)}.instruction-step{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);align-items:flex-start}.step-number{flex-shrink:0;width:32px;height:32px;border-radius:var(--radius-full);background:var(--primary-gradient);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem}.step-content{flex:1;padding-top:.25rem}.step-content p{margin:0;font-size:.9375rem;line-height:1.6;color:var(--text-primary)}.step-content strong{color:var(--primary-color);font-weight:600}.ios-icon,.android-icon,.desktop-icon{display:inline-block;font-size:1.25rem;margin:0 .25rem;vertical-align:middle}.instruction-visual{margin-top:var(--spacing-xl);padding:var(--spacing-lg);background:var(--background);border-radius:var(--radius-lg);border:2px dashed var(--border-light)}.visual-box{text-align:center}.visual-box p{margin:0;font-size:1rem;color:var(--text-primary);font-weight:500}.instructions-benefits{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:2px solid var(--border-light)}.instructions-benefits h3{margin:0 0 var(--spacing-md) 0;font-size:1.125rem;font-weight:700;color:var(--text-primary)}.instructions-benefits ul{margin:0;padding-left:var(--spacing-lg);list-style:none}.instructions-benefits li{margin-bottom:var(--spacing-sm);font-size:.9375rem;color:var(--text-secondary);line-height:1.6;position:relative}.instructions-benefits li:before{content:"";position:absolute;left:calc(-1 * var(--spacing-lg));top:.5em;width:6px;height:6px;border-radius:50%;background:var(--primary-color)}.instruction-note{margin-top:var(--spacing-lg);padding:var(--spacing-md);background:#667eea1a;border:1px solid rgba(102,126,234,.2);border-radius:var(--radius-md)}.instruction-note p{margin:0;font-size:.875rem;line-height:1.6;color:var(--text-secondary)}.instruction-note strong{color:var(--primary-color);font-weight:600}.check-pwa-button{padding:var(--spacing-sm) var(--spacing-md);background:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s;width:100%}.check-pwa-button:hover{background:var(--primary-color);opacity:.9;transform:translateY(-1px)}.check-pwa-button:active{transform:translateY(0)}.pwa-status-section{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:2px solid var(--border-light)}.pwa-status-section h3{margin:0 0 var(--spacing-md) 0;font-size:1.125rem;font-weight:700;color:var(--text-primary)}.pwa-status-summary{padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-sm)}.pwa-status-summary.status-pass{background:#22c55e1a;border:1px solid rgba(34,197,94,.3)}.pwa-status-summary.status-fail{background:#ef44441a;border:1px solid rgba(239,68,68,.3)}.pwa-status-summary strong{color:var(--text-primary);font-size:1rem}.pwa-score{font-size:.875rem;font-weight:600;padding:var(--spacing-xs) var(--spacing-sm);background:var(--surface);border-radius:var(--radius-sm);color:var(--text-primary)}.pwa-requirements-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.pwa-requirement-item{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--border-light);background:var(--background)}.pwa-requirement-item.requirement-pass{border-left:3px solid #22c55e}.pwa-requirement-item.requirement-fail{border-left:3px solid #ef4444}.pwa-requirement-item.requirement-warning{border-left:3px solid #f59e0b}.requirement-icon{font-size:1.25rem;flex-shrink:0;line-height:1.5}.requirement-details{flex:1}.requirement-details strong{display:block;margin-bottom:var(--spacing-xs);color:var(--text-primary);font-size:.9375rem}.requirement-details p{margin:0;font-size:.875rem;line-height:1.5;color:var(--text-secondary)}.requirement-fix{margin-top:var(--spacing-xs)!important;padding:var(--spacing-xs) var(--spacing-sm);background:#667eea1a;border-radius:var(--radius-sm);font-size:.8125rem!important}.requirement-fix strong{color:var(--primary-color);font-size:.8125rem;margin-bottom:0}.install-button-small-container{position:fixed;bottom:var(--spacing-lg);right:var(--spacing-lg);z-index:999;display:flex;align-items:center;gap:var(--spacing-xs)}.install-button-small{padding:var(--spacing-sm) var(--spacing-md);background:var(--surface);color:var(--text-primary);border:2px solid var(--primary-color);border-radius:var(--radius-full);font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s;box-shadow:var(--shadow-md);display:flex;align-items:center;gap:var(--spacing-xs);white-space:nowrap}.install-button-small:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-lg)}.install-button-small:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.install-button-small-dismiss{width:24px;height:24px;padding:0;background:var(--surface);color:var(--text-secondary);border:1px solid var(--border-light);border-radius:50%;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:var(--shadow-sm)}.install-button-small-dismiss:hover{background:var(--error);color:#fff;border-color:var(--error);transform:scale(1.1)}.install-button-small-dismiss:active{transform:scale(.95)}.install-icon-small{font-size:1rem}@media (min-width: 768px){.install-prompt{top:auto;bottom:var(--spacing-xl);left:auto;right:var(--spacing-xl);max-width:400px}.install-instructions{max-width:600px;padding:var(--spacing-2xl)}}.update-notification{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:10000;max-width:500px;width:calc(100% - 40px);animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translate(-50%) translateY(100%);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.update-notification-content{background:#fff;border:2px solid #E1306C;border-radius:12px;padding:16px 20px;box-shadow:0 8px 24px #00000026;display:flex;align-items:center;gap:16px}.update-icon{font-size:24px;flex-shrink:0;animation:spin 2s linear infinite}.update-text{flex:1;min-width:0}.update-text strong{display:block;font-size:16px;font-weight:600;color:#1a1a1a;margin-bottom:4px}.update-text p{font-size:14px;color:#666;margin:0;line-height:1.4}.update-actions{display:flex;gap:8px;flex-shrink:0}.update-button{background:#e1306c;color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s;white-space:nowrap}.update-button:hover:not(:disabled){background:#c0265a}.update-button:disabled{opacity:.6;cursor:not-allowed}.update-dismiss{background:transparent;color:#666;border:1px solid #ddd;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.update-dismiss:hover:not(:disabled){background:#f5f5f5;border-color:#ccc}.update-dismiss:disabled{opacity:.6;cursor:not-allowed}@media (prefers-color-scheme: dark){.update-notification-content{background:#1a1a1a;border-color:#e1306c}.update-text strong{color:#fff}.update-text p{color:#aaa}.update-dismiss{color:#aaa;border-color:#444}.update-dismiss:hover:not(:disabled){background:#2a2a2a;border-color:#555}}@media (max-width: 640px){.update-notification{bottom:80px;left:20px;right:20px;width:auto;transform:none}.update-notification-content{flex-direction:column;align-items:stretch;gap:12px}.update-icon{align-self:center}.update-actions{width:100%;flex-direction:column}.update-button,.update-dismiss{width:100%}}.gratitude-dropdown{position:relative}.gratitude-dropdown-navbar{display:none}@media (min-width: 768px){.gratitude-dropdown-navbar{display:block}}.gratitude-dropdown-trigger{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;color:var(--text-secondary);font-weight:500;font-size:.875rem;border-radius:var(--radius-md);cursor:pointer;transition:all .2s;font-family:inherit}.gratitude-dropdown-trigger:hover,.gratitude-dropdown-trigger.active{color:var(--primary-color);background:var(--background)}:root.dark-mode .gratitude-dropdown-trigger.active{color:#e8e8e8;background:var(--surface-elevated)}@media (prefers-color-scheme: dark){:root:not(.light-mode) .gratitude-dropdown-trigger.active{color:#e8e8e8;background:var(--surface-elevated)}}.gratitude-dropdown-arrow{transition:transform .2s}.gratitude-dropdown-arrow.open{transform:rotate(180deg)}.gratitude-dropdown-menu-navbar{position:absolute;top:calc(100% + var(--spacing-xs));left:0;background:var(--background);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:200px;z-index:1000;overflow:hidden}:root.dark-mode .gratitude-dropdown-menu-navbar{background:var(--surface-elevated);border-color:var(--border)}@media (prefers-color-scheme: dark){:root:not(.light-mode) .gratitude-dropdown-menu-navbar{background:var(--surface-elevated);border-color:var(--border)}}.gratitude-dropdown-item{display:block;padding:var(--spacing-sm) var(--spacing-md);color:var(--text-primary);text-decoration:none;transition:all .2s;font-size:.875rem}.gratitude-dropdown-item:hover{background:var(--surface-elevated);color:var(--primary-color)}.gratitude-dropdown-item.active{background:var(--surface-elevated);color:var(--primary-color);font-weight:600}.gratitude-dropdown-bottomnav{position:relative;flex:1;z-index:100}.gratitude-dropdown-trigger.bottom-nav-link{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:var(--text-secondary);font-size:.625rem;font-weight:500;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);transition:all .2s;min-width:0;gap:.25rem;-webkit-tap-highlight-color:transparent;border:none;background:transparent;cursor:pointer;font-family:inherit;width:100%}.gratitude-dropdown-trigger.bottom-nav-link:active{transform:scale(.95);background:var(--background)}.gratitude-dropdown-trigger.bottom-nav-link.active{color:var(--primary-color)}:root.dark-mode .gratitude-dropdown-trigger.bottom-nav-link.active{color:#e8e8e8}@media (prefers-color-scheme: dark){:root:not(.light-mode) .gratitude-dropdown-trigger.bottom-nav-link.active{color:#e8e8e8}}.gratitude-dropdown-trigger.bottom-nav-link svg{width:24px;height:24px;stroke-width:2}.gratitude-dropdown-trigger.bottom-nav-link.active svg{stroke:var(--primary-color)}.gratitude-dropdown-menu-bottomnav{position:absolute;bottom:calc(100% + var(--spacing-sm));left:50%;transform:translate(-50%);background:var(--background);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:200px;max-width:90vw;z-index:1001;overflow:hidden;margin-bottom:var(--spacing-xs);pointer-events:auto}:root.dark-mode .gratitude-dropdown-menu-bottomnav{background:var(--surface-elevated);border-color:var(--border)}@media (prefers-color-scheme: dark){:root:not(.light-mode) .gratitude-dropdown-menu-bottomnav{background:var(--surface-elevated);border-color:var(--border)}}.gratitude-dropdown-menu-bottomnav .gratitude-dropdown-item{display:block;padding:var(--spacing-md);color:var(--text-primary);text-decoration:none;transition:all .2s;font-size:.875rem;text-align:center;border-bottom:1px solid var(--border-light)}.gratitude-dropdown-menu-bottomnav .gratitude-dropdown-item:last-child{border-bottom:none}.gratitude-dropdown-menu-bottomnav .gratitude-dropdown-item:hover{background:var(--surface-elevated);color:var(--primary-color)}.gratitude-dropdown-menu-bottomnav .gratitude-dropdown-item.active{background:var(--surface-elevated);color:var(--primary-color);font-weight:600}.partner-dropdown{position:relative}.partner-dropdown-navbar{display:none}@media (min-width: 768px){.partner-dropdown-navbar{display:block}}.partner-dropdown-trigger{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;color:var(--text-secondary);font-weight:500;font-size:.875rem;border-radius:var(--radius-md);cursor:pointer;transition:all .2s;font-family:inherit}.partner-dropdown-trigger:hover,.partner-dropdown-trigger.active{color:var(--primary-color);background:var(--background)}.partner-dropdown-trigger.disabled{opacity:.5;cursor:not-allowed;pointer-events:auto;color:var(--text-secondary)!important}.partner-dropdown-trigger.disabled:hover{opacity:.6;color:var(--text-secondary)!important}.partner-dropdown-item.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.partner-dropdown-disabled-message{padding:.75rem;font-size:.875rem;color:var(--text-secondary);text-align:center}:root.dark-mode .partner-dropdown-trigger.active{color:#e8e8e8;background:var(--surface-elevated)}@media (prefers-color-scheme: dark){:root:not(.light-mode) .partner-dropdown-trigger.active{color:#e8e8e8;background:var(--surface-elevated)}}.partner-dropdown-arrow{transition:transform .2s}.partner-dropdown-arrow.open{transform:rotate(180deg)}.partner-dropdown-menu-navbar{position:absolute;top:calc(100% + var(--spacing-xs));left:0;background:var(--background);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:200px;z-index:1000;overflow:hidden}:root.dark-mode .partner-dropdown-menu-navbar{background:var(--surface-elevated);border-color:var(--border)}@media (prefers-color-scheme: dark){:root:not(.light-mode) .partner-dropdown-menu-navbar{background:var(--surface-elevated);border-color:var(--border)}}.partner-dropdown-item{display:block;padding:var(--spacing-sm) var(--spacing-md);color:var(--text-primary);text-decoration:none;transition:all .2s;font-size:.875rem}.partner-dropdown-item:hover{background:var(--surface-elevated);color:var(--primary-color)}.partner-dropdown-item.active{background:var(--surface-elevated);color:var(--primary-color);font-weight:600}.partner-dropdown-bottomnav{position:relative;flex:1;z-index:100}.partner-dropdown-trigger.bottom-nav-link{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:var(--text-secondary);font-size:.625rem;font-weight:500;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);transition:all .2s;min-width:0;gap:.25rem;-webkit-tap-highlight-color:transparent;border:none;background:transparent;cursor:pointer;font-family:inherit;width:100%}.partner-dropdown-trigger.bottom-nav-link:active{transform:scale(.95);background:var(--background)}.partner-dropdown-trigger.bottom-nav-link.active{color:var(--primary-color)}:root.dark-mode .partner-dropdown-trigger.bottom-nav-link.active{color:#e8e8e8}@media (prefers-color-scheme: dark){:root:not(.light-mode) .partner-dropdown-trigger.bottom-nav-link.active{color:#e8e8e8}}.partner-dropdown-trigger.bottom-nav-link svg{width:24px;height:24px;stroke-width:2}.partner-dropdown-trigger.bottom-nav-link.active svg{stroke:var(--primary-color)}.partner-dropdown-menu-bottomnav{position:absolute!important;bottom:calc(100% + var(--spacing-sm))!important;top:auto!important;left:50%;transform:translate(-50%);background:var(--background);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:200px;max-width:90vw;z-index:1001;overflow:hidden;margin-bottom:var(--spacing-xs);pointer-events:auto}:root.dark-mode .partner-dropdown-menu-bottomnav{background:var(--surface-elevated);border-color:var(--border)}@media (prefers-color-scheme: dark){:root:not(.light-mode) .partner-dropdown-menu-bottomnav{background:var(--surface-elevated);border-color:var(--border)}}.partner-dropdown-menu-bottomnav .partner-dropdown-item{display:block;padding:var(--spacing-md);color:var(--text-primary);text-decoration:none;transition:all .2s;font-size:.875rem;text-align:center;border-bottom:1px solid var(--border-light)}.partner-dropdown-menu-bottomnav .partner-dropdown-item:last-child{border-bottom:none}.partner-dropdown-menu-bottomnav .partner-dropdown-item:hover{background:var(--surface-elevated);color:var(--primary-color)}.partner-dropdown-menu-bottomnav .partner-dropdown-item.active{background:var(--surface-elevated);color:var(--primary-color);font-weight:600}.personal-space-dropdown{position:relative}.personal-space-dropdown-navbar{display:none}@media (min-width: 768px){.personal-space-dropdown-navbar{display:block}}.personal-space-dropdown-trigger{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;color:var(--text-secondary);font-weight:500;font-size:.875rem;border-radius:var(--radius-md);cursor:pointer;transition:all .2s;font-family:inherit}.personal-space-dropdown-trigger:hover,.personal-space-dropdown-trigger.active{color:var(--primary-color);background:var(--background)}:root.dark-mode .personal-space-dropdown-trigger.active{color:#e8e8e8;background:var(--surface-elevated)}@media (prefers-color-scheme: dark){:root:not(.light-mode) .personal-space-dropdown-trigger.active{color:#e8e8e8;background:var(--surface-elevated)}}.personal-space-dropdown-arrow{transition:transform .2s}.personal-space-dropdown-arrow.open{transform:rotate(180deg)}.personal-space-dropdown-menu-navbar{position:absolute;top:calc(100% + var(--spacing-xs));left:0;background:var(--background);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:200px;z-index:1000;overflow:hidden}:root.dark-mode .personal-space-dropdown-menu-navbar{background:var(--surface-elevated);border-color:var(--border)}@media (prefers-color-scheme: dark){:root:not(.light-mode) .personal-space-dropdown-menu-navbar{background:var(--surface-elevated);border-color:var(--border)}}.personal-space-dropdown-item{display:block;padding:var(--spacing-sm) var(--spacing-md);color:var(--text-primary);text-decoration:none;transition:all .2s;font-size:.875rem}.personal-space-dropdown-item:hover{background:var(--surface-elevated);color:var(--primary-color)}.personal-space-dropdown-item.active{background:var(--surface-elevated);color:var(--primary-color);font-weight:600}.personal-space-dropdown-bottomnav{position:relative;flex:1;z-index:100}.personal-space-dropdown-trigger.bottom-nav-link{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:var(--text-secondary);font-size:.625rem;font-weight:500;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);transition:all .2s;min-width:0;gap:.25rem;-webkit-tap-highlight-color:transparent;border:none;background:transparent;cursor:pointer;font-family:inherit;width:100%}.personal-space-dropdown-trigger.bottom-nav-link:active{transform:scale(.95);background:var(--background)}.personal-space-dropdown-trigger.bottom-nav-link.active{color:var(--primary-color)}:root.dark-mode .personal-space-dropdown-trigger.bottom-nav-link.active{color:#e8e8e8}@media (prefers-color-scheme: dark){:root:not(.light-mode) .personal-space-dropdown-trigger.bottom-nav-link.active{color:#e8e8e8}}.personal-space-dropdown-trigger.bottom-nav-link svg{width:24px;height:24px;stroke-width:2}.personal-space-dropdown-trigger.bottom-nav-link.active svg{stroke:var(--primary-color)}.personal-space-dropdown-menu-bottomnav{position:absolute!important;bottom:calc(100% + var(--spacing-sm))!important;top:auto!important;left:50%;transform:translate(-50%);background:var(--background);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:200px;max-width:90vw;z-index:1001;overflow:hidden;margin-bottom:var(--spacing-xs);pointer-events:auto}:root.dark-mode .personal-space-dropdown-menu-bottomnav{background:var(--surface-elevated);border-color:var(--border)}@media (prefers-color-scheme: dark){:root:not(.light-mode) .personal-space-dropdown-menu-bottomnav{background:var(--surface-elevated);border-color:var(--border)}}.personal-space-dropdown-menu-bottomnav .personal-space-dropdown-item{display:block;padding:var(--spacing-md);color:var(--text-primary);text-decoration:none;transition:all .2s;font-size:.875rem;text-align:center;border-bottom:1px solid var(--border-light)}.personal-space-dropdown-menu-bottomnav .personal-space-dropdown-item:last-child{border-bottom:none}.personal-space-dropdown-menu-bottomnav .personal-space-dropdown-item:hover{background:var(--surface-elevated);color:var(--primary-color)}.personal-space-dropdown-menu-bottomnav .personal-space-dropdown-item.active{background:var(--surface-elevated);color:var(--primary-color);font-weight:600}.app-footer{padding:var(--spacing-lg) var(--spacing-md);text-align:center;color:var(--text-secondary);border-top:1px solid var(--border-light);background:var(--surface);font-size:.875rem;line-height:1.6}.app-footer p{max-width:600px;margin:0 auto}.footer-email-link{color:var(--primary-color);text-decoration:none;transition:opacity .2s}.footer-email-link:hover{opacity:.8;text-decoration:underline}:root.dark-mode .app-footer{background:#1e1e1e80;border-top-color:var(--border-light)}@media (prefers-color-scheme: dark){:root:not(.light-mode) .app-footer{background:#1e1e1e80;border-top-color:var(--border-light)}}:root.light-mode .app-footer{background:#ffffff80;border-top-color:var(--border-light)}.cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:999;padding:var(--spacing-md);padding-bottom:calc(var(--spacing-md) + var(--safe-area-bottom));animation:slideUp .3s ease-out;pointer-events:none}@media (max-width: 767px){.cookie-banner{bottom:calc(60px + var(--safe-area-bottom));padding-bottom:var(--spacing-md)}}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.cookie-banner-content{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacing-md);box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:var(--spacing-md);max-width:1200px;margin:0 auto;pointer-events:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}:root.dark-mode .cookie-banner-content{background:#1e1e1ef2;border-color:var(--border)}@media (prefers-color-scheme: dark){:root:not(.light-mode) .cookie-banner-content{background:#1e1e1ef2;border-color:var(--border)}}.cookie-banner-icon{font-size:2rem;flex-shrink:0}.cookie-banner-text{flex:1;min-width:0}.cookie-banner-text h3{margin:0 0 var(--spacing-xs) 0;font-size:1rem;font-weight:700;color:var(--text-primary)}.cookie-banner-text p{margin:0;font-size:.875rem;color:var(--text-secondary);line-height:1.5}.cookie-banner-actions{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.cookie-button{padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-md);font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s;white-space:nowrap;-webkit-tap-highlight-color:transparent}.cookie-button:active{transform:scale(.95)}.cookie-button-accept{background:var(--primary-gradient);color:#fff;box-shadow:var(--shadow-sm)}.cookie-button-accept:hover{box-shadow:var(--shadow-md);opacity:.9}.cookie-button-reject{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.cookie-button-reject:hover{background:var(--surface);color:var(--text-primary);border-color:var(--border)}@media (max-width: 767px){.cookie-banner{padding:var(--spacing-sm)}.cookie-banner-content{flex-direction:column;align-items:stretch;padding:var(--spacing-md);gap:var(--spacing-sm)}.cookie-banner-icon{font-size:1.5rem;align-self:center}.cookie-banner-text{text-align:center}.cookie-banner-text h3{font-size:.875rem}.cookie-banner-text p{font-size:.75rem}.cookie-banner-actions{flex-direction:column;width:100%}.cookie-button{width:100%;padding:var(--spacing-sm) var(--spacing-md)}}@media (min-width: 768px){.cookie-banner,.cookie-banner-content{padding:var(--spacing-lg)}.cookie-banner-text h3{font-size:1.125rem}.cookie-banner-text p{font-size:.9375rem}}.donation-button-container{position:fixed;bottom:calc(60px + var(--spacing-md) + var(--safe-area-bottom));right:var(--spacing-md);z-index:999;transition:opacity .3s ease,transform .3s ease}.donation-button-container.visible{opacity:1;transform:translateY(0)}.donation-button-container.hidden{opacity:0;transform:translateY(20px);pointer-events:none}.donation-button-content{background:var(--surface);border:2px solid var(--primary-color);border-radius:var(--radius-lg);padding:var(--spacing-md);box-shadow:var(--shadow-xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:280px;position:relative;display:flex;flex-direction:column;gap:var(--spacing-sm);align-items:center}.donation-button-close{position:absolute;top:var(--spacing-xs);right:var(--spacing-xs);background:transparent;border:none;color:var(--text-secondary);font-size:1.25rem;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:var(--radius-full);transition:all .2s;-webkit-tap-highlight-color:transparent;padding:0;line-height:1}.donation-button-close:hover{background:var(--surface-elevated);color:var(--text-primary)}.donation-button-close:active{transform:scale(.9)}.donation-button-message{margin:0;font-size:.875rem;color:var(--text-primary);text-align:center;line-height:1.4;padding-right:var(--spacing-md)}.donation-button-link{display:inline-block;transition:transform .2s;-webkit-tap-highlight-color:transparent}.donation-button-link:hover{transform:scale(1.05)}.donation-button-link:active{transform:scale(.95)}.donation-button-link img{display:block;border:none}:root.dark-mode .donation-button-content{background:#1e1e1ef2;border-color:var(--primary-color)}@media (prefers-color-scheme: dark){:root:not(.light-mode) .donation-button-content{background:#1e1e1ef2;border-color:var(--primary-color)}}:root.light-mode .donation-button-content{background:#fffffff2}@media (max-width: 768px){.donation-button-container{bottom:calc(60px + var(--spacing-sm) + var(--safe-area-bottom));right:var(--spacing-sm);left:var(--spacing-sm);max-width:none}.donation-button-content{max-width:100%}.donation-button-message{font-size:.8125rem}}.app{min-height:100vh;display:flex;flex-direction:column;background:#fafafa;background:var(--background, #fafafa);padding-bottom:calc(60px + var(--safe-area-bottom))}.navbar{border-bottom:1px solid var(--border-light);position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;padding-top:var(--safe-area-top)}:root.dark-mode .navbar{background:#1e1e1ee6}@media (prefers-color-scheme: dark){:root:not(.light-mode) .navbar{background:#1e1e1ee6}}:root.light-mode .navbar{background:#ffffffe6}.nav-container{max-width:100%;margin:0 auto;padding:var(--spacing-md) var(--spacing-lg);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.nav-title-link{text-decoration:none;display:inline-block}.nav-title{font-size:1.25rem;font-weight:700;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;letter-spacing:-.02em;cursor:pointer;transition:opacity .2s}.nav-title-link:hover .nav-title{opacity:.8}.nav-links{display:none}.nav-right{display:flex;align-items:center;gap:var(--spacing-sm)}.settings-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-full);background:transparent;color:var(--text-secondary);border:none;cursor:pointer;transition:all .2s;-webkit-tap-highlight-color:transparent;text-decoration:none}.settings-button:hover{background:var(--surface);color:var(--text-primary)}.settings-button.active{background:var(--primary-gradient);color:#fff}.settings-button:active{transform:scale(.95)}.settings-button:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.sync-controls{display:flex;align-items:center;gap:var(--spacing-sm)}.user-info{display:none}.user-email{font-size:.75rem;color:var(--text-secondary)}.friends-button{display:block;text-decoration:none;color:var(--text-secondary);padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:1px solid var(--border);border-radius:var(--radius-md);font-weight:500;font-size:.875rem;transition:all .2s;cursor:pointer}.friends-button:active{transform:scale(.95);background:var(--background)}.friends-button.active{color:var(--primary-color);border-color:var(--primary-color)}.friends-button:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.account-dropdown{position:relative}.account-dropdown-trigger{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs);background:transparent;border:none;border-radius:var(--radius-full);cursor:pointer;transition:all .2s;color:var(--text-secondary)}.account-dropdown-trigger:hover{background:var(--surface);color:var(--text-primary)}.account-avatar{width:32px;height:32px;border-radius:var(--radius-full);background:var(--primary-gradient);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem}.account-dropdown-arrow{transition:transform .2s}.account-dropdown-arrow.open{transform:rotate(180deg)}.account-dropdown-menu{position:absolute;top:calc(100% + var(--spacing-xs));right:0;min-width:200px;background:var(--background);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:1000;overflow:hidden;margin-top:var(--spacing-xs)}.account-dropdown-header{padding:var(--spacing-md);border-bottom:1px solid var(--border-light)}.account-dropdown-name{font-weight:600;color:var(--text-primary);font-size:.875rem;margin-bottom:.25rem}.account-dropdown-email{font-size:.75rem;color:var(--text-secondary)}.account-dropdown-divider{height:1px;background:var(--border-light)}.account-dropdown-item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-md);background:transparent;border:none;color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:background .2s;text-decoration:none;text-align:left;font-family:inherit}.account-dropdown-item:hover{background:var(--surface)}.account-dropdown-item.active{background:var(--surface);color:var(--primary-color)}.account-dropdown-item-danger{color:var(--error, #dc3545)}.account-dropdown-item-danger:hover{background:var(--error-bg, rgba(220, 53, 69, .1))}.account-dropdown-item:focus-visible{outline:2px solid var(--primary-color);outline-offset:-2px}.account-dropdown-trigger:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.logout-button{display:none}.sync-button{padding:var(--spacing-sm) var(--spacing-md);background:var(--primary-gradient);color:#fff;border:none;border-radius:var(--radius-full);font-weight:600;font-size:.875rem;transition:all .2s;box-shadow:var(--shadow-sm);min-width:60px}.sync-button:active:not(:disabled){transform:scale(.95);box-shadow:none}.sync-button:disabled{opacity:.6;cursor:not-allowed}.sync-indicator{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--text-secondary);transition:all .2s}.sync-indicator.sync-success{color:var(--success)}.sync-spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sync-time{display:none}.bottom-nav{position:fixed;bottom:0;left:0;right:0;border-top:1px solid var(--border-light);padding:var(--spacing-sm) var(--spacing-md);padding-bottom:calc(var(--spacing-sm) + var(--safe-area-bottom));z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;box-shadow:0 -2px 10px #0000000d;overflow:visible}:root.dark-mode .bottom-nav{background:#1e1e1ef2;box-shadow:0 -2px 10px #0000004d}@media (prefers-color-scheme: dark){:root:not(.light-mode) .bottom-nav{background:#1e1e1ef2;box-shadow:0 -2px 10px #0000004d}}:root.light-mode .bottom-nav{background:#fffffff2;box-shadow:0 -2px 10px #0000000d}.bottom-nav-links{display:flex;justify-content:space-around;align-items:center;max-width:100%;position:relative;overflow:visible;pointer-events:auto}.bottom-nav-link{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:var(--text-secondary);font-size:.625rem;font-weight:500;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);transition:all .2s;min-width:0;flex:1;gap:.25rem;-webkit-tap-highlight-color:transparent}.bottom-nav-link:active{transform:scale(.95);background:var(--background)}.bottom-nav-link.active{color:var(--primary-color)}:root.dark-mode .bottom-nav-link.active{color:#e8e8e8}@media (prefers-color-scheme: dark){:root:not(.light-mode) .bottom-nav-link.active{color:#e8e8e8}}.bottom-nav-link svg{width:24px;height:24px;stroke-width:2}.bottom-nav-link.active svg{stroke:var(--primary-color)}.main-content{flex:1;width:100%;max-width:100%;margin:0;padding:0;padding-bottom:var(--spacing-md)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 120px);gap:var(--spacing-lg);padding:var(--spacing-xl);background:#fafafa;background:var(--background, #fafafa)}.spinner{width:48px;height:48px;border:3px solid var(--border-light);border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-container p{color:var(--text-secondary);font-size:.875rem}@media (min-width: 768px){.app{padding-bottom:0}.bottom-nav{display:none}.nav-links{display:flex;gap:var(--spacing-lg);flex:1;justify-content:center}.nav-links a{text-decoration:none;color:var(--text-secondary);font-weight:500;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);transition:all .2s;font-size:.875rem}.nav-links a:hover,.nav-links a.active{color:var(--primary-color);background:var(--background)}.nav-links a:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}:root.dark-mode .nav-links a.active{color:#e8e8e8;background:var(--surface-elevated)}@media (prefers-color-scheme: dark){:root:not(.light-mode) .nav-links a.active{color:#e8e8e8;background:var(--surface-elevated)}}.user-info{display:flex;align-items:center;gap:var(--spacing-md)}.user-email{display:block}.friends-button{display:block;padding:var(--spacing-sm) var(--spacing-md);background:transparent;color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-md);font-weight:500;font-size:.875rem;text-decoration:none;transition:all .2s}.friends-button:hover{background:var(--background);color:var(--text-primary)}.friends-button.active{color:var(--primary-color);border-color:var(--primary-color)}.logout-button{display:block;padding:var(--spacing-sm) var(--spacing-md);background:transparent;color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-md);font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s}.logout-button:hover{background:var(--background);color:var(--text-primary)}.sync-time{display:block}.main-content{max-width:100%;margin:0;padding:0}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #E1306C;--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--accent-gradient: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--warm-gradient: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--background: #fafafa;--surface: #ffffff;--surface-elevated: #ffffff;--text-primary: #262626;--text-secondary: #8e8e8e;--text-tertiary: #c7c7c7;--border: #dbdbdb;--border-light: #efefef;--success: #00c851;--warning: #ffbb33;--error: #ff4444;--info: #33b5e5;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--safe-area-top: env(safe-area-inset-top);--safe-area-bottom: env(safe-area-inset-bottom)}@media (prefers-color-scheme: dark){:root:not(.light-mode){--background: #121212;--surface: #1e1e1e;--surface-elevated: #2a2a2a;--text-primary: #e8e8e8;--text-secondary: #b0b0b0;--text-tertiary: #757575;--border: #3a3a3a;--border-light: #2d2d2d;--primary-color: #f06292;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow: 0 1px 3px 0 rgba(0, 0, 0, .4), 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -2px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .5), 0 10px 10px -5px rgba(0, 0, 0, .4);--success: #00e676;--warning: #ffc107;--error: #ff5252;--info: #40c4ff}:root:not(.light-mode) html,:root:not(.light-mode) body{background-color:#121212;background-color:var(--background, #121212)}}:root.dark-mode{--background: #121212;--surface: #1e1e1e;--surface-elevated: #2a2a2a;--text-primary: #e8e8e8;--text-secondary: #b0b0b0;--text-tertiary: #757575;--border: #3a3a3a;--border-light: #2d2d2d;--primary-color: #f06292;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow: 0 1px 3px 0 rgba(0, 0, 0, .4), 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -2px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .5), 0 10px 10px -5px rgba(0, 0, 0, .4);--success: #00e676;--warning: #ffc107;--error: #ff5252;--info: #40c4ff}:root.dark-mode html,:root.dark-mode body{background-color:#121212;background-color:var(--background, #121212)}:root.light-mode{--background: #fafafa;--surface: #ffffff;--surface-elevated: #ffffff;--text-primary: #262626;--text-secondary: #8e8e8e;--text-tertiary: #c7c7c7;--border: #dbdbdb;--border-light: #efefef;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--success: #00c851;--warning: #ffbb33;--error: #ff4444;--info: #33b5e5}:root.light-mode html,:root.light-mode body{background-color:#fafafa;background-color:var(--background, #fafafa)}*:focus-visible{outline:2px solid var(--primary-color, #E1306C);outline-offset:2px;border-radius:var(--radius-sm, .375rem)}:root.dark-mode{--text-secondary: #c0c0c0}@media (prefers-color-scheme: dark){:root:not(.light-mode){--text-secondary: #c0c0c0}}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--primary-color, #E1306C);outline-offset:2px}*:focus:not(:focus-visible){outline:none}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fafafa;background-color:var(--background, #fafafa);color:var(--text-primary, #262626);line-height:1.5;font-size:14px;-webkit-text-size-adjust:100%;overscroll-behavior-y:contain;min-height:100vh}html{overflow-x:hidden;width:100%;position:relative;background-color:#fafafa}body{overflow-x:hidden;width:100%;position:relative}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}button{cursor:pointer;font-family:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation}input,textarea{font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}html{scroll-behavior:smooth;background-color:#fafafa;background-color:var(--background, #fafafa)}#root{min-height:100vh;background-color:#fafafa;background-color:var(--background, #fafafa);width:100%;position:relative}*:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}