@import url("/assets/css/design-system.css");.photo-gallery .photo-item{position:relative}.photo-gallery .delete-photo-btn{position:absolute;top:6px;right:6px;z-index:2;background:rgba(255,255,255,.85);border-radius:var(--radius-full);border:none;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:var(--danger-color);box-shadow:0 1px 4px rgba(0,0,0,.08);cursor:pointer;transition:background .2s}.photo-gallery .delete-photo-btn:hover{background:var(--color-danger-soft);color:var(--color-danger-text)}.account-container{display:flex;align-items:flex-start;gap:var(--spacing-2xl);max-width:1400px;margin:0 auto;padding:2rem 1rem;min-height:auto;width:100%}@media (min-width:1024px){.account-container{width:100%!important;max-width:1400px!important;padding:2rem!important}}@media (min-width:1600px){.account-container{max-width:1500px!important;padding:2rem 3rem!important}}.account-sidebar{width:280px;flex-shrink:0;background:var(--bg-primary);border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:0 2px 8px rgba(0,0,0,.08);height:fit-content;position:sticky}.account-sidebar-menu{display:flex;flex-direction:column;gap:var(--spacing-sm)}.account-menu-item{display:flex;align-items:center;gap:var(--spacing-md);padding:.875rem 1rem;border-radius:var(--radius-md);color:var(--text-tertiary);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease;text-decoration:none;border:none;background:none;width:100%;text-align:left;font-size:.9375rem}.account-menu-item i{font-size:1.125rem;width:20px;text-align:center}.account-menu-item:hover{background:var(--bg-secondary);color:var(--text-secondary)}.account-menu-item.active{background:var(--color-brand-blue-soft);color:var(--primary-dark);font-weight:var(--font-weight-semibold)}.account-menu-divider{height:1px;background:var(--border-light);margin:.75rem 0}.account-menu-item.logout{color:var(--danger-color)}.account-menu-item.logout:hover{background:var(--color-danger-soft);color:var(--danger-dark)}.account-content{flex:1;min-width:0;background:var(--bg-primary);border-radius:var(--radius-xl);padding:var(--spacing-2xl);box-shadow:0 2px 8px rgba(0,0,0,.08)}@media (min-width:1024px){.account-content{min-width:600px!important}}.account-content-section{display:none}.account-content-section.active{display:block}.account-content-header{margin-bottom:var(--spacing-xl);padding-top:0}.account-content-title-wrapper{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md);flex-wrap:wrap}.account-content-title{font-size:1.75rem;font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:0;flex:1;min-width:0}.btn-preview-profile{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.875rem;font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease;text-decoration:none;white-space:nowrap}.btn-preview-profile:hover{background:var(--bg-secondary);border-color:var(--primary-color);color:var(--primary-color)}.btn-preview-profile i{font-size:.75rem}.account-content-subtitle{font-size:1rem;color:var(--text-tertiary);line-height:1.5}.mobile-back-btn{display:flex;align-items:center;gap:.5em;background:none;border:none;color:var(--primary-color);font-size:1rem;font-weight:var(--font-weight-medium);cursor:pointer;margin-bottom:var(--spacing-md);padding:0}@media (min-width:769px){.mobile-back-btn{display:none!important}}.account-mobile-nav,.user-profile-card{display:none}.account-nav-card{display:flex;align-items:center;gap:var(--spacing-base);padding:.95rem 1rem;border:1px solid var(--color-border,var(--border-light));border-radius:12px;margin-bottom:.65rem;text-decoration:none;color:inherit;cursor:pointer;font:inherit;text-align:left;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;width:100%;box-shadow:0 1px 3px rgba(16,42,67,.04)}.account-nav-card,.account-nav-card:hover{background:var(--color-surface,var(--bg-primary))}.account-nav-card:hover{border-color:rgba(var(--color-primary-rgb),.35);box-shadow:0 4px 14px rgba(var(--color-primary-rgb),.1)}.account-nav-card:active{transform:scale(.99)}.account-nav-card.active{border-color:rgba(var(--color-primary-rgb),.45);background:var(--color-brand-blue-soft)}.account-nav-card>i:first-child{width:40px;height:40px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;font-size:1.05rem;color:var(--color-primary);background:var(--color-brand-blue-soft);border-radius:10px}.account-nav-card.active>i:first-child{color:var(--color-primary-dark,var(--primary-dark));background:rgba(255,255,255,.85)}.nav-card-content{flex:1;text-align:left;min-width:0}.nav-card-title{font-size:.95rem;font-weight:var(--font-weight-semibold);color:var(--color-text-strong,var(--text-primary));margin-bottom:.15rem;text-align:left}.nav-card-subtitle{font-size:.8rem;color:var(--color-text-muted,var(--text-tertiary));text-align:left;line-height:1.35}.account-nav-card>i:last-child{font-size:.85rem;color:var(--color-text-subtle,var(--text-quaternary))}.account-nav-card button{cursor:pointer}#completedTripsGrid,#diariesGrid,#upcomingHostedGrid,#upcomingJoinedGrid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:1.5rem!important}.account-content #completedTripsGrid,.account-content #diariesGrid,.account-content #upcomingHostedGrid,.account-content #upcomingJoinedGrid{grid-template-columns:repeat(3,1fr)!important;gap:1.5rem!important}#panel-completed .trips-grid,#panel-upcoming .trips-grid,#section-trips .trips-grid,.account-content .trips-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:1.5rem!important}#account-center .explorers-grid,#favoriteExplorersGrid,.account-content .explorers-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:1.25rem!important}@media (min-width:769px){#completedTripsGrid,#diariesGrid,#panel-completed .trips-grid,#panel-upcoming .trips-grid,#section-trips .trips-grid,#upcomingHostedGrid,#upcomingJoinedGrid,.account-content .trips-grid{grid-template-columns:repeat(3,1fr)!important}#account-center .explorers-grid,#favoriteExplorersGrid,.account-content .explorers-grid{grid-template-columns:repeat(2,1fr)!important}}@media (min-width:1024px){#account-center .explorers-grid,#favoriteExplorersGrid,.account-content .explorers-grid{grid-template-columns:repeat(5,1fr)!important;gap:1rem!important}}@media (max-width:768px){#account-center .explorers-grid,#completedTripsGrid,#diariesGrid,#favoriteExplorersGrid,#panel-completed .trips-grid,#panel-upcoming .trips-grid,#section-trips .trips-grid,#upcomingHostedGrid,#upcomingJoinedGrid,.account-content .explorers-grid,.account-content .trips-grid{grid-template-columns:1fr!important;gap:1rem!important}}.tab-count{font-size:.875rem;color:var(--text-quaternary);margin-left:.25rem}.profile-cover-container{position:relative;width:100%;height:200px;background-color:var(--bg-tertiary);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--spacing-base);border:1px solid var(--border-light)}.profile-cover-preview{width:100%;height:100%;object-fit:cover}.profile-cover-btn{position:absolute;bottom:1rem;right:1rem;background-color:transparent;border:1px solid rgba(255,255,255,.95);border-radius:var(--radius-lg);color:#fff;padding:.5rem 1rem}.profile-cover-btn:hover{background-color:transparent;border-color:#fff}.profile-form{max-width:600px}.profile-cover-form-group{margin-bottom:3.5rem}.profile-cover-wrapper{position:relative;width:100%;overflow:visible;margin-bottom:6rem}.profile-avatar-container{position:absolute;bottom:-60px;left:1.5rem;display:flex;flex-direction:column;align-items:center;z-index:10}.profile-avatar-wrapper{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center}.profile-avatar{width:120px;height:120px;border-radius:var(--radius-full);object-fit:cover;border:4px solid var(--bg-primary);box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:11}.profile-avatar-edit-btn{position:absolute;bottom:0;right:0;width:36px;height:36px;border-radius:var(--radius-full);background:var(--primary-color);color:var(--bg-primary);border:3px solid var(--bg-primary);display:flex;align-items:center;justify-content:center;font-size:.875rem;cursor:pointer;transition:all .2s;z-index:12;box-shadow:0 2px 8px rgba(0,0,0,.15)}.profile-avatar-edit-btn:hover{background:var(--primary-dark);transform:scale(1.1)}.profile-avatar-edit-btn:active{transform:scale(.95)}.profile-form-group,.profile-form-row{margin-bottom:var(--spacing-xl)}.profile-form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}.profile-form-row .profile-form-group{margin-bottom:0}.profile-form-label{display:block;font-size:1rem;font-weight:var(--font-weight-semibold);color:var(--text-secondary);margin-bottom:var(--spacing-md)}.profile-label-with-counter{display:flex;align-items:center;gap:.75rem;margin-bottom:var(--spacing-md)}.profile-label-with-counter .profile-form-label{margin-bottom:0}.photo-counter{font-size:.875rem;color:var(--text-tertiary);font-weight:var(--font-weight-medium)}.profile-form-input,.profile-form-textarea{width:100%;padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:1rem;color:var(--text-primary);transition:all .2s}.profile-form-input[type=select],select.profile-form-input{padding-right:2.5rem;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:1.25em 1.25em}.profile-form-input:focus,.profile-form-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.profile-form-display{width:100%;padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:1rem;color:var(--text-primary);background-color:#f9fafb;display:flex;align-items:center;min-height:44px}.birth-year-container{display:flex;flex-direction:column;gap:var(--spacing-md)}.birth-year-privacy-checkbox{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.9375rem;color:var(--text-secondary);cursor:pointer;user-select:none}.birth-year-privacy-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--primary-color)}.birth-year-privacy-checkbox input[type=checkbox]:focus{outline:2px solid var(--primary-color);outline-offset:2px}.custom-select-with-flag{position:relative}.selected-flag{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);font-size:1.5rem;pointer-events:none}.custom-select-with-flag .profile-form-input{padding-left:2.875rem}.profile-form-textarea{min-height:120px;resize:vertical}.input-with-counter{position:relative;display:flex;align-items:center}.input-with-counter .profile-form-input{padding-right:4.5rem}.character-count{position:absolute;right:1rem;top:50%;transform:translateY(-50%);font-size:.875rem;color:var(--text-tertiary);pointer-events:none}.photo-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--spacing-xl);padding:.5rem 0}.photo-gallery .photo-item img{width:100%;height:120px;object-fit:cover;border-radius:var(--radius-lg);box-shadow:0 2px 8px rgba(0,0,0,.06);background:var(--bg-tertiary)}.personality-card-section{width:100%;max-width:840px;margin:2.5rem auto;background:transparent;border:none;padding:0}.personality-card-title{display:flex;justify-content:space-between;align-items:flex-start;width:100%;gap:var(--spacing-base);margin-bottom:var(--spacing-xl)}.personality-card-title .title-meta{display:flex;align-items:center;gap:var(--spacing-sm);font-size:1.05rem;color:var(--text-primary);font-weight:var(--font-weight-semibold)}.personality-card-subtitle{font-size:.95rem;color:var(--text-tertiary);margin:0;flex:1;text-align:right}.personality-card-shell{width:100%;background:linear-gradient(135deg,#ffffff,#f4f7ff);border-radius:var(--radius-lg);border:1px solid rgba(var(--color-primary-rgb),.18);box-shadow:0 25px 55px rgba(15,23,42,.08);padding:2.5rem;display:flex;flex-direction:column;gap:.3em;overflow:hidden}.personality-card-main{position:relative;border-radius:var(--radius-xl);padding:24px;margin-bottom:2rem;overflow:hidden;transition:all .4s ease;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid rgba(148,163,184,.2);box-shadow:0 20px 40px rgba(0,0,0,.08)}.personality-card-main[data-personality=adventurer]{background:linear-gradient(135deg,rgba(124,58,237,.08),rgba(91,33,182,.12));border-color:rgba(124,58,237,.25)}.personality-card-main[data-personality=planner]{background:linear-gradient(135deg,rgba(var(--color-primary-rgb),.08) 0,rgba(var(--color-primary-rgb),.12) 100%);border-color:rgba(var(--color-primary-rgb),.25)}.personality-card-main[data-personality=social]{background:linear-gradient(135deg,rgba(251,191,36,.08),rgba(245,158,11,.12));border-color:rgba(245,158,11,.25)}.personality-card-main[data-personality=chill]{background:linear-gradient(135deg,rgba(16,185,129,.08),rgba(5,150,105,.12));border-color:rgba(16,185,129,.25)}.personality-card-main[data-personality=solo]{background:linear-gradient(135deg,rgba(239,68,68,.08),rgba(220,38,38,.12));border-color:rgba(239,68,68,.25)}.personality-card-badge{display:inline-flex;align-items:center;gap:.5rem;background:rgba(255,255,255,.9);backdrop-filter:blur(10px);padding:.5rem 1rem;border-radius:999px;font-size:.875rem;font-weight:var(--font-weight-semibold);margin-bottom:1.5rem;color:var(--text-primary);box-shadow:0 2px 8px rgba(0,0,0,.1);border:1px solid rgba(255,255,255,.5)}.personality-card-badge i{color:var(--color-warning)}.personality-card-content{display:flex;flex-direction:column;gap:2rem;align-items:center;width:100%}.personality-card-image-wrapper{width:100%;display:flex;justify-content:center}.personality-image-container{width:280px;height:280px;border-radius:20px;overflow:hidden;background:rgba(255,255,255,.6);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;box-shadow:0 12px 32px rgba(0,0,0,.15),0 0 0 4px rgba(255,255,255,.5);border:1px solid rgba(255,255,255,.8)}.personality-avatar-img{width:100%;height:100%;object-fit:cover;display:block;border-radius:20px}.personality-card-info{width:100%;display:flex;flex-direction:column;gap:1.5rem;text-align:center}.personality-type{font-size:2.25rem;font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0;line-height:1.2;text-align:center}.personality-type i{margin-right:.5rem;font-size:2rem}.personality-traits-container{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.personality-trait-bubble{display:inline-flex;align-items:center;padding:.5rem 1rem;background:rgba(var(--color-primary-rgb),.1);color:var(--color-primary);border-radius:999px;font-size:.9rem;font-weight:600;border:1px solid rgba(var(--color-primary-rgb),.2);cursor:pointer;transition:all .3s ease;position:relative;white-space:nowrap}.personality-trait-bubble:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.2)}.personality-trait-bubble.active{box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.3)}.personality-trait-description{position:absolute;top:calc(100% + .75rem);left:50%;transform:translateX(-50%);padding:.75rem 1rem;background:rgba(255,255,255,.98);backdrop-filter:blur(10px);border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.15);font-size:.875rem;color:var(--text-secondary);line-height:1.6;z-index:100;min-width:200px;max-width:320px;display:none;white-space:normal;text-align:left;border:1px solid rgba(255,255,255,.8)}.personality-trait-bubble.active .personality-trait-description{display:block}.personality-card-main[data-personality=adventurer] .personality-trait-bubble{background:rgba(124,58,237,.1);color:#7C3AED;border-color:rgba(124,58,237,.2)}.personality-card-main[data-personality=adventurer] .personality-trait-bubble:hover{box-shadow:0 4px 12px rgba(124,58,237,.2)}.personality-card-main[data-personality=adventurer] .personality-trait-bubble.active{box-shadow:0 4px 12px rgba(124,58,237,.3)}.personality-card-main[data-personality=planner] .personality-trait-bubble{background:rgba(var(--color-primary-rgb),.1);color:var(--color-primary);border-color:rgba(var(--color-primary-rgb),.2)}.personality-card-main[data-personality=planner] .personality-trait-bubble:hover{box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.2)}.personality-card-main[data-personality=planner] .personality-trait-bubble.active{box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.3)}.personality-card-main[data-personality=social] .personality-trait-bubble{background:rgba(251,191,36,.1);color:#FBBF24;border-color:rgba(251,191,36,.2)}.personality-card-main[data-personality=social] .personality-trait-bubble:hover{box-shadow:0 4px 12px rgba(251,191,36,.2)}.personality-card-main[data-personality=social] .personality-trait-bubble.active{box-shadow:0 4px 12px rgba(251,191,36,.3)}.personality-card-main[data-personality=chill] .personality-trait-bubble{background:rgba(16,185,129,.1);color:var(--color-success);border-color:rgba(16,185,129,.2)}.personality-card-main[data-personality=chill] .personality-trait-bubble:hover{box-shadow:0 4px 12px rgba(16,185,129,.2)}.personality-card-main[data-personality=chill] .personality-trait-bubble.active{box-shadow:0 4px 12px rgba(16,185,129,.3)}.personality-card-main[data-personality=solo] .personality-trait-bubble{background:rgba(239,68,68,.1);color:var(--color-danger);border-color:rgba(239,68,68,.2)}.personality-card-main[data-personality=solo] .personality-trait-bubble:hover{box-shadow:0 4px 12px rgba(239,68,68,.2)}.personality-card-main[data-personality=solo] .personality-trait-bubble.active{box-shadow:0 4px 12px rgba(239,68,68,.3)}.personality-description-wrapper{margin-top:0}.personality-description{font-size:1.05rem;color:var(--text-secondary);line-height:1.8;margin:0;letter-spacing:.01em;max-width:100%}@media (min-width:769px){.personality-description{font-size:1.1rem;line-height:1.9;letter-spacing:.015em}}.personality-dimensions{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.25rem;margin-bottom:2rem;padding:1.5rem;background:var(--bg-secondary);border-radius:20px;border:1px solid var(--border-light)}.dimension-item{display:flex;gap:1rem;align-items:flex-start}.dimension-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(120deg,var(--color-primary) 0,var(--color-secondary) 100%);display:flex;align-items:center;justify-content:center;color:white;font-size:1.25rem;flex-shrink:0}.dimension-icon.caution{background:linear-gradient(120deg,var(--color-danger) 0,var(--color-danger) 100%)}.dimension-icon.budget{background:linear-gradient(120deg,var(--color-success) 0,var(--color-success) 100%)}.dimension-content{flex:1}.dimension-label{font-size:.9rem;font-weight:var(--font-weight-semibold);color:var(--text-tertiary);margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.05em}.dimension-value{font-size:1rem;color:var(--text-primary);line-height:1.6;margin:0}.personality-recommended-companions{margin-bottom:2rem;padding:1.5rem;background:linear-gradient(135deg,#fff9f0,#fef3e2);border-radius:20px;border:1px solid rgba(245,158,11,.2)}.recommended-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}.recommended-header i{color:var(--color-warning);font-size:1.25rem}.recommended-header h4{font-size:1.1rem;font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.recommended-companions-list{display:flex;flex-wrap:wrap;gap:.75rem}.companion-type-badge{padding:.6rem 1.25rem;border-radius:25px;font-size:.95rem;font-weight:var(--font-weight-medium);color:white;display:inline-flex;align-items:center;gap:.5rem;box-shadow:0 4px 12px rgba(0,0,0,.15);transition:transform .2s ease,box-shadow .2s ease;border:none;cursor:default}.companion-type-badge:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.2)}.companion-emoji{font-size:1.1rem;line-height:1;display:inline-block}.companion-label{font-size:.95rem;font-weight:var(--font-weight-medium);line-height:1}.personality-actions{display:flex;gap:1.25rem;align-items:center;flex-wrap:wrap;justify-content:flex-end}.personality-retake-btn{padding:.75rem 1.4rem;border-radius:.85rem;border:none;background:linear-gradient(120deg,var(--color-primary) 0,var(--color-secondary) 100%);color:var(--bg-primary);font-size:.95rem;font-weight:var(--font-weight-semibold);display:inline-flex;align-items:center;gap:.45rem;cursor:pointer;box-shadow:0 12px 25px rgba(var(--color-primary-rgb),.3);transition:transform .2s ease,box-shadow .2s ease}.personality-retake-btn:hover{transform:translateY(-2px);box-shadow:0 16px 25px rgba(var(--color-primary-rgb),.35)}.personality-toggle{display:inline-flex;align-items:center;gap:var(--spacing-sm);font-size:.9rem;color:var(--text-secondary)}.toggle-switch{position:relative;width:48px;height:26px}.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:#cbd5e1;transition:.3s;border-radius:999px}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:var(--bg-primary);transition:.3s;border-radius:var(--radius-full)}.toggle-switch input:checked+.toggle-slider{background-color:var(--color-primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(20px)}.profile-form-actions{display:flex;gap:var(--spacing-md);margin-top:2rem;align-items:stretch}.profile-form-actions .profile-save-btn{flex:1}.profile-save-btn{padding:.875rem 2rem;background:var(--warning-color);color:var(--bg-primary);border:none;border-radius:var(--radius-lg);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-size:1rem;font-weight:var(--font-weight-semibold);text-align:center;cursor:pointer;transition:all .2s}.profile-save-btn:hover{background:var(--accent-dark);transform:translateY(-2px);box-shadow:0 4px 12px rgba(245,158,11,.3)}.settings-section{max-width:600px;margin-bottom:var(--spacing-2xl)}.settings-section-title{font-size:1.125rem;font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-xl);padding-bottom:.75rem;border-bottom:2px solid var(--border-light);display:flex;align-items:center;gap:var(--spacing-sm)}.settings-section-title i{color:var(--primary-color)}.settings-item{display:flex;align-items:center;justify-content:space-between;padding:1.25rem;background:var(--bg-secondary);border-radius:var(--radius-lg);margin-bottom:var(--spacing-md);border:2px solid transparent;transition:all .2s ease}.settings-item:last-child{margin-bottom:0}.settings-item-clickable{cursor:pointer;border:none;width:100%;text-align:left}.settings-item-clickable:hover{background:var(--bg-tertiary);border-color:var(--border-color)}.settings-item-main{display:flex;align-items:center;gap:var(--spacing-base);flex:1}.settings-item-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);border-radius:var(--radius-md);color:var(--primary-color);font-size:1.125rem}.settings-item-content{flex:1}.settings-item-label{font-size:.9375rem;font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:.25rem}.settings-item-value{font-size:1rem;color:var(--text-secondary);margin-bottom:.25rem}.settings-item-description{font-size:.875rem;color:var(--text-tertiary)}.settings-item-status{font-size:.875rem;color:var(--success-color);display:flex;align-items:center;gap:.25rem}.settings-item-status i{font-size:1rem}.settings-item-action{padding:.5rem 1rem;background:var(--primary-color);color:var(--bg-primary);border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .2s}.settings-item-action:hover{background:var(--primary-dark)}.settings-item-arrow{font-size:1rem;color:var(--text-quaternary)}.settings-section--danger{margin-top:2rem}.danger-zone-toggle{width:100%;text-align:left;border:none;background:transparent}.danger-zone-toggle-icon{color:var(--text-tertiary);background:var(--bg-secondary)}.danger-zone-toggle .settings-item-label{color:var(--text-primary)}.danger-zone-chevron{transition:transform .2s ease}.danger-zone-chevron.is-open{transform:rotate(180deg)}.danger-zone-panel{margin-top:.75rem}.danger-zone-panel[hidden]{display:none!important}.danger-zone{background:var(--color-danger-soft);border:2px solid #fecaca;border-radius:var(--radius-lg);padding:var(--spacing-xl);display:flex;flex-direction:column;align-items:center}.danger-zone-content{margin-bottom:var(--spacing-xl);width:100%;text-align:left}.danger-zone-title{font-size:1.125rem;font-weight:var(--font-weight-bold);color:#991b1b;margin-bottom:var(--spacing-md)}.danger-zone-description{font-size:.9375rem;color:#7f1d1d;margin-bottom:var(--spacing-md);line-height:1.6}.danger-zone-list{list-style:none;padding-left:0;margin:0}.danger-zone-list li{font-size:.875rem;color:#991b1b;padding:.375rem 0 .375rem 1.5rem;position:relative}.danger-zone-list li:before{content:"•";position:absolute;left:.5rem;color:var(--danger-color);font-weight:700}.danger-btn{padding:var(--spacing-md) var(--spacing-lg);background:var(--danger-color);color:var(--bg-primary);border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.danger-btn:hover{background:var(--danger-dark);transform:translateY(-2px);box-shadow:0 4px 12px rgba(239,68,68,.3)}.danger-btn:active{transform:translateY(0)}@media (max-width:768px){.account-container{flex-direction:column;padding:1rem 1rem 1.25rem;gap:0;width:100%;max-width:100%;margin-left:auto;margin-right:auto;background:#F3F7FB;min-height:calc(100vh - var(--header-height, 70px));box-sizing:border-box}.account-sidebar{display:none}.profile-cover-container{height:132px}.user-profile-card{display:block;position:relative;background:linear-gradient(145deg,#5b7fa6,#3d5f7a);border-radius:14px;margin-bottom:.85rem;box-shadow:0 6px 18px rgba(16,42,67,.1);overflow:hidden;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;border:1px solid rgba(var(--color-primary-rgb),.08)}.user-profile-card,.user-profile-card-bg{background-size:cover;background-position:50%}.user-profile-card-bg{position:absolute;inset:-24%;filter:blur(20px) saturate(1.05);transform:scale(1.2);pointer-events:none;opacity:0;z-index:0}.user-profile-card.has-avatar-bg .user-profile-card-bg{opacity:1}.user-profile-card.has-fallback{background:linear-gradient(145deg,#5b7fa6,#3d5f7a)}.user-profile-card.is-loading{background:#e5e7eb;box-shadow:none;border-color:transparent}.user-profile-card.is-loading .edit-hint-icon,.user-profile-card.is-loading .user-profile-card-bg,.user-profile-card.is-loading .user-profile-card-scrim{opacity:0}.user-profile-card.is-loading .user-profile-avatar{border-color:transparent;background:#d1d5db;animation:account-profile-loading-pulse 1.4s ease-in-out infinite}.user-profile-card.is-loading .user-profile-avatar img{opacity:0}.user-profile-card.is-loading .user-profile-name,.user-profile-card.is-loading .user-profile-personality,.user-profile-card.is-loading .user-profile-tagline{color:transparent;user-select:none;border-radius:999px;background:linear-gradient(90deg,#e5e7eb,#f3f4f6 50%,#e5e7eb);background-size:220% 100%;animation:account-profile-loading-shimmer 1.4s linear infinite;box-shadow:none;border-color:transparent}.user-profile-card.is-loading .user-profile-name{width:7.2rem;height:1.1rem;margin-bottom:.35rem}.user-profile-card.is-loading .user-profile-personality{width:8.2rem;height:1.1rem;margin:.15rem 0 .2rem;pointer-events:none}.user-profile-card.is-loading .user-profile-tagline{width:9.6rem;height:.82rem;margin-top:0}.user-profile-card.clickable-card:active{transform:scale(.985);box-shadow:0 3px 10px rgba(16,42,67,.08)}.user-profile-card-scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.35));pointer-events:none;opacity:0;transition:opacity .3s ease;z-index:1}.user-profile-card.has-cover .user-profile-card-scrim{opacity:1;background:linear-gradient(180deg,rgba(0,0,0,.28),rgba(0,0,0,.55))}.user-profile-card.has-avatar-bg .user-profile-card-scrim{opacity:1;background:linear-gradient(180deg,rgba(20,35,55,.35),rgba(15,25,40,.62))}.user-profile-card.has-fallback .user-profile-card-scrim{opacity:1;background:linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.35))}.user-profile-card-content{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:.55rem;min-height:132px;padding:1.15rem 1rem;box-sizing:border-box}.user-profile-card-main{display:flex;align-items:center;gap:.85rem;min-width:0}.user-profile-avatar{width:72px;height:72px;border-radius:50%;overflow:hidden;border:3px solid rgba(255,255,255,.92);box-shadow:0 3px 10px rgba(0,0,0,.22);flex-shrink:0;background:rgba(255,255,255,.2)}.user-profile-avatar img{width:100%;height:100%;object-fit:cover}.user-profile-info{flex:1;min-width:0;flex-direction:column;align-items:flex-start;gap:.3rem;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.25)}.edit-hint-icon,.user-profile-info{display:flex;justify-content:center}.edit-hint-icon{position:absolute;top:10px;right:10px;z-index:3;width:28px;height:28px;background:rgba(255,255,255,.92);border-radius:50%;align-items:center;font-size:11px;color:var(--color-primary-dark,#5578AE);box-shadow:0 2px 8px rgba(16,42,67,.12)}.profile-completeness{position:absolute;top:8px;left:8px;z-index:3}.completeness-ring{position:relative;width:36px;height:36px}.completeness-circle{width:100%;height:100%;transform:rotate(-90deg)}.circle-bg{fill:none;stroke:rgba(255,255,255,.2);stroke-width:2}.circle-progress{fill:none;stroke:var(--color-success);stroke-width:2;stroke-linecap:round;transition:stroke-dasharray .6s ease}.completeness-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:9px;font-weight:600;color:white;text-shadow:0 1px 2px rgba(0,0,0,.5);line-height:1}.user-profile-personality{display:inline-flex;align-items:center;max-width:100%;margin:0;padding:.18rem .55rem;border-radius:999px;font-size:.7rem;font-weight:600;line-height:1.2;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:none;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.18);color:#fff;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:background .2s ease,border-color .2s ease,opacity .2s ease}.user-profile-personality.is-set{background:rgba(255,255,255,.22);border-color:rgba(255,255,255,.42)}.user-profile-personality.is-pending{opacity:.92;font-weight:500;background:rgba(255,255,255,.12);border-style:dashed;border-color:rgba(255,255,255,.45);cursor:pointer}.user-profile-personality.is-pending:active{background:rgba(255,255,255,.2)}.user-profile-tagline{font-size:.8rem;opacity:.9;margin:0;padding-left:.1rem;font-style:normal;line-height:1.4;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.25);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.user-profile-tagline.placeholder{opacity:.72;color:rgba(255,255,255,.82)}.user-profile-name{font-size:1.2rem;font-weight:700;margin:0;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.user-profile-bio{font-size:var(--font-size-sm);opacity:.9}.account-content-section{display:none!important}.account-content-section.active{display:block!important}.account-content-section.mobile-section-enter{animation:account-mobile-slide-in-right .3s cubic-bezier(.4,0,.2,1) both}.account-mobile-nav,.user-profile-card{display:block!important}.mobile-back-btn{display:flex!important;align-items:center;gap:var(--spacing-sm);padding:.7rem .85rem;background:var(--color-surface,#fff);border:1px solid var(--color-border,#e5e7eb);border-radius:12px;color:var(--color-text,var(--text-secondary));font-size:.9rem;font-weight:var(--font-weight-semibold);cursor:pointer;margin-bottom:.85rem;transition:background .2s ease,border-color .2s ease;box-shadow:0 1px 3px rgba(16,42,67,.04)}.mobile-back-btn:hover{background:var(--color-brand-blue-soft);border-color:rgba(var(--color-primary-rgb),.28)}.account-mobile-nav{display:block;margin-bottom:.5rem}.account-mobile-nav.hidden,.user-profile-card.hidden{display:none!important}.account-mobile-nav.mobile-menu-returning,.user-profile-card.mobile-menu-returning{animation:account-mobile-slide-in-left .3s cubic-bezier(.4,0,.2,1) both}@keyframes account-mobile-slide-in-right{0%{opacity:0;transform:translateX(30%)}to{opacity:1;transform:translateX(0)}}@keyframes account-mobile-slide-in-left{0%{opacity:0;transform:translateX(-30%)}to{opacity:1;transform:translateX(0)}}@keyframes account-profile-loading-pulse{0%,to{opacity:.92}50%{opacity:.58}}@keyframes account-profile-loading-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.account-content{padding:0;border-radius:0;box-shadow:none;width:100%;max-width:100%;background:transparent}.account-content-header{margin-bottom:var(--spacing-xl)}.account-content-title-wrapper{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.account-content-title{font-size:var(--font-size-2xl);margin-bottom:0}.profile-form-actions{gap:var(--spacing-sm)}.account-content-subtitle{font-size:var(--font-size-base)}.profile-form,.settings-section{max-width:100%}.profile-form-row{grid-template-columns:1fr;gap:var(--spacing-md)}.settings-item{padding:var(--spacing-base)}.settings-item-main{gap:var(--spacing-md)}.settings-item-icon{width:36px;height:36px;font-size:var(--font-size-base)}.settings-item-label{font-size:var(--font-size-sm)}.settings-item-value{font-size:var(--font-size-base)}.danger-zone{padding:var(--spacing-xl)}.danger-zone-title{font-size:var(--font-size-base)}.profile-avatar{width:100px;height:100px}.personality-card-title{flex-direction:column;align-items:flex-start}.personality-card-subtitle{text-align:left}.personality-card-shell{padding:var(--spacing-2xl)}.personality-card-hero{grid-template-columns:1fr}.personality-card-core,.personality-card-visual{width:100%}.personality-card-main{padding:1.5rem}.personality-card-badge{margin-bottom:1.25rem}.personality-card-content{flex-direction:column;gap:1.5rem;align-items:center}.personality-card-image-wrapper{width:100%;display:flex;justify-content:center}.personality-image-container{width:220px;height:220px}.personality-card-info{width:100%;text-align:center;min-width:auto}.personality-type{font-size:1.75rem;text-align:center}.personality-traits-container{justify-content:center}.personality-trait-description{max-width:280px;font-size:.8rem;padding:.6rem .875rem}.personality-description{text-align:center}.personality-dimensions{grid-template-columns:1fr;padding:1rem}.personality-recommended-companions{padding:1rem}.recommended-companions-list{justify-content:center}.personality-actions{flex-direction:column;align-items:stretch;gap:1rem}.personality-retake-btn{width:100%;justify-content:center}.personality-toggle{justify-content:space-between;width:100%}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){.account-content,.personality-card-shell,.settings-item,.user-profile-card{border:2px solid var(--border-color)}}.danger-btn:focus,.mobile-back-btn:focus,.personality-actions button:focus,.profile-save-btn:focus,.settings-item-clickable:focus{outline:3px solid var(--primary-color);outline-offset:2px}#footer-placeholder{margin-top:auto}@media (min-width:769px){#footer-placeholder{margin-top:4rem}}