*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,sans-serif;background:#1a1a2e;color:#e0e0e0;min-height:100vh}.auth-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:1rem}.auth-card{background:#16213e;border-radius:8px;padding:2rem;width:100%;max-width:400px}.auth-card h1{margin-bottom:1.5rem;font-size:1.5rem;color:#fff}.auth-card form{display:flex;flex-direction:column;gap:1rem}.auth-card label{display:flex;flex-direction:column;gap:.35rem;font-size:.875rem;color:#a0a0b8}.auth-card input{padding:.625rem .75rem;border:1px solid #2a2a4a;border-radius:4px;background:#0f0f23;color:#e0e0e0;font-size:1rem;outline:none;transition:border-color .15s}.auth-card input:focus{border-color:#6c63ff}.auth-card button[type=submit]{margin-top:.5rem;padding:.75rem;border:none;border-radius:4px;background:#6c63ff;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:background .15s}.auth-card button[type=submit]:hover:not(:disabled){background:#5a52d5}.auth-card button[type=submit]:disabled{opacity:.6;cursor:not-allowed}.auth-error{padding:.625rem .75rem;border-radius:4px;background:#3a1c1c;border:1px solid #5a2c2c;color:#ff6b6b;font-size:.875rem}.auth-links{display:flex;justify-content:space-between;margin-top:1rem;font-size:.875rem}.auth-links a,.auth-links .link-btn{color:#6c63ff;text-decoration:none;background:none;border:none;cursor:pointer;font-size:.875rem;padding:0}.auth-links a:hover,.auth-links .link-btn:hover{text-decoration:underline}.auth-links .link-btn:disabled{opacity:.6;cursor:not-allowed}.auth-hint{font-size:.9375rem;line-height:1.5;color:#c0c0d0;margin-bottom:1rem}.auth-switch{margin-top:1.25rem;text-align:center;font-size:.875rem;color:#a0a0b8}.auth-switch a{color:#6c63ff;text-decoration:none}.auth-switch a:hover{text-decoration:underline}.consent-card{max-width:480px}.consent-content{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem;font-size:.9375rem;line-height:1.6;color:#c0c0d0}.consent-content ul{list-style:none;display:flex;flex-direction:column;gap:.75rem}.consent-content li{padding-left:1.25rem;position:relative}.consent-content li:before{content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;border-radius:50%;background:#6c63ff}.consent-content strong{color:#e0e0e0}.consent-card button{width:100%;padding:.75rem;border:none;border-radius:4px;background:#6c63ff;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:background .15s}.consent-card button:hover:not(:disabled){background:#5a52d5}.consent-card button:disabled{opacity:.6;cursor:not-allowed}.consent-review-link,.consent-back-link{display:block;margin-top:1.25rem;text-align:center;font-size:.875rem;color:#6c63ff;text-decoration:none}.consent-review-link:hover,.consent-back-link:hover{text-decoration:underline}.check-email-logout{display:block;width:100%;margin-top:.75rem}.app-layout{min-height:100vh;display:flex;flex-direction:column}.app-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:#16213e;border-bottom:1px solid #2a2a4a}.app-logo{font-size:1.25rem;font-weight:700;color:#fff;text-decoration:none}.app-logo:hover{color:#6c63ff}.app-nav{display:flex;gap:1rem}.app-nav-link{color:#a0a0b8;text-decoration:none;font-size:.875rem;transition:color .15s}.app-nav-link:hover{color:#6c63ff}.profile-menu{position:relative}.profile-menu-btn{padding:.375rem .75rem;border:1px solid #2a2a4a;border-radius:4px;background:transparent;color:#a0a0b8;font-size:.875rem;cursor:pointer;transition:border-color .15s,color .15s}.profile-menu-btn:hover{border-color:#6c63ff;color:#fff}.profile-menu-dropdown{position:absolute;top:calc(100% + .25rem);right:0;min-width:10rem;background:#16213e;border:1px solid #2a2a4a;border-radius:4px;overflow:hidden;z-index:10}.profile-menu-item{display:block;width:100%;padding:.5rem .75rem;border:none;background:transparent;color:#a0a0b8;font-size:.875rem;text-decoration:none;text-align:left;cursor:pointer;transition:background .15s,color .15s}.profile-menu-item:hover{background:#1a1a2e;color:#fff}.profile-menu-logout{border-top:1px solid #2a2a4a}.app-main{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem}.home-content{text-align:center}.profile-card{background:#16213e;border-radius:8px;padding:2rem;width:100%;max-width:560px}.profile-card h1{margin-bottom:1.5rem;font-size:1.5rem;color:#fff}.profile-card form{display:flex;flex-direction:column;gap:1rem}.profile-card label{display:flex;flex-direction:column;gap:.35rem;font-size:.875rem;color:#a0a0b8}.profile-card input{padding:.625rem .75rem;border:1px solid #2a2a4a;border-radius:4px;background:#0f0f23;color:#e0e0e0;font-size:1rem;outline:none;transition:border-color .15s}.profile-card input:focus{border-color:#6c63ff}.profile-card button[type=submit]{margin-top:.5rem;padding:.75rem;border:none;border-radius:4px;background:#6c63ff;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:background .15s}.profile-card button[type=submit]:hover:not(:disabled){background:#5a52d5}.profile-card button[type=submit]:disabled{opacity:.6;cursor:not-allowed}.profile-view-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.profile-view-header h1{margin-bottom:0}.profile-edit-btn{padding:.375rem .75rem;border:1px solid #2a2a4a;border-radius:4px;background:transparent;color:#a0a0b8;font-size:.875rem;cursor:pointer;transition:border-color .15s,color .15s}.profile-edit-btn:hover{border-color:#6c63ff;color:#fff}.profile-view-content{display:flex;flex-direction:column;gap:1rem}.profile-view-name{font-size:1.25rem;font-weight:600;color:#fff}.profile-btn-row{display:flex;gap:.75rem}.profile-btn-row button[type=submit]{flex:1}.profile-cancel-btn{flex:1;padding:.75rem;border:1px solid #2a2a4a;border-radius:4px;background:transparent;color:#a0a0b8;font-size:1rem;cursor:pointer;transition:border-color .15s,color .15s}.profile-cancel-btn:hover{border-color:#6c63ff;color:#fff}.suggest-btn{padding:.5rem .75rem;border:1px solid #2a2a4a;border-radius:4px;background:transparent;color:#a0a0b8;font-size:.875rem;cursor:pointer;transition:border-color .15s,color .15s;align-self:flex-start}.suggest-btn:hover{border-color:#6c63ff;color:#fff}.bio-textarea{width:100%;padding:.625rem .75rem;border:1px solid #2a2a4a;border-radius:4px;background:#0f0f23;color:#e0e0e0;font-size:.9375rem;font-family:inherit;line-height:1.5;resize:vertical;outline:none;transition:border-color .15s;min-height:5rem;box-sizing:border-box}.bio-textarea:focus{border-color:#6c63ff}.bio-textarea::placeholder{color:#555}.bio-counter{text-align:right;font-size:.75rem;color:#666;margin-top:.25rem}.bio-counter--warn{color:#f0ad4e}.bio-counter--limit{color:#ff6b6b}.bio-preview-section{margin-top:.25rem}.bio-preview{padding:.75rem;background:#0f0f23;border:1px solid #2a2a4a;border-radius:4px;font-size:.9375rem;line-height:1.6;color:#c0c0d0;word-break:break-word}.bio-preview p{margin:0 0 .5rem}.bio-preview p:last-child{margin-bottom:0}.bio-preview strong{color:#e0e0e0;font-weight:600}.bio-preview a{color:#6c63ff;text-decoration:none}.bio-preview a:hover{text-decoration:underline}.profile-section{display:flex;flex-direction:column;gap:.5rem}.section-label{font-size:.875rem;color:#a0a0b8}.role-loading{font-size:.875rem;color:#666}.role-selector{display:flex;flex-direction:column;gap:.75rem}.role-categories{display:flex;gap:.5rem}.role-category-btn{flex:1;padding:.5rem .25rem;border:1px solid #2a2a4a;border-radius:4px;background:transparent;color:#a0a0b8;font-size:.8rem;cursor:pointer;transition:border-color .15s,color .15s,background .15s;display:flex;align-items:center;justify-content:center;gap:.35rem}.role-category-btn:hover{border-color:#6c63ff;color:#fff}.role-category-btn.active{background:#6c63ff;border-color:#6c63ff;color:#fff}.role-count{background:#fff3;border-radius:999px;padding:0 .4rem;font-size:.7rem;min-width:1.1rem;text-align:center}.role-genders{display:flex;gap:.5rem}.role-gender-btn{padding:.35rem .75rem;border:1px solid #2a2a4a;border-radius:4px;background:transparent;color:#a0a0b8;font-size:.8rem;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.role-gender-btn:hover{border-color:#6c63ff;color:#fff}.role-gender-btn.active{background:#2a2a4a;border-color:#6c63ff;color:#fff}.role-chips{display:flex;flex-wrap:wrap;gap:.375rem}.role-chip{padding:.3rem .6rem;border:1px solid #2a2a4a;border-radius:999px;background:transparent;color:#a0a0b8;font-size:.8rem;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.role-chip:hover{border-color:#6c63ff;color:#e0e0e0}.role-chip.selected{background:#6c63ff;border-color:#6c63ff;color:#fff}.role-empty{font-size:.8rem;color:#666;font-style:italic}.selected-roles-preview{display:flex;flex-direction:column;gap:.5rem}.role-badges{display:flex;flex-wrap:wrap;gap:.35rem}.role-badge{padding:.2rem .5rem;border-radius:999px;font-size:.75rem;font-weight:500}.role-badge--dominant{background:#3a1c3a;border:1px solid #6b3a6b;color:#d4a0d4}.role-badge--submissive{background:#1c2a3a;border:1px solid #3a5a7a;color:#a0c4e0}.role-badge--switch{background:#2a2a1c;border:1px solid #5a5a3a;color:#d4d4a0}.country-selector{position:relative}.country-input-wrap{position:relative;display:flex;align-items:center}.country-input{width:100%;padding:.625rem 2rem .625rem .75rem;border:1px solid #2a2a4a;border-radius:4px;background:#0f0f23;color:#e0e0e0;font-size:1rem;outline:none;transition:border-color .15s}.country-input:focus{border-color:#6c63ff}.country-input::placeholder{color:#555}.country-clear{position:absolute;right:.5rem;background:none;border:none;color:#666;font-size:1.25rem;cursor:pointer;padding:0 .25rem;line-height:1}.country-clear:hover{color:#ff6b6b}.country-dropdown{position:absolute;top:100%;left:0;right:0;max-height:12rem;overflow-y:auto;background:#16213e;border:1px solid #2a2a4a;border-top:none;border-radius:0 0 4px 4px;z-index:20}.country-option{padding:.5rem .75rem;font-size:.875rem;color:#a0a0b8;cursor:pointer;transition:background .1s,color .1s}.country-option.highlighted{background:#1a1a2e;color:#fff}.country-option.selected{color:#6c63ff}.country-empty{cursor:default;color:#555;font-style:italic}.visibility-badge{display:inline-block;font-size:.875rem;color:#a0a0b8}.visibility-badge--public{color:#4caf50}.toggle-label{display:flex;align-items:center;gap:.625rem;font-size:.875rem;color:#a0a0b8;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-wrap{position:relative;display:inline-flex;flex-shrink:0}.toggle-input{position:absolute;opacity:0;width:0;height:0}.toggle-track{width:2.5rem;height:1.375rem;background:#2a2a4a;border-radius:999px;position:relative;transition:background .2s}.toggle-input:checked+.toggle-track{background:#6c63ff}.toggle-input:focus-visible+.toggle-track{outline:2px solid #6c63ff;outline-offset:2px}.toggle-thumb{position:absolute;top:.1875rem;left:.1875rem;width:1rem;height:1rem;background:#e0e0e0;border-radius:50%;transition:transform .2s}.toggle-input:checked+.toggle-track .toggle-thumb{transform:translate(1.125rem)}.toggle-hint{font-size:.75rem;color:#666;margin-top:.125rem}.search-page{width:100%;max-width:640px;align-self:flex-start}.search-page h1{font-size:1.5rem;color:#fff;margin-bottom:1.5rem}.search-filters{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.search-filter-row{display:flex;flex-direction:column;gap:.35rem}.search-filter-pair{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.search-label{display:flex;flex-direction:column;gap:.35rem;font-size:.875rem;color:#a0a0b8}.search-input{padding:.625rem .75rem;border:1px solid #2a2a4a;border-radius:4px;background:#0f0f23;color:#e0e0e0;font-size:1rem;outline:none;transition:border-color .15s}.search-input:focus{border-color:#6c63ff}.search-input::placeholder{color:#555}.search-select{padding:.625rem .75rem;border:1px solid #2a2a4a;border-radius:4px;background:#0f0f23;color:#e0e0e0;font-size:1rem;outline:none;transition:border-color .15s;cursor:pointer}.search-select:focus{border-color:#6c63ff}.search-loading{text-align:center;color:#a0a0b8;padding:2rem 0}.search-empty{text-align:center;color:#666;padding:2rem 0;font-style:italic}.search-results{display:flex;flex-direction:column;gap:.75rem}.search-card{background:#16213e;border:1px solid #2a2a4a;border-radius:8px;padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.625rem}.search-card-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.search-card-name{font-size:1.05rem;font-weight:600;color:#fff}.search-card-country{font-size:.8rem;color:#a0a0b8;white-space:nowrap}.search-card-bio{font-size:.875rem}.search-card-bio .bio-preview{padding:0;background:none;border:none;font-size:.875rem}.search-pagination{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1.5rem}.search-page-btn{padding:.5rem 1rem;border:1px solid #2a2a4a;border-radius:4px;background:transparent;color:#a0a0b8;font-size:.875rem;cursor:pointer;transition:border-color .15s,color .15s}.search-page-btn:hover:not(:disabled){border-color:#6c63ff;color:#fff}.search-page-btn:disabled{opacity:.4;cursor:not-allowed}.search-page-info{font-size:.875rem;color:#a0a0b8}.danger-zone{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #3a1c1c}.danger-zone-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#ff6b6b;margin-bottom:.75rem}.danger-zone-btn{padding:.5rem 1rem;border:1px solid #5a2c2c;border-radius:4px;background:transparent;color:#ff6b6b;font-size:.875rem;cursor:pointer;transition:background .15s,border-color .15s}.danger-zone-btn:hover{background:#3a1c1c;border-color:#ff6b6b}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem}.modal-content{background:#16213e;border-radius:8px;padding:2rem;width:100%;max-width:480px;max-height:90vh;overflow-y:auto}.delete-modal-title{font-size:1.25rem;color:#ff6b6b;margin-bottom:1.25rem}.delete-warning{background:#3a1c1c;border:1px solid #5a2c2c;border-radius:4px;padding:1rem;margin-bottom:1.25rem;font-size:.875rem;line-height:1.6;color:#e0a0a0}.delete-warning strong{color:#ff6b6b;display:block;margin-bottom:.5rem}.delete-warning p{margin:.5rem 0}.delete-warning ul{list-style:none;margin:.5rem 0;padding:0}.delete-warning li{padding-left:1rem;position:relative;margin:.25rem 0}.delete-warning li:before{content:"";position:absolute;left:0;top:.55em;width:5px;height:5px;border-radius:50%;background:#ff6b6b}.delete-export-section{margin-bottom:1.25rem;font-size:.875rem;color:#a0a0b8}.delete-export-section p{margin-bottom:.625rem}.delete-export-btn{padding:.5rem 1rem;border:1px solid #2a2a4a;border-radius:4px;background:transparent;color:#a0a0b8;font-size:.875rem;cursor:pointer;transition:border-color .15s,color .15s}.delete-export-btn:hover:not(:disabled){border-color:#6c63ff;color:#fff}.delete-export-btn:disabled{opacity:.6;cursor:not-allowed}.delete-form{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.delete-label{display:flex;flex-direction:column;gap:.35rem;font-size:.875rem;color:#a0a0b8}.delete-label input{padding:.625rem .75rem;border:1px solid #2a2a4a;border-radius:4px;background:#0f0f23;color:#e0e0e0;font-size:1rem;outline:none;transition:border-color .15s}.delete-label input:focus{border-color:#6c63ff}.delete-actions{display:flex;gap:.75rem;margin-top:.5rem}.delete-actions .profile-cancel-btn{flex:0 0 auto}.delete-confirm-btn{flex:1;padding:.75rem;border:none;border-radius:4px;background:#c0392b;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .15s}.delete-confirm-btn:hover:not(:disabled){background:#e74c3c}.delete-confirm-btn:disabled{opacity:.4;cursor:not-allowed}.app-nav-link--friends{position:relative}.nav-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;margin-left:4px;background:#e74c3c;color:#fff;font-size:.7rem;font-weight:700;border-radius:9px;line-height:1;vertical-align:middle}.friends-page{max-width:600px;margin:0 auto;padding:1.5rem 1rem}.friends-page h1{margin:0 0 1rem}.friends-tabs{display:flex;gap:0;border-bottom:2px solid #e0e0e0;margin-bottom:1.25rem}.friends-tab{flex:1;padding:.6rem 1rem;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;font-size:.9rem;font-weight:500;color:#666;cursor:pointer;transition:color .15s,border-color .15s}.friends-tab:hover{color:#333}.friends-tab--active{color:#7c3aed;border-bottom-color:#7c3aed;font-weight:600}.friends-list{display:flex;flex-direction:column;gap:.75rem}.friends-loading,.friends-empty{text-align:center;color:#888;padding:2rem 1rem}.friends-more{text-align:center;color:#888;font-size:.85rem;padding:.5rem}.friend-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:.875rem 1rem}.friend-card--request{border-left:3px solid #7c3aed}.friend-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.375rem}.friend-card-name{font-weight:600;font-size:1rem}.friend-card-country{font-size:.8rem;color:#888}.friend-request-actions{display:flex;gap:.5rem;margin-top:.75rem}.friend-accept-btn{padding:.375rem 1rem;background:#7c3aed;color:#fff;border:none;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:background .15s}.friend-accept-btn:hover:not(:disabled){background:#6d28d9}.friend-reject-btn{padding:.375rem 1rem;background:none;color:#888;border:1px solid #ddd;border-radius:6px;font-size:.85rem;cursor:pointer;transition:color .15s,border-color .15s}.friend-reject-btn:hover:not(:disabled){color:#e74c3c;border-color:#e74c3c}.friend-card-actions{display:flex;justify-content:flex-end;margin-top:.75rem}.friend-remove-btn{padding:.375rem 1rem;background:none;color:#888;border:1px solid #ddd;border-radius:6px;font-size:.85rem;cursor:pointer;transition:color .15s,border-color .15s}.friend-remove-btn:hover:not(:disabled){color:#e74c3c;border-color:#e74c3c}.friend-remove-btn:disabled{opacity:.5;cursor:not-allowed}.friend-request-status{margin-top:.75rem}.friend-pending-badge{display:inline-block;padding:.2rem .6rem;background:#fef3c7;color:#92400e;font-size:.8rem;font-weight:500;border-radius:4px}.invites-tab{display:flex;flex-direction:column;gap:1.25rem}.invite-generate{display:flex;justify-content:center}.invite-generate-btn{padding:.5rem 1.25rem;background:#7c3aed;color:#fff;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background .15s}.invite-generate-btn:hover:not(:disabled){background:#6d28d9}.invite-generate-btn:disabled{opacity:.6;cursor:not-allowed}.invite-email-form{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;margin-bottom:1rem}.invite-email-input{flex:1;min-width:200px;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.9rem}.invite-email-input:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 2px #7c3aed26}.invite-send-btn{padding:.5rem 1rem;background:#7c3aed;color:#fff;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background .15s;white-space:nowrap}.invite-send-btn:hover:not(:disabled){background:#6d28d9}.invite-send-btn:disabled{opacity:.6;cursor:not-allowed}.invite-email-sent{font-size:.85rem;color:#059669;font-weight:500}.invite-recipient-email{font-size:.8rem;color:#6b7280;font-style:italic}.invite-section-title{font-size:.9rem;font-weight:600;color:#555;margin:0 0 .5rem}.invite-card{display:flex;flex-direction:column;gap:.375rem}.invite-card-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.invite-status{display:inline-block;padding:.2rem .6rem;font-size:.8rem;font-weight:500;border-radius:4px}.invite-status--pending{background:#fef3c7;color:#92400e}.invite-status--claimed{background:#e0e7ff;color:#3730a3}.invite-status--accepted{background:#d1fae5;color:#065f46}.invite-status--rejected{background:#fee2e2;color:#991b1b}.invite-status--expired{background:#f3f4f6;color:#6b7280}.invite-claimed-by{font-size:.85rem;font-weight:500;color:#333}.invite-date{font-size:.8rem;color:#888}.invite-copy-btn{padding:.25rem .75rem;background:none;color:#7c3aed;border:1px solid #7c3aed;border-radius:5px;font-size:.8rem;font-weight:500;cursor:pointer;transition:background .15s,color .15s}.invite-copy-btn:hover{background:#7c3aed;color:#fff}.search-card-actions{margin-top:.75rem;display:flex;justify-content:flex-end}.friend-request-btn{padding:.35rem .875rem;background:#7c3aed;color:#fff;border:none;border-radius:6px;font-size:.8rem;font-weight:500;cursor:pointer;transition:background .15s}.friend-request-btn:hover:not(:disabled){background:#6d28d9}.friend-request-btn:disabled{opacity:.6;cursor:not-allowed}.friendship-badge{display:inline-block;padding:.25rem .75rem;font-size:.8rem;font-weight:500;border-radius:4px;text-decoration:none}.friendship-badge--friends{background:#d1fae5;color:#065f46}.friendship-badge--sent{background:#e0e7ff;color:#3730a3}.friendship-badge--received{background:#fef3c7;color:#92400e;cursor:pointer}.friendship-badge--received:hover{background:#fde68a}