.edit-profile-container{max-width:800px;margin:0 auto;padding:50px 16px 100px}.char-count{font-size:12px;color:var(--ion-color-medium);text-align:right;margin-top:4px}.distance-slider{width:100%;margin:12px 0}.save-section{padding:16px;margin-bottom:80px}ion-toast.toast-success{--color: #000 !important}ion-toast{--color: #000 !important}.avatar-tip{font-size:12px;color:var(--ion-color-medium)!important;margin-top:8px}.collapsible-header{cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--ion-background-color);border-radius:8px;margin:16px}.collapsible-header:hover{background:var(--ion-color-step-50)}.gender-comfort-section{margin:16px 0}.gender-comfort-card{background:var(--ion-background-color);padding:8px 0}body:not(.dark) .gender-comfort-section ion-card,body:not(.dark) .gender-comfort-card ion-card{--background: #ffffff !important;background:#fff!important}body:not(.dark) .gender-comfort-section .comfort-info-card{--background: #f3f4f6 !important;background:#f3f4f6!important}body.dark .gender-comfort-section ion-card,body.dark .gender-comfort-card ion-card{--background: #1f2937 !important;background:#1f2937!important}body.dark .gender-comfort-section .comfort-info-card{--background: #374151 !important;background:#374151!important}.edit-profile-container ion-list-header{background:transparent!important;padding:24px 16px 8px;min-height:auto;margin-top:8px}.edit-profile-container ion-list-header ion-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--ion-color-primary);margin:0}.edit-profile-container ion-list-header:before{content:"";position:absolute;top:12px;left:16px;right:16px;height:1px;background:var(--ion-border-color);opacity:.3}.edit-profile-container ion-list:first-of-type ion-list-header:before{display:none}.game-card{margin:12px 0}.game-card-content{display:flex;gap:12px;padding:12px}.game-image-container{flex-shrink:0;width:80px;height:80px;border-radius:8px;overflow:hidden;background:var(--ion-color-light)}.game-image{width:100%;height:100%;object-fit:cover}.game-details{flex:1;padding:0;display:flex;flex-direction:column;gap:8px}.game-header{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.game-name{margin:0;font-size:16px;font-weight:600;color:var(--ion-color-dark)}.game-year{font-size:13px;color:var(--ion-color-medium)}.game-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:13px;color:var(--ion-color-medium)}.meta-item{white-space:nowrap}.game-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.ownership-chip,.ttrpg-chip{height:26px;font-size:12px}.ownership-chip ion-icon,.ttrpg-chip ion-icon{font-size:14px;margin-right:4px}.game-actions{display:flex;gap:4px;margin-top:4px}.game-actions ion-button{--padding-start: 8px;--padding-end: 8px}@media (max-width: 576px){.game-image-container{width:60px;height:60px}.game-name{font-size:15px}}.search-section{position:sticky;top:0;z-index:10;background:var(--ion-background-color);padding-bottom:8px}.search-loading{display:flex;justify-content:center;padding:16px}.search-results{max-height:300px;overflow-y:auto;border-bottom:1px solid var(--ion-color-light);margin-bottom:16px}.filter-segment-container{padding:8px 16px;background:var(--ion-background-color);position:sticky;top:56px;z-index:9;border-bottom:1px solid var(--ion-color-light)}.filter-segment-container ion-segment{max-width:100%}.filter-segment-container ion-segment-button ion-label{display:flex;align-items:center;gap:4px;font-size:13px}.filter-segment-container ion-badge{margin-left:4px;font-size:12px;min-width:20px}.user-games-section{padding:16px}.loading-container{display:flex;justify-content:center;padding:40px}.empty-state{text-align:center;padding:40px 20px;color:var(--ion-color-medium)}.empty-state p{margin:0;font-size:15px}.games-list{display:flex;flex-direction:column;gap:8px}.availability-container{padding:16px 16px 100px;max-width:800px;margin:0 auto}.slot-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.day-select,.time-input{padding:8px;border:1px solid var(--ion-color-medium);border-radius:4px;background:var(--ion-background-color);color:var(--ion-text-color);font-size:14px}.day-select{flex:1;min-width:120px}.time-input{width:110px;font-size:14px}.onboarding-modal{--background: var(--ion-background-color, #ffffff);--width: 100%;--height: 100%}.onboarding-modal ion-content{--background: var(--ion-background-color, #ffffff)}.onboarding-content{display:flex;flex-direction:column;justify-content:space-between;padding:20px;height:100%;background:var(--ion-background-color, #ffffff)}.onboarding-header{display:flex;justify-content:flex-end;margin-bottom:10px}.skip-button{--color: var(--ion-color-medium);font-size:14px}.skip-button:hover{--color: var(--ion-color-dark)}.progress-container{width:100%;height:4px;background:var(--ion-color-step-150, rgba(0, 0, 0, .1));border-radius:2px;margin-bottom:40px;overflow:hidden}.progress-bar{height:100%;background:var(--ion-color-primary);transition:width .3s ease}.tutorial-content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:20px;min-height:400px;animation:fadeIn .3s ease}.tutorial-icon{margin-bottom:30px}.step-number{width:80px;height:80px;border-radius:50%;background:var(--ion-color-primary);color:#fff!important;display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:700;box-shadow:0 4px 12px rgba(var(--ion-color-primary-rgb),.3)}.success-icon{font-size:80px;color:var(--ion-color-success);animation:scaleIn .3s ease}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.tutorial-title{font-size:28px;font-weight:700;color:var(--ion-text-color)!important;margin-bottom:16px;line-height:1.2}.tutorial-description{font-size:16px;color:var(--ion-color-step-600, var(--ion-text-color))!important;line-height:1.5;max-width:400px;margin:0 auto 20px}.step-counter{font-size:14px;color:var(--ion-color-medium)!important;margin-top:20px}.tutorial-actions{display:flex;gap:12px;padding:20px 0}.back-button{flex:1;--border-color: var(--ion-color-step-250);--color: var(--ion-text-color)}.next-button{flex:2;--background: var(--ion-color-primary);font-weight:600}.next-button[expand=block]{flex:1;width:100%}@media (min-width: 768px){.onboarding-modal{--width: 500px;--height: auto;--border-radius: 16px}.tutorial-title{font-size:32px}.tutorial-description{font-size:18px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.account-settings-page ion-list-header{background:transparent!important;padding:24px 16px 8px;min-height:auto;margin-top:8px}.account-settings-page ion-list-header ion-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--ion-color-primary);margin:0}.account-settings-page ion-list{margin-bottom:16px}.account-settings-page ion-list:first-of-type ion-list-header{padding-top:8px}.account-settings-page .danger-zone-header ion-label{color:var(--ion-color-danger)}.account-settings-page .warning-zone-header ion-label{color:var(--ion-color-warning)}.account-settings-page .section-spacer{height:16px}.account-settings-page ion-list-header:before{content:"";position:absolute;top:12px;left:16px;right:16px;height:1px;background:var(--ion-border-color);opacity:.3}.account-settings-page ion-list:first-of-type ion-list-header:before{display:none}