.profile-container{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--spacing-xl);max-width:1120px;margin:0 auto}.profile-left{min-width:0}.user-info-card{background:var(--surface-card-bg);border-radius:var(--radius-xl);padding:var(--spacing-xl);border:1px solid var(--surface-card-border);box-shadow:var(--surface-card-shadow);backdrop-filter:var(--surface-card-backdrop);margin-bottom:var(--spacing-lg)}.user-info-card h2{font-size:1.5rem;color:var(--index-panel-title-color);margin-bottom:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-sm)}.info-grid{display:grid;gap:var(--spacing-md)}.info-row{display:grid;grid-template-columns:150px 1fr;align-items:center;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--surface-card-border)}.info-row:last-child{border-bottom:none}.info-label{font-weight:600;color:var(--compact-language-section-title-color)}.info-value{color:var(--compact-language-option-color)}body.dark-mode .info-value{color:var(--compact-control-text)}.badge{display:inline-flex;align-items:center;justify-content:center;min-height:1.5rem;padding:0.2rem 0.62rem;border-radius:var(--radius-full);font-size:0.75rem;font-weight:700;line-height:1.1;vertical-align:middle}.badge-pro{background:var(--btn-warning-bg);border:1px solid var(--btn-warning-border);color:var(--btn-warning-color);-webkit-text-fill-color:var(--btn-warning-color)}.badge-free{background:var(--compact-control-bg);border:1px solid var(--compact-control-border);color:var(--compact-control-text);-webkit-text-fill-color:var(--compact-control-text)}.reset-password-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--show-answer-btn-bg);border:1px solid var(--info-color);color:var(--show-answer-btn-color);-webkit-text-fill-color:var(--show-answer-btn-color);border-radius:var(--radius-md);transition:all var(--transition-base)}.reset-password-btn:hover{background:var(--show-answer-btn-hover-bg);color:var(--show-answer-btn-color);-webkit-text-fill-color:var(--show-answer-btn-color);box-shadow:var(--shadow-sm)}.account-type-link{display:inline-flex;align-items:center;gap:6px;margin-left:var(--spacing-sm);padding:4px 12px;border-radius:999px;background:var(--compact-control-bg);border:1px solid var(--compact-control-border);color:var(--compact-control-text);-webkit-text-fill-color:var(--compact-control-text);font-size:0.75rem;font-weight:600;text-decoration:none;transition:all var(--transition-base)}.account-type-link:hover{background:var(--compact-control-hover-bg);border-color:var(--compact-control-hover-border);color:var(--compact-language-option-hover-color);-webkit-text-fill-color:var(--compact-language-option-hover-color);box-shadow:var(--shadow-sm)}body.dark-mode .reset-password-btn{background:var(--show-answer-btn-bg);color:var(--show-answer-btn-color);-webkit-text-fill-color:var(--show-answer-btn-color);border:1px solid var(--info-color);box-shadow:var(--surface-card-shadow)}body.dark-mode .reset-password-btn:hover{background:var(--show-answer-btn-hover-bg);color:var(--show-answer-btn-color);-webkit-text-fill-color:var(--show-answer-btn-color);box-shadow:var(--surface-card-hover-shadow)}body.dark-mode .account-type-link{background:var(--compact-control-bg);border:1px solid var(--compact-control-border);color:var(--compact-control-text);-webkit-text-fill-color:var(--compact-control-text)}body.dark-mode .account-type-link:hover{background:var(--compact-control-hover-bg);color:var(--compact-language-option-hover-color);-webkit-text-fill-color:var(--compact-language-option-hover-color);border-color:var(--compact-control-hover-border);box-shadow:var(--surface-card-shadow)}.user-info-header{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-sm)}.preview-public-profile-btn{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:var(--gray-100);color:var(--gray-800);font-size:0.85rem;font-weight:600;text-decoration:none;transition:all var(--transition-base)}.preview-public-profile-btn i{font-size:0.9rem}.preview-public-profile-btn:hover{background:var(--accent-light);color:var(--accent-dark);box-shadow:var(--shadow-sm)}body.dark-mode .preview-public-profile-btn{background:var(--compact-control-bg);color:var(--compact-control-text);border-color:var(--compact-control-border)}body.dark-mode .preview-public-profile-btn:hover{background:var(--compact-control-hover-bg);color:var(--compact-language-option-hover-color);border-color:var(--compact-control-hover-border)}body .profile-hero .profile-avatar,body .profile-timeline-post .profile-timeline-avatar{background:var(--btn-primary-bg);color:var(--btn-primary-color);-webkit-text-fill-color:var(--btn-primary-color)}body .follow-actions .follow-button:not(.following):not(.profile-admin-menu-toggle),body .profile-timeline-actions .profile-timeline-submit,body .follow-list-panel .follow-list-action:not(.following){background:var(--btn-primary-bg);border-color:var(--btn-primary-border);color:var(--btn-primary-color);-webkit-text-fill-color:var(--btn-primary-color)}body .follow-actions .follow-button:not(.following):not(.profile-admin-menu-toggle):hover,body .follow-actions .follow-button:not(.following):not(.profile-admin-menu-toggle):focus-visible,body .profile-timeline-actions .profile-timeline-submit:hover,body .profile-timeline-actions .profile-timeline-submit:focus-visible,body .follow-list-panel .follow-list-action:not(.following):hover,body .follow-list-panel .follow-list-action:not(.following):focus-visible{background:var(--btn-primary-hover-bg);border-color:var(--btn-primary-border);color:var(--btn-primary-color);-webkit-text-fill-color:var(--btn-primary-color)}body .follow-actions .follow-button.profile-admin-menu-toggle{width:38px;min-width:38px;padding:0;justify-content:center;background:var(--compact-control-bg);border-color:var(--compact-control-border);color:var(--compact-control-text);-webkit-text-fill-color:var(--compact-control-text)}body .follow-actions .follow-button.profile-admin-menu-toggle:hover,body .follow-actions .follow-button.profile-admin-menu-toggle:focus-visible{background:var(--compact-control-hover-bg);border-color:var(--compact-control-hover-border);color:var(--compact-language-option-hover-color);-webkit-text-fill-color:var(--compact-language-option-hover-color)}body .profile-timeline-menu[hidden],body .profile-admin-menu [hidden]{display:none!important}body .profile-tabbar{background:var(--compact-control-bg);border-color:var(--compact-control-border)}body .profile-tabbar .profile-tab{color:var(--compact-control-text)}body .profile-tabbar .profile-tab:hover,body .profile-tabbar .profile-tab:focus-visible{background:var(--compact-language-option-hover-bg);color:var(--compact-language-option-hover-color);-webkit-text-fill-color:var(--compact-language-option-hover-color)}body .profile-tabbar .profile-tab.is-active,body .profile-tabbar .profile-tab[aria-selected="true"],body .time-range-btn.active{background:var(--compact-language-option-active-bg);border-color:var(--compact-language-option-active-bg);color:var(--compact-language-option-active-color);-webkit-text-fill-color:var(--compact-language-option-active-color)}body .profile-tabbar .profile-tab.is-active:hover,body .profile-tabbar .profile-tab.is-active:focus-visible,body .profile-tabbar .profile-tab[aria-selected="true"]:hover,body .profile-tabbar .profile-tab[aria-selected="true"]:focus-visible,body .time-range-btn.active:hover,body .time-range-btn.active:focus-visible{background:var(--compact-language-option-active-bg);border-color:var(--compact-language-option-active-bg);color:var(--compact-language-option-active-color);-webkit-text-fill-color:var(--compact-language-option-active-color)}body .profile-media-carousel-counter{background:var(--quest-tooltip-background);color:var(--quest-tooltip-text);-webkit-text-fill-color:var(--quest-tooltip-text)}.preferences-card{background:var(--surface-card-bg);border-radius:var(--radius-xl);padding:var(--spacing-xl);border:1px solid var(--surface-card-border);box-shadow:var(--surface-card-shadow);backdrop-filter:var(--surface-card-backdrop)}.preferences-card h2{font-size:1.5rem;color:var(--index-panel-title-color);margin-bottom:var(--spacing-lg)}.delete-account-card{background:var(--surface-card-bg);border-radius:var(--radius-xl);padding:var(--spacing-xl);border:1px solid var(--danger-color);box-shadow:var(--surface-card-shadow);margin-top:var(--spacing-lg)}.delete-account-card h2{font-size:1.5rem;color:var(--danger-color);margin-bottom:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-sm)}.delete-account-card p{color:var(--index-stats-card-body-text-color);margin-bottom:var(--spacing-md)}.delete-account-card .btn{margin-top:var(--spacing-sm)}body.dark-mode .delete-account-card{background:var(--surface-card-bg);border-color:var(--danger-color);box-shadow:var(--surface-card-shadow)}body.dark-mode .delete-account-card h2{color:var(--danger-color)}body.dark-mode .delete-account-card p{color:var(--index-stats-card-body-text-color)}.settings-grid{display:grid;gap:var(--spacing-xl)}.settings-group{background:var(--surface-card-bg);border:1px solid var(--surface-card-border);border-radius:var(--radius-lg);box-shadow:var(--surface-card-shadow);overflow:hidden}.settings-group-summary{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);color:var(--index-panel-title-color);cursor:pointer;font-weight:750;list-style:none}.settings-group-summary::-webkit-details-marker{display:none}.settings-group-summary span{display:inline-flex;align-items:center;gap:var(--spacing-sm)}.settings-group-chevron{transition:transform var(--transition-base)}.settings-group[open] .settings-group-chevron{transform:rotate(180deg)}.settings-group-body{display:grid;gap:var(--spacing-lg);padding:0 var(--spacing-lg) var(--spacing-lg)}.settings-section{background-color:var(--compact-control-bg);border:1px solid var(--compact-control-border);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.settings-section h3{font-size:1.125rem;color:var(--index-panel-title-color);margin-bottom:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-sm)}.settings-section-help{margin:calc(-1 * var(--spacing-xs)) 0 var(--spacing-md);color:var(--compact-language-section-title-color);font-size:0.88rem;line-height:1.45}.social-profile-lock-notice{margin:calc(-1 * var(--spacing-xs)) 0 var(--spacing-md);color:var(--compact-language-section-title-color);font-size:0.88rem;line-height:1.45}.profile-social-handle{color:var(--compact-language-section-title-color);font-size:1rem;font-weight:700;margin-top:-0.35rem}.user-info-social-profile{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid var(--surface-card-border)}.user-info-social-profile h3{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);color:var(--index-panel-title-color);font-size:1.125rem}.social-profile-layout{display:grid;grid-template-columns:160px minmax(0,1fr);gap:var(--spacing-lg);align-items:start}.social-avatar-column{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.social-avatar-preview{width:128px;height:128px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:var(--accent-color);color:var(--white);font-size:2.5rem;font-weight:800;border:3px solid var(--compact-control-border);box-shadow:var(--shadow-sm)}.social-avatar-preview img{width:100%;height:100%;object-fit:cover}.social-avatar-actions{display:flex;flex-direction:column;gap:var(--spacing-xs);width:100%}#profile_avatar_file{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.profile-photo-button,.profile-photo-remove,.profile-location-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);min-height:38px;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--compact-control-border);background:var(--surface-card-bg);color:var(--compact-control-text);font-size:0.86rem;font-weight:650;cursor:pointer}.profile-photo-button:hover,.profile-photo-remove:hover,.profile-location-button:hover{border-color:var(--surface-card-hover-border);box-shadow:var(--surface-card-hover-shadow)}.profile-photo-remove{color:var(--danger-color)}.profile-location-button{background:var(--accent-color);color:var(--white);border-color:transparent;white-space:nowrap}.profile-location-button:hover{background:var(--accent-dark);color:var(--white)}.profile-location-button:disabled{cursor:wait;opacity:0.72;box-shadow:none}.social-profile-location-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--spacing-sm);align-items:center}.social-profile-location-value{min-height:42px;padding:0 var(--spacing-sm);border:1px solid var(--compact-control-border);border-radius:var(--radius-md)}#social_profile_location_status[data-status="success"]{color:var(--success-color)}#social_profile_location_status[data-status="error"]{color:var(--danger-color)}body.dark-mode .profile-location-button{background:var(--compact-language-option-active-bg);color:var(--compact-language-option-active-color);border-color:var(--compact-control-border)}body.dark-mode .profile-location-button:hover{background:var(--compact-language-option-active-hover-bg);color:var(--compact-language-option-active-hover-color)}.social-profile-fields{min-width:0}.social-profile-field-wide{grid-column:1 / -1}.social-profile-textarea{resize:vertical;min-height:88px}.social-profile-multi-select{min-height:112px}.social-profile-readonly-value{display:flex;align-items:center;min-height:42px;color:var(--compact-control-text);background:var(--surface-card-bg)}.social-profile-toggle-grid{margin-top:var(--spacing-md);grid-template-columns:minmax(0,380px);gap:var(--spacing-sm)}.social-profile-toggle-grid .toggle-item{gap:var(--spacing-sm);justify-content:flex-start;padding:var(--spacing-sm);border:1px solid var(--surface-card-border);border-radius:var(--radius-sm);background:var(--compact-control-bg)}.social-profile-toggle-grid .toggle-label{flex:1 1 auto;min-width:0;color:var(--compact-control-text);font-weight:700}.social-profile-toggle-grid .toggle-switch{flex:0 0 48px}.blocked-users-list{display:grid;gap:var(--spacing-sm)}.blocked-user-item{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);min-width:0;padding:var(--spacing-sm);border:1px solid var(--surface-card-border);border-radius:var(--radius-md);background:var(--surface-card-bg)}.blocked-user-profile{display:inline-flex;align-items:center;gap:var(--spacing-sm);min-width:0;color:var(--compact-control-text);text-decoration:none}.blocked-user-avatar{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:50%;overflow:hidden;background:var(--accent-color);color:var(--white);font-weight:800}.blocked-user-avatar img{width:100%;height:100%;object-fit:cover}.blocked-user-copy{display:grid;gap:2px;min-width:0}.blocked-user-name{overflow:hidden;color:var(--index-panel-title-color);font-weight:700;text-overflow:ellipsis;white-space:nowrap}.blocked-user-meta,.blocked-users-empty{color:var(--compact-language-section-title-color);font-size:0.84rem}.blocked-users-empty{padding:var(--spacing-sm) 0}.blocked-user-unblock{flex:0 0 auto;min-height:36px}.key-bindings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}.key-setting{display:flex;flex-direction:column;gap:var(--spacing-xs)}.key-setting label{font-size:0.875rem;color:var(--compact-language-section-title-color);font-weight:500}.key-setting input{width:60px;padding:var(--spacing-sm);text-align:center;font-size:1.125rem;font-weight:600;border:2px solid var(--compact-control-border);border-radius:var(--radius-md);transition:all var(--transition-base);color:var(--compact-control-text);background-color:var(--compact-control-bg)}.key-setting input:focus{outline:none;border-color:var(--index-path-tab-focus-border);box-shadow:0 0 0 3px var(--index-path-tab-focus-ring);background-color:var(--compact-control-bg)}.volume-control{margin-bottom:var(--spacing-lg)}.volume-control label{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);font-size:0.875rem;color:var(--compact-language-section-title-color);font-weight:500;margin-bottom:var(--spacing-sm)}.voice-speed-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--spacing-md)}.voice-speed-control{margin-bottom:0}.voice-speed-display{font-size:0.8rem;color:var(--index-panel-title-color);font-variant-numeric:tabular-nums}.volume-slider{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:8px;border-radius:var(--radius-full);background:var(--surface-card-border);outline:none;cursor:pointer}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--accent-color);cursor:pointer;transition:all var(--transition-base)}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:var(--shadow-md)}.volume-slider::-moz-range-track{width:100%;height:8px;border-radius:var(--radius-full);background:var(--surface-card-border);outline:none}.volume-slider::-moz-range-thumb{border:none;width:20px;height:20px;border-radius:50%;background:var(--accent-color);cursor:pointer;transition:all var(--transition-base)}.volume-slider::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:var(--shadow-md)}.voice-options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--spacing-md)}.voice-option-card{position:relative;display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border:1px solid var(--surface-card-border);border-radius:var(--radius-lg);background:var(--surface-card-bg);box-shadow:var(--surface-card-shadow);transition:all var(--transition-base);cursor:pointer}.voice-option-card input{position:absolute;opacity:0;pointer-events:none}.voice-option-card:hover{transform:translateY(-2px);border-color:var(--surface-card-hover-border);box-shadow:var(--surface-card-hover-shadow)}.voice-option-card input:checked + .voice-option-content,.voice-option-card.voice-option-active .voice-option-content{border-color:var(--accent-color);box-shadow:0 0 0 3px var(--index-path-tab-focus-ring)}.voice-option-content{display:flex;align-items:center;gap:var(--spacing-md);width:100%;border:2px solid transparent;border-radius:var(--radius-lg);padding:var(--spacing-sm);transition:all var(--transition-base)}.voice-option-content img{width:64px;height:64px;object-fit:cover;border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.voice-option-info{display:flex;flex-direction:column;gap:4px}.voice-option-name{font-weight:600;color:var(--index-panel-title-color)}.voice-option-tag{display:inline-block;padding:2px 8px;background-color:var(--accent-color);color:var(--white);border-radius:var(--radius-full);font-size:0.75rem;font-weight:600;align-self:flex-start}.voice-option-upsell{font-size:0.75rem;color:var(--warning-color)}.voice-option-disabled{opacity:0.7;cursor:not-allowed}.voice-option-disabled .voice-option-content{filter:grayscale(0.3)}.voice-options-note{margin-top:var(--spacing-sm);font-size:0.875rem;color:var(--compact-language-section-title-color)}.toggle-grid{display:grid;gap:var(--spacing-md)}.toggle-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) 0}.theme-toggle-item{flex-wrap:wrap;gap:var(--spacing-sm)}.toggle-label{font-size:0.875rem;color:var(--compact-language-section-title-color);font-weight:500}.toggle-switch{position:relative;width:48px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--compact-control-border);transition:all var(--transition-base);border-radius:var(--radius-full)}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:var(--white);transition:all var(--transition-base);border-radius:50%}input:checked + .toggle-slider{background-color:var(--accent-color)}input:checked + .toggle-slider:before{transform:translateX(24px)}.theme-toggle-group{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:2px;border-radius:var(--radius-full);border:1px solid var(--compact-control-border);background-color:var(--compact-control-bg);flex-wrap:wrap}.theme-toggle-option{position:relative;display:inline-flex}.theme-toggle-option input{position:absolute;opacity:0;pointer-events:none}.theme-toggle-option span{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;font-size:0.75rem;font-weight:600;border-radius:var(--radius-full);color:var(--compact-language-option-color);cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.theme-toggle-option input:checked + span{background-color:var(--compact-control-hover-bg);color:var(--compact-language-option-hover-color);box-shadow:var(--shadow-sm)}.theme-toggle-option input:focus-visible + span{outline:2px solid var(--accent-color);outline-offset:2px}.theme-palette-item{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm)}.theme-palette-group{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:var(--spacing-xs)}.theme-palette-option{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:8px 10px;border:1px solid var(--compact-control-border);border-radius:var(--radius-md);background:var(--compact-control-bg);color:var(--compact-control-text);cursor:pointer;transition:all var(--transition-base)}.theme-palette-option:hover{border-color:var(--accent-color)}.theme-palette-option input{margin:0;accent-color:var(--accent-color)}.theme-palette-name{font-size:0.85rem;font-weight:600}.theme-palette-tag{display:inline-flex;align-items:center;justify-content:center;padding:2px 8px;border-radius:var(--radius-full);font-size:0.7rem;font-weight:600;color:var(--white);background:var(--accent-color)}.theme-palette-option-disabled{opacity:0.65;cursor:not-allowed}.theme-palette-option-disabled:hover{border-color:var(--compact-control-border)}.theme-palette-note{font-size:0.8rem;color:var(--compact-language-section-title-color)}.custom-theme-editor{width:100%;padding:var(--spacing-sm);border:1px solid var(--compact-control-border);border-radius:var(--radius-md);background:var(--compact-control-bg)}.custom-theme-editor[hidden]{display:none}.custom-theme-editor-title{margin-bottom:var(--spacing-sm);font-size:0.78rem;font-weight:700;color:var(--compact-language-section-title-color);text-transform:uppercase}.custom-theme-color-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:var(--spacing-xs)}.custom-theme-color-row{display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:center;gap:var(--spacing-sm);min-height:52px;padding:8px 10px;border:1px solid var(--surface-card-border);border-radius:var(--radius-md);background:var(--surface-card-bg)}.custom-theme-color-copy{min-width:0}.custom-theme-color-label,.custom-theme-color-value{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-theme-color-label{font-size:0.82rem;font-weight:650;color:var(--compact-control-text)}.custom-theme-color-value{margin-top:2px;font-size:0.72rem;color:var(--compact-language-section-title-color);font-family:var(--font-primary)}.custom-theme-color-input{width:44px;height:36px;padding:2px;border:1px solid var(--compact-control-border);border-radius:var(--radius-sm);background:var(--compact-control-bg);cursor:pointer}.timezone-select-inline{padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--compact-control-border);border-radius:var(--radius-md);background-color:var(--compact-control-bg);font-size:0.875rem;transition:all var(--transition-base);max-width:250px;color:var(--compact-control-text)}.timezone-select-inline:focus{outline:none;border-color:var(--index-path-tab-focus-border);box-shadow:0 0 0 3px var(--index-path-tab-focus-ring)}.flashcard-input{padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--compact-control-border);border-radius:var(--radius-md);background-color:var(--compact-control-bg);font-size:0.875rem;transition:all var(--transition-base);width:100%;font-weight:500;color:var(--compact-control-text)}.flashcard-input:focus{outline:none;border-color:var(--index-path-tab-focus-border);box-shadow:0 0 0 3px var(--index-path-tab-focus-ring);background-color:var(--compact-control-bg)}.flashcard-input[type="number"]{appearance:none;-moz-appearance:textfield}.flashcard-input[type="number"]::-webkit-inner-spin-button,.flashcard-input[type="number"]::-webkit-outer-spin-button{opacity:1;height:30px;cursor:pointer}.flashcard-input::placeholder{color:var(--compact-language-section-title-color);font-style:italic}.reset-hour-select.flashcard-input{cursor:pointer}.limit-input-group{position:relative}.help-text{display:block;margin-top:var(--spacing-xs);font-size:0.75rem;color:var(--compact-language-section-title-color);line-height:1.4}.achievements-card{background:var(--surface-card-bg);border-radius:var(--radius-xl);padding:var(--spacing-xl);border:1px solid var(--surface-card-border);box-shadow:var(--surface-card-shadow);backdrop-filter:var(--surface-card-backdrop)}.achievements-card h2{font-size:1.5rem;color:var(--index-panel-title-color);margin-bottom:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-sm)}.upcoming-achievements{margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background:var(--compact-control-bg);border-radius:var(--radius-lg);border:1px solid var(--compact-control-border)}.upcoming-title{font-size:1rem;font-weight:600;color:var(--index-panel-title-color);margin-bottom:var(--spacing-md)}.upcoming-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-md)}.upcoming-item{display:flex;gap:var(--spacing-md);align-items:flex-start;background:var(--surface-card-bg);border-radius:var(--radius-md);padding:var(--spacing-md);border:1px solid var(--surface-card-border)}.upcoming-icon i{font-size:1.75rem;color:var(--accent-color)}.upcoming-details{flex:1}.upcoming-name{font-weight:600;color:var(--index-panel-title-color);margin-bottom:var(--spacing-xs)}.upcoming-description{color:var(--compact-language-section-title-color);font-size:0.875rem;margin-bottom:var(--spacing-sm)}.upcoming-progress{display:flex;flex-direction:column;gap:var(--spacing-xs)}.progress-track{width:100%;height:8px;background:var(--surface-card-border);border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:var(--accent-color);border-radius:999px;transition:width var(--transition-base)}.progress-label{font-size:0.75rem;color:var(--gray-600)}.progress-context{font-size:0.75rem;color:var(--gray-500)}.upcoming-empty-message{margin-top:var(--spacing-md);font-size:0.85rem;color:var(--gray-600);font-style:italic}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--spacing-md)}.achievement-item{display:flex;gap:var(--spacing-md);align-items:center;padding:var(--spacing-md);background:linear-gradient(145deg,var(--gray-50),var(--white));border-radius:var(--radius-lg);border:1px solid var(--gray-200);transition:all var(--transition-base)}.achievement-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--accent-color)}.achievement-icon{width:48px;height:48px;border-radius:999px;background:var(--gray-100);display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--accent-color);flex-shrink:0}.achievement-icon i{line-height:1}.achievement-content{flex:1;text-align:left}.achievement-name{font-size:1rem;font-weight:600;color:var(--gray-900);margin-bottom:var(--spacing-xs)}.achievement-description{font-size:0.85rem;color:var(--gray-700);margin-bottom:var(--spacing-xs)}.achievement-series{font-size:0.8rem;color:var(--gray-600);margin-bottom:var(--spacing-xs)}.achievement-date{font-size:0.75rem;color:var(--gray-500)}.achievement-list .icon{width:40px;height:40px;border-radius:999px;background:var(--gray-100);display:inline-flex;align-items:center;justify-content:center;font-size:1.25rem;color:var(--accent-color);margin-right:var(--spacing-sm)}.achievement-list .icon i{line-height:1}.achievement-list .details h4{margin:0;font-size:0.95rem;font-weight:600;color:var(--gray-900)}.achievement-list .details .description{display:block;font-size:0.8rem;color:var(--gray-600)}.achievement-list .details .series{display:block;font-size:0.75rem;color:var(--gray-600)}.achievement-list .details .date{display:block;font-size:0.75rem;color:var(--gray-500)}.no-achievements{text-align:center;color:var(--gray-500);font-style:italic;padding:var(--spacing-2xl);background:var(--gray-50);border-radius:var(--radius-lg);grid-column:1 / -1}.confirmation-modal-subtitle{font-size:0.875rem;color:var(--gray-500);font-style:italic}.delete-account-modal-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:var(--overlay-backdrop-bg);z-index:var(--z-modal-backdrop)}.delete-account-modal{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--surface-card-bg);border:1px solid var(--surface-card-border);padding:var(--spacing-xl);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);z-index:var(--z-modal);max-width:420px;width:92%}.delete-account-modal h3{color:var(--index-panel-title-color);margin-bottom:var(--spacing-md)}.delete-account-modal p{color:var(--compact-language-section-title-color);margin-bottom:var(--spacing-sm)}.delete-account-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--compact-control-border);border-radius:var(--radius-md);font-size:0.95rem;margin-bottom:var(--spacing-xs);background:var(--compact-control-bg);color:var(--compact-control-text);color-scheme:light}.delete-account-input::placeholder{color:var(--gray-500)}.delete-account-input:focus{outline:none;border-color:var(--index-path-tab-focus-border);box-shadow:0 0 0 3px var(--index-path-tab-focus-ring)}.delete-account-error{display:none;color:var(--danger-color);font-size:0.875rem;margin-bottom:var(--spacing-sm)}.delete-account-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-lg)}body.dark-mode .delete-account-modal{background:var(--gray-100);box-shadow:var(--surface-card-shadow)}body.dark-mode .delete-account-modal h3{color:var(--compact-control-text)}body.dark-mode .delete-account-modal p{color:var(--index-stats-card-body-text-color)}body.dark-mode .delete-account-input{background:var(--gray-200);border-color:var(--compact-control-border);color:var(--gray-900);color-scheme:dark}@media (max-width:1200px){.profile-container{grid-template-columns:1fr}}@media (max-width:768px){.settings-group-summary,.settings-group-body{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.social-profile-layout{grid-template-columns:1fr}.social-avatar-column{align-items:flex-start}.social-avatar-actions{max-width:220px}.social-profile-location-row{grid-template-columns:minmax(0,1fr)}.blocked-user-item{align-items:stretch;flex-direction:column}.blocked-user-profile{width:100%}.blocked-user-unblock{justify-content:center;width:100%}.info-row{grid-template-columns:1fr;gap:var(--spacing-xs)}.info-label{font-size:0.875rem}.key-bindings-grid{grid-template-columns:repeat(2,1fr)}.achievements-grid{grid-template-columns:repeat(3,1fr)}}.gift-subscriptions-card{background:var(--surface-card-bg);border-radius:var(--radius-xl);padding:var(--spacing-xl);border:1px solid var(--surface-card-border);box-shadow:var(--surface-card-shadow);backdrop-filter:var(--surface-card-backdrop);margin-bottom:var(--spacing-lg)}.gift-subscriptions-card h2{font-size:1.5rem;color:var(--index-panel-title-color);margin-bottom:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-sm)}.gift-subscriptions-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);flex-wrap:wrap;margin-bottom:var(--spacing-lg)}.gift-subscriptions-header h2{margin-bottom:0}.gift-portal-form{margin:0}.gift-subscriptions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.gift-subscription-panel{background-color:var(--gray-50);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.gift-subscription-panel h3{font-size:1.125rem;color:var(--gray-800);margin-bottom:var(--spacing-md)}.gift-form-row{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);align-items:center}.gift-username-input-wrapper{flex:1 1 220px;position:relative}.gift-username-input-wrapper .gift-input{width:100%}.gift-input{flex:1 1 220px;padding:10px 12px;border:2px solid var(--gray-300);border-radius:var(--radius-md);background-color:var(--compact-control-bg);color:var(--compact-control-text)}.gift-username-autocomplete{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--surface-menu-bg);border:1px solid var(--surface-menu-border);color:var(--surface-menu-text);border-radius:var(--radius-lg);box-shadow:var(--surface-menu-shadow);max-height:220px;overflow-y:auto;z-index:1000;display:none}.gift-username-autocomplete.visible{display:block}.gift-username-autocomplete-item{padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;display:flex;align-items:center;gap:var(--spacing-sm);transition:background-color var(--transition-base)}.gift-username-autocomplete-item:hover,.gift-username-autocomplete-item.selected{background-color:var(--surface-menu-hover-bg)}.gift-username-autocomplete-item .username{font-weight:500;color:var(--surface-menu-text)}.gift-username-autocomplete-item .pro-icon{width:16px;height:16px;vertical-align:middle}.gift-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px var(--index-path-tab-focus-ring)}.gift-help-text{margin-top:var(--spacing-sm);color:var(--gray-600);font-size:0.9rem}.gift-subscriptions-lists{display:grid;gap:var(--spacing-lg)}.gift-table-wrapper{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--surface-card-border);background:var(--surface-card-bg)}.gift-table{width:100%;border-collapse:collapse;min-width:640px}.gift-table th,.gift-table td{padding:12px 14px;border-bottom:1px solid var(--gray-200);text-align:left;font-size:0.95rem}.gift-table th{background:var(--gray-50);color:var(--gray-700);font-weight:700}.gift-table tr:last-child td{border-bottom:none}.gift-load-more{margin-top:var(--spacing-sm)}body.dark-mode .gift-subscriptions-card{background:var(--surface-card-bg);border:1px solid var(--surface-card-border);box-shadow:var(--surface-card-shadow)}body.dark-mode .gift-subscription-panel{background:var(--compact-control-bg)}body.dark-mode .gift-subscription-panel h3{color:var(--compact-control-text)}body.dark-mode .gift-input{background:var(--compact-control-bg);border-color:var(--compact-control-border);color:var(--compact-control-text)}body.dark-mode .gift-username-autocomplete{background:var(--surface-menu-bg);border-color:var(--surface-menu-border)}body.dark-mode .gift-username-autocomplete-item .username{color:var(--surface-menu-text)}body.dark-mode .gift-username-autocomplete-item:hover,body.dark-mode .gift-username-autocomplete-item.selected{background-color:var(--surface-menu-hover-bg)}body.dark-mode .gift-help-text{color:var(--compact-language-section-title-color)}body.dark-mode .gift-table-wrapper{background:var(--surface-card-bg);border-color:var(--surface-card-border)}body.dark-mode .gift-table th{background:var(--compact-control-bg);color:var(--compact-control-text)}body.dark-mode .gift-table td{color:var(--compact-language-option-color);border-bottom-color:var(--surface-card-border)}.profile-rank-progress{grid-template-columns:repeat(7,6px)!important;gap:2px!important;align-items:center!important}body.dark-mode .profile-rank-progress{--accent-color:var(--link-color);--index-stats-card-body-text-color:var(--compact-language-section-title-color)}.profile-rank-segment{width:6px!important;height:8px!important;border-radius:2px!important;border:1px solid color-mix(in srgb,var(--accent-color) 24%,var(--surface-card-border))!important;background:color-mix(in srgb,var(--index-stats-card-body-text-color) 18%,transparent)!important}.profile-rank-segment.is-filled{border-color:color-mix(in srgb,var(--accent-color) 72%,var(--surface-card-border))!important;background:var(--accent-color)!important}