*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #FE4358;--primary-hover: #E63946;--primary-light: #fff0f3;--flame-start: #FD297B;--flame-end: #FF655B;--success: #4CD964;--success-dark: #34C759;--accent-blue: #2491FF;--notification: #FA3E3E;--gold: #FFD700;--gold-dark: #E6C200;--aubergine: #4A154B;--aubergine-light: #7C3085;--danger: #DC2626;--warning: #F59E0B;--text-primary: #191919;--text-secondary: #666666;--text-muted: #00000080;--bg-primary: #ffffff;--bg-secondary: #faf9f7;--bg-tertiary: #fff5f3;--border: #e5e5e5;--border-light: #f0f0f0;--shadow: rgba(0, 0, 0, .06);--shadow-hover: rgba(0, 0, 0, .12)}html{font-size:16px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-secondary);color:var(--text-primary);line-height:1.5}#root{min-height:100vh;background-color:var(--bg-secondary)}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;border:none;outline:none;font-family:inherit;font-size:inherit}button:disabled{opacity:.6;cursor:not-allowed}input,textarea{font-family:inherit;font-size:inherit}.card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:8px;padding:16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 16px;font-size:14px;font-weight:600;border-radius:16px;transition:all .15s}.btn-outline{background:transparent;color:var(--primary);border:1px solid var(--primary)}.btn-outline:hover{background:var(--bg-tertiary);border-width:2px;padding:5px 15px}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-secondary);color:var(--text-primary)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#b30000}.loading{display:flex;justify-content:center;align-items:center;min-height:200px;color:var(--text-secondary);font-size:14px}.divider{height:1px;background:var(--border-light);margin:12px 0}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-primary-color{color:var(--primary)}.font-semibold{font-weight:600}.btn-flame{background:linear-gradient(135deg,var(--flame-start),var(--flame-end));color:#fff;font-weight:600;box-shadow:0 2px 8px #fd297b4d}.btn-flame:hover{box-shadow:0 4px 16px #fd297b66;transform:translateY(-1px)}.btn-success{background:var(--success);color:#fff}.btn-success:hover{background:var(--success-dark)}.btn-accent{background:var(--accent-blue);color:#fff}.btn-accent:hover{background:#1a7de6}.btn-gold{background:linear-gradient(135deg,gold,orange);color:#1a1a1a;font-weight:600}.btn-gold:hover{box-shadow:0 4px 12px #ffd70066}.notification-badge{background:var(--notification);color:#fff;font-size:11px;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 5px}.text-flame{background:linear-gradient(135deg,var(--flame-start),var(--flame-end));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.premium-accent{background:linear-gradient(135deg,var(--aubergine),var(--aubergine-light));color:#fff}.auth-page{min-height:100vh;background:var(--bg-primary);display:flex;flex-direction:column}.auth-header{padding:16px 24px}.auth-logo{font-size:28px;font-weight:700;background:linear-gradient(135deg,var(--flame-start),var(--flame-end));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.auth-logo-image{height:48px;width:auto;display:block}.auth-main{flex:1;display:flex;align-items:flex-start;justify-content:center;padding:32px 24px}.auth-card{width:100%;max-width:400px;background:var(--bg-primary);padding:24px;border-radius:8px;box-shadow:0 4px 12px var(--shadow)}.auth-card h1{font-size:32px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.auth-subtitle{font-size:14px;color:var(--text-secondary);margin-bottom:24px}.auth-form{display:flex;flex-direction:column;gap:16px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group{display:flex;flex-direction:column;gap:4px}.form-group label{font-size:14px;font-weight:500;color:var(--text-secondary)}.form-group input{padding:12px;border:1px solid var(--border);border-radius:4px;font-size:16px;outline:none;transition:border-color .15s,box-shadow .15s}.form-group input:focus{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.auth-error{padding:12px;background:#fef2f2;border:1px solid #fecaca;border-radius:4px;color:#dc2626;font-size:14px}.auth-submit{padding:14px 24px;font-size:16px;font-weight:600;border-radius:28px;margin-top:8px;background:linear-gradient(135deg,var(--flame-start),var(--flame-end));color:#fff;border:none;box-shadow:0 4px 12px #fd297b4d;transition:all .2s}.auth-submit:hover:not(:disabled){box-shadow:0 6px 20px #fd297b66;transform:translateY(-2px)}.auth-submit:disabled{opacity:.7;transform:none;box-shadow:none}.auth-divider{display:flex;align-items:center;gap:16px;margin:24px 0;color:var(--text-muted);font-size:14px}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border-light)}.auth-toggle{width:100%;padding:12px;background:none;color:var(--text-primary);font-size:16px;font-weight:600;border:1px solid var(--text-primary);border-radius:28px;transition:background .15s}.auth-toggle:hover{background:var(--bg-secondary)}@media(max-width:480px){.form-row{grid-template-columns:1fr}.auth-card{box-shadow:none;padding:16px}}.feed-layout{display:flex;justify-content:center;max-width:900px;margin:0 auto}.feed-sidebar{position:sticky;top:76px;height:fit-content}.feed-sidebar-left{display:flex;flex-direction:column;gap:8px}.feed-main{display:flex;flex-direction:column;gap:12px;min-width:0;width:100%;max-width:600px}.profile-card-mini{overflow:hidden;transition:box-shadow .15s}.profile-card-mini:hover{box-shadow:0 4px 12px var(--shadow)}.profile-card-banner{height:56px;background:var(--primary);overflow:hidden}.profile-card-banner.has-photos{background:none}.mini-banner-collage{display:grid;height:100%;gap:0}.mini-banner-collage.photos-1{grid-template-columns:1fr}.mini-banner-collage.photos-2{grid-template-columns:1fr 1fr}.mini-banner-collage.photos-3{grid-template-columns:1fr 1fr 1fr}.mini-banner-collage.photos-4{grid-template-columns:1fr 1fr 1fr 1fr}.mini-banner-photo{overflow:hidden}.mini-banner-photo img{width:100%;height:100%;object-fit:cover}.profile-card-content{text-align:center;padding:0 16px 16px;margin-top:-36px}.profile-card-avatar{border:2px solid white}.profile-card-name{font-size:16px;font-weight:600;margin-top:8px;color:var(--text-primary)}.profile-card-headline{font-size:12px;color:var(--text-secondary);margin-top:4px}.profile-card-location{display:flex;align-items:center;justify-content:center;gap:4px;font-size:12px;color:var(--text-muted);margin-top:4px}.profile-card-stats{padding:12px 16px}.stat-row{display:flex;justify-content:space-between;font-size:12px;padding:4px 0;color:var(--text-secondary)}.stat-value{color:var(--primary);font-weight:600}.post-composer-mini{display:flex;align-items:center;gap:12px;padding:16px;cursor:pointer;transition:background .15s}.post-composer-mini:hover{background:var(--bg-secondary)}.composer-prompt{flex:1;padding:12px 16px;border-radius:24px;border:1px solid var(--border);color:var(--text-muted);font-size:14px}.post-composer-expanded{padding:16px}.composer-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.composer-user-info{display:flex;flex-direction:column}.composer-name{font-size:14px;font-weight:600;color:var(--text-primary)}.composer-textarea{width:100%;border:none;outline:none;font-size:15px;resize:vertical;min-height:80px;font-family:inherit;color:var(--text-primary)}.composer-images{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;margin:12px 0}.composer-image-preview{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;background:var(--bg-secondary)}.composer-image-preview img{width:100%;height:100%;object-fit:cover}.remove-image-btn{position:absolute;top:4px;right:4px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#000000b3;color:#fff;border-radius:50%}.remove-image-btn:hover{background:#000000e6}.composer-actions{display:flex;align-items:center;gap:8px;padding-top:12px;border-top:1px solid var(--border-light)}.composer-action-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:none;color:var(--text-secondary);font-size:14px;font-weight:600;border-radius:4px}.composer-action-btn:hover{background:var(--bg-secondary)}.spacer{flex:1}.btn-cancel{padding:8px 16px;background:none;color:var(--text-secondary);font-size:14px;font-weight:600;border-radius:20px}.btn-post{padding:10px 24px;background:linear-gradient(135deg,var(--flame-start),var(--flame-end));color:#fff;font-size:14px;font-weight:600;border-radius:20px;box-shadow:0 2px 8px #fd297b4d;transition:all .2s}.btn-post:hover:not(:disabled){box-shadow:0 4px 16px #fd297b66;transform:translateY(-1px)}.btn-post:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.post{padding:12px 16px 4px}.post-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.post-user-info{flex:1;display:flex;flex-direction:column;text-align:left}.post-author{font-size:14px;font-weight:600;color:var(--text-primary);text-align:left}.post-author.clickable,.comment-author.clickable{cursor:pointer}.post-author.clickable:hover,.comment-author.clickable:hover{color:var(--primary);text-decoration:underline}.post-user-clickable,.comment-avatar-clickable{cursor:pointer;transition:opacity .15s}.post-user-clickable:hover,.comment-avatar-clickable:hover{opacity:.8}.post-comments{margin-top:4px;padding-top:0}.comments-list{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.comment{display:flex;gap:10px;align-items:flex-start}.comment-content{flex:1;background:var(--bg-secondary);padding:8px 12px;border-radius:12px;text-align:left}.comment-author{font-size:13px;font-weight:600;color:var(--text-primary);text-align:left;display:block}.comment-body{font-size:13px;color:var(--text-secondary);margin-top:2px;text-align:left}.comment-time{font-size:11px;color:var(--text-muted);margin-top:4px}.comment-input-row{display:flex;gap:10px;align-items:center}.comment-input{flex:1;padding:8px 12px;border:1px solid var(--border);border-radius:20px;font-size:13px;outline:none}.comment-input:focus{border-color:var(--primary)}.comment-submit-btn{background:var(--primary);color:#fff;border:none;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:500;cursor:pointer}.comment-submit-btn:disabled{opacity:.5;cursor:not-allowed}.view-more-comments{font-size:12px;color:var(--text-muted);cursor:pointer;margin-bottom:8px}.view-more-comments:hover{color:var(--primary)}.post-time{font-size:12px;color:var(--text-muted)}.post-status{display:flex;align-items:center}.lock-status{display:flex;align-items:center;justify-content:center;padding:4px}.lock-status.locked{color:var(--primary)}.lock-status.unlocked{color:var(--text-muted)}.post-delete-btn{padding:8px;background:none;color:var(--text-muted);border-radius:4px}.post-delete-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.post-body{font-size:15px;line-height:1.5;color:var(--text-primary);white-space:pre-wrap;margin-bottom:8px;text-align:left}.post-images{margin:4px 0;border-radius:8px;overflow:hidden}.post-images.single{max-width:100%}.post-images.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:4px}.post-image-wrapper{position:relative}.post-image{width:100%;height:auto;display:block;max-height:540px;object-fit:contain;background:var(--bg-secondary)}.post-image-caption{position:absolute;bottom:0;left:0;right:0;padding:8px 12px;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);color:#fff;font-size:13px}.post-stats-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border-light)}.post-stats{display:flex;gap:16px;font-size:13px;color:var(--text-secondary)}.modal-content .like-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:none;color:var(--text-secondary);font-size:14px;font-weight:500;border-radius:4px;cursor:pointer;transition:color .15s;border:none}.modal-content .like-btn:hover{color:var(--primary)}.modal-content .like-btn.liked{color:#f52d20}.comment-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.view-full-post{font-size:12px;color:var(--primary);cursor:pointer;margin-bottom:8px;font-weight:500;text-align:left}.view-full-post:hover{text-decoration:underline}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:12px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;position:relative}.post-modal{padding:20px}.modal-close{position:absolute;top:12px;right:12px;width:32px;height:32px;border:none;background:var(--bg-secondary);border-radius:50%;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:var(--border)}.modal-post-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.modal-post-body{font-size:15px;line-height:1.5;color:var(--text-primary);margin-bottom:16px;white-space:pre-wrap;text-align:left}.modal-post-image{margin-bottom:16px;border-radius:8px;overflow:hidden}.modal-post-image img{width:100%;height:auto;display:block;max-height:500px;object-fit:contain;background:var(--bg-secondary)}.modal-stats-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border-light);margin-bottom:16px}.stat-clickable{cursor:pointer;text-decoration:underline}.stat-clickable:hover{color:var(--primary)}.likers-popup{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:8px;margin-bottom:16px;max-height:250px;overflow:hidden}.likers-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border-light)}.likers-header h4{margin:0;font-size:14px;font-weight:600;text-align:left}.likers-close{background:none;border:none;font-size:20px;cursor:pointer;color:var(--text-secondary)}.likers-list{max-height:200px;overflow-y:auto}.likers-loading,.likers-empty{padding:16px;text-align:center;color:var(--text-muted);font-size:13px}.liker-item{display:flex;align-items:center;gap:12px;padding:10px 16px;cursor:pointer;transition:background .15s}.liker-item:hover{background:var(--bg-secondary)}.liker-info{flex:1;min-width:0;text-align:left}.liker-name{font-size:14px;font-weight:500;color:var(--text-primary)}.liker-badges{display:flex;gap:6px;margin-top:2px}.badge{font-size:11px;padding:2px 6px;border-radius:4px;font-weight:500}.badge-locked{background:#fef2f2;color:#dc2626}.badge-friend{background:#d1fae5;color:#059669}.modal-comments-section h4{font-size:14px;font-weight:600;margin-bottom:12px;color:var(--text-primary);text-align:left}.modal-comments-list{display:flex;flex-direction:column;gap:12px;max-height:300px;overflow-y:auto;margin-bottom:16px}.modal-comment{display:flex;gap:10px;align-items:flex-start}.modal-comment-form{display:flex;gap:10px}.modal-comment-form input{flex:1;padding:10px 14px;border:1px solid var(--border);border-radius:20px;font-size:14px;outline:none}.modal-comment-form input:focus{border-color:var(--primary)}.modal-comment-form button{padding:10px 20px;background:var(--primary);color:#fff;border:none;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer}.modal-comment-form button:disabled{opacity:.5;cursor:not-allowed}.feed-empty,.feed-loading{padding:48px 24px;text-align:center}.feed-empty h3{font-size:20px;margin-bottom:8px;color:var(--text-primary)}.feed-empty p{color:var(--text-secondary);margin-bottom:20px;font-size:15px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:600;border-radius:20px;transition:all .15s}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.divider{height:1px;background:var(--border-light)}@media(max-width:768px){.feed-layout{grid-template-columns:1fr}.feed-sidebar-left{display:none}.post-images.grid{grid-template-columns:1fr 1fr}}.post-actions-row{display:flex;align-items:center;justify-content:space-between;padding:8px 4px;border-top:1px solid var(--border-light);margin-top:12px}.action-buttons-left{display:flex;align-items:center;gap:12px}.like-count-clickable{cursor:pointer;font-size:15px;color:var(--text-secondary);margin-right:8px}.like-count-clickable:hover{text-decoration:underline;color:var(--primary)}.action-btn{display:flex;align-items:center;gap:6px;background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px 8px;border-radius:4px;font-size:15px;font-weight:500;transition:color .15s;height:auto;min-height:0;min-width:0;line-height:1}.action-btn:hover{color:var(--text-primary)}.action-btn.comment-btn:hover{color:var(--primary)}.action-btn.like-btn:hover,.action-btn.like-btn.liked{color:#f52d20}.action-btn.share-btn:hover{color:#17bf63}.view-count{font-size:15px;color:var(--text-muted)}.copied-text{color:#17bf63;font-size:12px;font-weight:600}.post-comments .comment-input-row,.post-comments .view-full-post{display:none}.post-comments .comments-list{margin-top:8px;padding-top:8px;border-top:1px solid var(--border-light)}.discover-layout{max-width:500px;margin:0 auto;padding:24px 16px;min-height:calc(100vh - 120px);display:flex;flex-direction:column;align-items:center}.discover-card-container{display:flex;flex-direction:column;align-items:center;gap:24px;width:100%}.discover-card{width:100%;max-width:380px;background:var(--bg-primary);border-radius:16px;overflow:hidden;box-shadow:0 4px 20px var(--shadow)}.card-photo{width:100%;aspect-ratio:3/4;background:var(--bg-secondary);position:relative}.card-photo img{width:100%;height:100%;object-fit:cover}.photo-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-muted);background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%)}.card-info{padding:20px;text-align:center}.card-name{font-size:24px;font-weight:700;color:var(--text-primary);margin:0}.card-age{font-weight:400;color:var(--text-secondary)}.card-headline{font-size:14px;color:var(--text-secondary);margin:6px 0 0}.card-location{display:inline-flex;align-items:center;gap:4px;font-size:13px;color:var(--text-muted);margin-top:8px}.card-mutuals{display:inline-flex;align-items:center;gap:4px;font-size:13px;color:var(--primary);margin-top:6px;font-weight:500}.view-profile-btn{margin-top:16px;padding:10px 24px;background:none;color:var(--primary);font-size:14px;font-weight:600;border:2px solid var(--primary);border-radius:24px;cursor:pointer;transition:all .2s}.view-profile-btn:hover{background:var(--primary);color:#fff}.discover-actions{display:flex;gap:32px;margin-top:8px}.discover-actions .action-btn{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;border:none}.discover-actions .action-btn.pass{background:#fff;color:#9ca3af;box-shadow:0 2px 8px #0000001a}.discover-actions .action-btn.pass:hover{color:#ef4444;box-shadow:0 4px 16px #ef44444d;transform:scale(1.1)}.discover-actions .action-btn.like{background:linear-gradient(135deg,var(--success) 0%,#22c55e 100%);color:#fff;box-shadow:0 4px 16px #4cd96466}.discover-actions .action-btn.like:hover{box-shadow:0 6px 24px #4cd96480;transform:scale(1.1)}.discover-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;text-align:center;flex:1}.empty-icon{width:80px;height:80px;background:var(--primary-light);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary);margin-bottom:24px}.discover-empty h2{font-size:24px;font-weight:600;margin:0 0 8px;color:var(--text-primary)}.discover-empty p{color:var(--text-secondary);margin:0 0 24px}.match-notification{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.match-content{background:#fff;padding:48px;border-radius:16px;text-align:center;animation:matchPop .3s ease-out}@keyframes matchPop{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.match-content h2{font-size:32px;color:var(--primary);margin:0 0 12px}.match-content p{font-size:16px;color:var(--text-secondary);margin:0}@media(max-width:480px){.discover-card{max-width:100%}.action-btn{width:56px;height:56px}}.friends-container{max-width:600px;margin:0 auto;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:8px;overflow:hidden}.section-title{font-size:14px;font-weight:600;color:var(--text-secondary);padding:16px 16px 8px;text-transform:uppercase;letter-spacing:.5px}.requests-section{border-bottom:none}.requests-section.empty{padding-bottom:8px}.empty-text{padding:0 16px 16px;font-size:14px;color:var(--text-muted)}.requests-list{display:flex;flex-direction:column}.request-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border-light);transition:background .15s}.request-item:hover{background:var(--bg-secondary)}.request-item:last-child{border-bottom:none}.request-info{flex:1;min-width:0}.request-name{font-size:15px;font-weight:600;color:var(--text-primary)}.request-action{font-size:13px;color:var(--text-secondary);margin-top:2px}.request-time{font-size:13px;color:var(--text-muted);margin-right:8px}.request-action-btn{width:36px;height:36px;border-radius:4px;display:flex;align-items:center;justify-content:center;background:none;border:1px solid var(--border);color:var(--text-secondary);transition:all .15s}.request-action-btn.accept{cursor:pointer}.request-action-btn.accept:hover:not(:disabled){background:#d1fae5;border-color:var(--success);color:var(--success)}.request-action-btn.decline{cursor:pointer}.request-action-btn.decline:hover:not(:disabled){background:#fef2f2;border-color:#dc2626;color:#dc2626}.request-action-btn:disabled{opacity:.5;cursor:not-allowed}.request-subtitle{font-size:13px;color:var(--text-muted);margin-top:2px}.lockin-requests{background:linear-gradient(135deg,#fef2f2,#fff5f5);border-bottom:2px solid var(--primary-light)}.request-item.lockin{background:#ffffffb3}.no-requests{padding:24px 16px;text-align:center;color:var(--text-muted);font-size:14px}.friend-time{font-size:11px;color:var(--text-muted)}.divider-line{height:8px;background:var(--bg-secondary);border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light)}.friends-section{padding-bottom:16px}.empty-friends{padding:32px 16px;text-align:center}.empty-friends p{margin-bottom:4px;font-size:14px}.friends-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:16px;padding:8px 16px}.friend-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 8px;background:var(--bg-secondary);border-radius:8px;cursor:pointer;transition:all .15s}.friend-card:hover{background:var(--bg-tertiary);transform:translateY(-2px)}.friend-avatar{border:2px solid var(--bg-primary)}.friend-name{font-size:13px;font-weight:500;color:var(--text-primary);text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:480px){.friends-grid{grid-template-columns:repeat(2,1fr)}}.messages-container{display:flex;flex-direction:column;height:100%}.messages-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border-light);flex-shrink:0}.messages-header h3{font-size:16px;font-weight:600}.header-actions{display:flex;gap:4px}.messages-body{flex:1;overflow:hidden;display:flex;flex-direction:column}.conversations-list{flex:1;overflow-y:auto}.loading-small{padding:24px;text-align:center;color:var(--text-secondary);font-size:14px}.empty-messages{padding:32px 16px;text-align:center}.empty-messages p{margin-bottom:4px;font-size:14px}.conversation-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:none;text-align:left;border-bottom:1px solid var(--border-light);transition:background .15s;position:relative}.conversation-item:hover{background:var(--bg-secondary)}.conversation-item:hover .delete-conv-btn{opacity:1}.conv-info{flex:1;min-width:0}.conv-name{font-size:14px;font-weight:600;color:var(--text-primary)}.conv-preview{font-size:13px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px}.conv-time{font-size:12px;color:var(--text-muted);flex-shrink:0}.active-conversation{display:flex;flex-direction:column;height:100%}.conv-header{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border-light);flex-shrink:0}.back-btn{background:none;font-size:20px;color:var(--text-secondary);padding:4px;cursor:pointer}.conv-header-info{flex:1;min-width:0}.conv-header-name{font-size:14px;font-weight:600;text-align:left;cursor:pointer;color:var(--primary);transition:opacity .15s}.conv-header-name:hover{opacity:.8}.conv-header-headline{font-size:12px;color:var(--text-secondary);text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.messages-list{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:8px}.empty-conv{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:14px}.message{max-width:80%;display:flex;flex-direction:column}.message.sent{align-self:flex-end;align-items:flex-end}.message.received{align-self:flex-start;align-items:flex-start}.message-bubble{padding:8px 12px;border-radius:12px;font-size:14px;line-height:1.4;word-wrap:break-word}.message.sent .message-bubble{background:#adadad;color:#fff;border-bottom-right-radius:4px}.message.received .message-bubble{background:var(--primary);color:#fff;border-bottom-left-radius:4px}.message.pending .message-bubble{opacity:.7}.message.pending .message-time{font-style:italic}.message-time{font-size:11px;color:var(--text-muted);margin-top:4px}.message-input-container{display:flex;align-items:center;gap:8px;padding:12px 16px;border-top:1px solid var(--border-light);flex-shrink:0}.message-input{flex:1;padding:8px 12px;border:1px solid var(--border);border-radius:20px;font-size:14px;outline:none;transition:border-color .15s}.message-input:focus{border-color:var(--primary)}.send-btn{width:36px;height:36px;background:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .15s}.send-btn:hover:not(:disabled){background:var(--primary-hover)}.send-btn:disabled{background:var(--border);cursor:not-allowed}.date-separator{display:flex;align-items:center;gap:8px;margin:16px 0;color:var(--text-muted);font-size:12px}.date-separator:before,.date-separator:after{content:"";flex:1;height:1px;background:var(--border-light)}.delete-conv-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s,color .15s;flex-shrink:0;margin-left:auto}.delete-conv-btn:hover{color:var(--primary)}.notification-dropdown-container{position:relative}.notification-bell{background:none;border:none;color:var(--text-primary);cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;position:relative;transition:opacity .15s}.notification-bell:hover{opacity:.7}.notification-badge{position:absolute;top:-4px;right:-4px;background:var(--primary);color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600}.notification-panel{position:absolute;top:100%;right:0;background:#fff;border:1px solid var(--border-light);border-radius:12px;box-shadow:0 4px 12px #0000001a;width:360px;max-height:600px;display:flex;flex-direction:column;z-index:1000;margin-top:8px}.notification-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border-light);flex-shrink:0}.notification-header h3{font-size:16px;font-weight:600;margin:0;text-align:left}.notification-header .close-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .15s}.notification-header .close-btn:hover{color:var(--text-primary)}.notification-content{flex:1;overflow-y:auto;padding:0}.empty-notifications{padding:32px 16px;text-align:center;color:var(--text-muted);font-size:14px}.notification-section{padding:12px 0;border-bottom:1px solid var(--border-light)}.notification-section:last-child{border-bottom:none}.section-title{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;padding:8px 16px;margin:0;text-align:left;display:flex;align-items:center;gap:6px}.notification-items{padding:0}.notification-item{display:flex;align-items:center;gap:12px;padding:12px 16px;transition:background .15s;cursor:pointer}.notification-item:hover{background:var(--bg-secondary)}.notification-item.clickable{cursor:pointer}.dismiss-btn{background:none;border:none;color:var(--text-muted);font-size:18px;cursor:pointer;padding:4px 8px;line-height:1;opacity:0;transition:opacity .15s,color .15s;flex-shrink:0}.notification-item:hover .dismiss-btn{opacity:1}.dismiss-btn:hover{color:var(--danger, #dc2626)}.item-content{flex:1;min-width:0;text-align:left}.item-name{font-size:13px;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.item-action{font-size:12px;color:var(--text-secondary);margin-top:2px;text-align:left}.item-time{font-size:11px;color:var(--text-muted);white-space:nowrap;margin-left:auto}.item-actions{display:flex;gap:8px;margin-left:auto}.item-actions button{padding:6px 12px;border-radius:16px;font-size:12px;font-weight:500;cursor:pointer;border:none;transition:all .15s}.item-actions .btn-accept{background:var(--primary);color:#fff}.item-actions .btn-accept:hover{opacity:.9}.item-actions .btn-decline{background:var(--bg-secondary);color:var(--text-secondary)}.item-actions .btn-decline:hover{background:var(--border)}.more-notifications{font-size:12px;color:var(--primary);padding:8px 16px;text-align:left;font-weight:600}.app-container{min-height:100vh;display:flex;flex-direction:column}.app-header{background:var(--bg-primary);border-bottom:1px solid var(--border-light);position:fixed;top:0;left:0;right:0;z-index:100}.header-content{width:100%;padding:0 24px;height:56px;display:flex;align-items:center;justify-content:space-between;gap:16px}.header-left{display:flex;align-items:center;gap:8px}.logo{font-size:22px;font-weight:700;color:var(--primary);letter-spacing:-.5px;font-style:italic}.logo-image{height:42px;width:auto;display:block}.header-nav{display:flex;align-items:center;gap:4px}.nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 16px;background:none;color:var(--text-secondary);font-size:12px;border-radius:4px;transition:color .15s;position:relative}.nav-item:hover{color:var(--text-primary)}.nav-item.active{color:var(--primary)}.nav-item.active:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--flame-start),var(--flame-end));border-radius:2px}.nav-item .badge{position:absolute;top:0;right:8px;min-width:18px;height:18px;padding:0 5px;background:var(--notification);color:#fff;font-size:11px;font-weight:700;border-radius:9px;box-shadow:0 2px 4px #fa3e3e4d;display:flex;align-items:center;justify-content:center}.header-right{display:flex;align-items:center;gap:8px}.profile-trigger{display:flex;align-items:center;gap:4px;padding:4px 8px;background:none;color:var(--text-secondary);font-size:12px;border-radius:4px}.profile-trigger:hover{color:var(--text-primary)}.profile-name{max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-main{flex:1;padding:44px 16px 8px}.main-content{max-width:1128px;margin:0 auto}.messages-panel{position:fixed;bottom:0;right:24px;width:320px;height:450px;background:var(--bg-primary);border:1px solid var(--border);border-bottom:none;border-radius:8px 8px 0 0;box-shadow:0 0 10px var(--shadow);z-index:200;display:flex;flex-direction:column;overflow:hidden}@media(max-width:768px){.header-nav{position:fixed;bottom:0;left:0;right:0;background:var(--bg-primary);border-top:1px solid var(--border-light);justify-content:space-around;padding:8px 0;z-index:100}.nav-item.active:after{display:none}.profile-name{display:none}.app-main{padding-bottom:80px}.messages-panel{right:0;left:0;width:100%;height:60vh}}.location-search-wrapper{position:relative;width:100%}.location-search-input-wrap{position:relative;display:flex;align-items:center}.location-search-input-wrap .location-icon{position:absolute;left:14px;color:var(--text-muted);pointer-events:none}.location-search-input{width:100%;padding:14px 16px 14px 42px;border:2px solid var(--border-light);border-radius:12px;font-size:16px;outline:none;transition:border-color .2s;box-sizing:border-box}.location-search-input:focus{border-color:var(--primary)}.location-spinner{position:absolute;right:14px;width:18px;height:18px;border:2px solid var(--border-light);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.location-suggestions-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid var(--border);border-radius:12px;margin-top:4px;box-shadow:0 8px 24px #0000001f;z-index:100;max-height:260px;overflow-y:auto}.location-suggestion-item{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;border:none;background:none;text-align:left;font-size:14px;color:var(--text-primary);cursor:pointer;transition:background .15s}.location-suggestion-item:first-child{border-radius:12px 12px 0 0}.location-suggestion-item:last-child{border-radius:0 0 12px 12px}.location-suggestion-item:only-child{border-radius:12px}.location-suggestion-item:hover{background:var(--bg-secondary)}.location-suggestion-item svg{color:var(--primary);flex-shrink:0}.profile-page{min-height:100vh;background:var(--bg-secondary)}.profile-loading{display:flex;align-items:center;justify-content:center;min-height:300px;color:var(--text-secondary)}.profile-page-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:var(--bg-primary);border-bottom:1px solid var(--border-light);position:sticky;top:0;z-index:100}.profile-page-header h1{font-size:18px;font-weight:600}.back-btn{background:none;color:var(--text-secondary);font-size:14px;padding:8px 12px;border-radius:4px}.back-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.error-banner{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px 24px;font-size:14px}.profile-page-content{max-width:600px;margin:0 auto;padding:24px 16px;display:flex;flex-direction:column;gap:16px}.profile-card-main{background:var(--bg-primary);border-radius:12px;overflow:hidden;border:1px solid var(--border-light)}.profile-banner-area{height:120px;background:var(--primary);position:relative}.banner-collage{display:grid;height:100%;gap:0}.banner-collage.photos-1{grid-template-columns:1fr}.banner-collage.photos-2{grid-template-columns:repeat(2,1fr)}.banner-collage.photos-3{grid-template-columns:repeat(3,1fr)}.banner-collage.photos-4{grid-template-columns:repeat(4,1fr)}.banner-photo{position:relative;overflow:hidden;cursor:pointer;transition:transform .15s}.banner-photo:hover{transform:scale(1.02);z-index:1}.banner-photo img{width:100%;height:100%;object-fit:cover}.banner-photo.more{background:#000000b3;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;font-weight:600}.profile-info-area{padding:0 20px 20px;margin-top:-50px}.avatar-wrapper{margin-bottom:16px;position:relative;width:fit-content;cursor:pointer;z-index:10}.avatar-wrapper .avatar{border:4px solid var(--bg-primary)}.avatar-edit-overlay{position:absolute;bottom:4px;right:4px;width:32px;height:32px;background:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;border:2px solid white;box-shadow:0 2px 4px #0003}.avatar-wrapper:hover .avatar-edit-overlay{background:var(--primary-hover)}.editable-row{margin-bottom:8px}.display-row{display:flex;align-items:center;gap:8px;padding:8px;margin:-8px;border-radius:6px;cursor:pointer;transition:background .15s}.display-row:hover{background:var(--bg-secondary)}.display-row svg{opacity:0;color:var(--text-muted);flex-shrink:0}.display-row:hover svg{opacity:1}.value{flex:1;color:var(--text-secondary)}.name-value{font-size:24px;font-weight:600;color:var(--text-primary)}.headline-value{font-size:15px}.bio-value{font-size:14px;line-height:1.5;white-space:pre-wrap}.bio-display{align-items:flex-start}.location-row .display-row{color:var(--text-muted);font-size:14px}.friends-count{margin-top:12px;font-size:14px;font-weight:600;color:var(--primary)}.edit-form{display:flex;flex-direction:column;gap:8px}.edit-input,.edit-textarea{width:100%;padding:10px 12px;border:2px solid var(--primary);border-radius:6px;font-size:14px;outline:none;font-family:inherit}.edit-textarea{resize:vertical;min-height:80px}.location-input-wrap{position:relative}.location-suggestions{position:absolute;top:100%;left:0;right:0;background:var(--bg-primary);border:1px solid var(--border);border-radius:6px;margin-top:4px;box-shadow:0 4px 12px var(--shadow);z-index:10}.suggestion{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;background:none;text-align:left;font-size:14px;border-bottom:1px solid var(--border-light)}.suggestion:last-child{border-bottom:none}.suggestion:hover{background:var(--bg-secondary)}.edit-buttons{display:flex;justify-content:flex-end;gap:8px}.btn-cancel,.btn-save{padding:8px 16px;font-size:14px;font-weight:600;border-radius:20px}.btn-cancel{background:none;color:var(--text-secondary)}.btn-cancel:hover{background:var(--bg-secondary)}.btn-save{background:linear-gradient(135deg,var(--flame-start),var(--flame-end));color:#fff;box-shadow:0 2px 6px #fd297b40}.btn-save:hover:not(:disabled){box-shadow:0 4px 12px #fd297b59;transform:translateY(-1px)}.btn-save:disabled{opacity:.6;transform:none;box-shadow:none}.profile-section{background:var(--bg-primary);border-radius:12px;padding:20px;border:1px solid var(--border-light)}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.section-head h2{font-size:18px;font-weight:600}.btn-add-photo{display:flex;align-items:center;gap:6px;padding:8px 14px;background:var(--primary);color:#fff;font-size:14px;font-weight:600;border-radius:20px}.btn-add-photo:hover:not(:disabled){background:var(--primary-hover)}.btn-add-photo:disabled{opacity:.6;cursor:not-allowed}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.photo-grid-item{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;cursor:grab;transition:transform .15s,box-shadow .15s,opacity .15s;border:2px solid transparent}.photo-grid-item:hover{transform:scale(1.02);box-shadow:0 4px 12px #00000026}.photo-grid-item:active{cursor:grabbing}.photo-grid-item.dragging{opacity:.5;transform:scale(.95)}.photo-grid-item.is-primary{border-color:var(--success)}.photo-grid-item img{width:100%;height:100%;object-fit:cover}.photo-order-badge{position:absolute;top:8px;left:8px;background:var(--success);color:#fff;font-size:11px;font-weight:600;padding:3px 8px;border-radius:4px;pointer-events:none}.set-profile-btn{position:absolute;bottom:8px;left:50%;transform:translate(-50%);background:#000000b3;color:#fff;border:none;padding:6px 10px;border-radius:6px;font-size:11px;font-weight:500;cursor:pointer;opacity:0;transition:opacity .2s}.photo-grid-item:hover .set-profile-btn{opacity:1}.set-profile-btn:hover{background:var(--primary)}.drag-handle{position:absolute;top:8px;right:8px;background:#00000080;color:#fff;padding:4px 6px;border-radius:4px;font-size:12px;letter-spacing:-2px;opacity:0;transition:opacity .15s}.photo-grid-item:hover .drag-handle{opacity:1}.reorder-hint{margin-top:12px;font-size:13px;color:var(--text-muted);text-align:center}.photo-caption-overlay{position:absolute;bottom:0;left:0;right:0;padding:8px;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);color:#fff;font-size:12px;line-height:1.3}.photo-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;z-index:1000;display:flex;align-items:center;justify-content:center;padding:40px}.photo-modal{position:relative;max-width:600px;max-height:80vh;display:flex;flex-direction:column;background:#111;border-radius:12px;overflow:hidden}.modal-close-btn{position:absolute;top:12px;right:12px;width:36px;height:36px;background:#0009;color:#fff;font-size:24px;line-height:1;border-radius:50%;z-index:10;display:flex;align-items:center;justify-content:center}.modal-close-btn:hover{background:#000000e6}.photo-modal-content{display:flex;flex-direction:column;position:relative}.modal-photo{max-width:100%;max-height:60vh;width:auto;height:auto;object-fit:contain;display:block;margin:0 auto}.photo-nav-btn{position:absolute;top:50%;transform:translateY(-100%);width:40px;height:40px;background:#ffffffe6;color:#111;font-size:24px;line-height:1;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000004d}.photo-nav-btn:hover{background:#fff}.photo-nav-btn.prev{left:12px}.photo-nav-btn.next{right:12px}.photo-modal-footer{padding:16px;background:#111;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.photo-counter{color:#fff;font-size:14px;font-weight:600}.caption-display{flex:1;color:#fff;font-size:14px;padding:8px 12px;border-radius:4px;cursor:pointer}.caption-display:hover{background:#ffffff1a}.caption-edit{flex:1;display:flex;gap:8px}.caption-input{flex:1;padding:8px 12px;border-radius:4px;border:none;outline:none;font-size:14px}.btn-save-small,.btn-cancel-small{padding:8px 16px;font-size:14px;font-weight:600;border-radius:4px}.btn-save-small{background:var(--primary);color:#fff}.btn-cancel-small{background:#ffffff1a;color:#fff}.btn-delete-photo{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#dc2626e6;color:#fff;font-size:14px;font-weight:600;border-radius:4px}.btn-delete-photo:hover{background:#dc2626}.empty-section{font-size:14px;color:var(--text-muted)}.info-row{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid var(--border-light);margin-bottom:12px}.info-label{font-size:14px;color:var(--text-muted);min-width:60px}.info-value{font-size:16px;font-weight:600;color:var(--text-primary)}.section-subtitle{font-size:13px;color:var(--text-muted);margin-bottom:16px}.history-list{display:flex;flex-direction:column;gap:16px;position:relative}.history-list:before{content:"";position:absolute;left:8px;top:0;bottom:0;width:2px;background:var(--border)}.history-item{padding:12px 12px 12px 28px;background:var(--bg-secondary);border-radius:8px;position:relative;border-left:3px solid var(--border)}.history-item:before{content:"";position:absolute;left:-11px;top:16px;width:12px;height:12px;background:#fff;border:3px solid var(--border);border-radius:50%}.history-type-work{border-left-color:#3b82f6}.history-type-work:before{border-color:#3b82f6}.history-type-hobby{border-left-color:#10b981}.history-type-hobby:before{border-color:#10b981}.history-type-relationship{border-left-color:var(--primary)}.history-type-relationship:before{border-color:var(--primary)}.history-type-education{border-left-color:#8b5cf6}.history-type-education:before{border-color:#8b5cf6}.history-type-life_event{border-left-color:#f59e0b}.history-type-life_event:before{border-color:#f59e0b}.history-type-badge{display:inline-block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:4px}.history-title{font-size:16px;font-weight:600;color:var(--text-primary)}.history-subtitle{font-size:14px;color:var(--text-secondary);margin-top:2px}.history-dates{font-size:13px;color:var(--text-muted);margin-top:4px}.history-desc{font-size:14px;color:var(--text-secondary);margin-top:8px;line-height:1.5}.interests-list{display:flex;flex-wrap:wrap;gap:8px}.interest-tag{display:inline-block;padding:6px 12px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:20px;font-size:13px;color:var(--text-primary)}.endorsement-info{font-style:italic;margin-bottom:8px;color:var(--text-secondary)}.completion-section{background:var(--bg-primary)}.completion-info{display:flex;justify-content:space-between;margin-bottom:8px;font-size:14px}.completion-percent{font-weight:600;color:var(--text-primary)}.completion-bar{height:8px;background:var(--bg-secondary);border-radius:4px;overflow:hidden}.completion-fill{height:100%;background:var(--success);border-radius:4px;transition:width .3s}.completion-hint{margin-top:8px;font-size:13px;color:var(--text-muted)}.signout-section{background:none;border:none;padding:0}.legal-links-section{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;background:none;border-top:1px solid var(--border-light)}.legal-link{color:var(--text-muted);font-size:13px;text-decoration:none;transition:color .15s}.legal-link:hover{color:var(--primary);text-decoration:underline}.link-separator{color:var(--text-muted);font-size:12px}.signout-btn{width:100%;padding:14px;background:var(--primary);color:#fff;font-size:16px;font-weight:600;border-radius:8px;transition:background .15s}.signout-btn:hover{background:var(--primary-hover)}@media(max-width:480px){.profile-page-content{padding:16px 12px}.name-value{font-size:20px}}.profile-pic-picker-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.profile-pic-picker{background:#fff;border-radius:16px;padding:24px;max-width:500px;width:100%;max-height:80vh;overflow-y:auto;position:relative}.profile-pic-picker h3{margin:0 0 20px;font-size:20px;font-weight:600;text-align:center}.profile-pic-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.upload-new-pic{cursor:pointer}.upload-new-box{aspect-ratio:1;border:2px dashed var(--border);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--text-muted);font-size:13px;transition:all .15s}.upload-new-box:hover{border-color:var(--primary);color:var(--primary);background:#f52d200d}.pic-option{aspect-ratio:1;border-radius:12px;overflow:hidden;cursor:pointer;position:relative;border:3px solid transparent;transition:all .15s}.pic-option img{width:100%;height:100%;object-fit:cover}.pic-option:hover{border-color:var(--primary);transform:scale(1.02)}.pic-option.current{border-color:var(--success)}.current-badge{position:absolute;bottom:6px;left:50%;transform:translate(-50%);background:var(--success);color:#fff;font-size:11px;font-weight:600;padding:2px 8px;border-radius:10px}.section-head{display:flex;justify-content:space-between;align-items:center}.btn-add-small{display:flex;align-items:center;gap:4px;padding:6px 12px;background:var(--primary);color:#fff;font-size:13px;font-weight:500;border-radius:6px;border:none;cursor:pointer}.btn-add-small:hover{background:var(--primary-hover)}.history-item{position:relative}.history-delete-btn{position:absolute;top:12px;right:12px;width:28px;height:28px;background:#0000000d;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .15s}.history-item:hover .history-delete-btn{opacity:1}.history-delete-btn:hover{background:#fee2e2;color:#dc2626}.add-skill-form{display:flex;gap:8px;margin-bottom:16px}.skill-input{flex:1;padding:10px 12px;border:1px solid var(--border);border-radius:8px;font-size:14px}.skill-input:focus{outline:none;border-color:var(--primary)}.skill-tag{display:inline-flex;align-items:center;gap:6px;position:relative}.skill-remove{width:18px;height:18px;background:#0000001a;border:none;border-radius:50%;font-size:14px;line-height:1;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center}.skill-remove:hover{background:#dc2626;color:#fff}.add-history-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.add-history-modal{background:#fff;border-radius:16px;padding:24px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;position:relative}.add-history-modal h3{margin:0 0 20px;font-size:20px;font-weight:600}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:6px}.form-group input,.form-group textarea{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px;font-size:14px;font-family:inherit}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.checkbox-group label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:var(--text-primary)}.checkbox-group input[type=checkbox]{width:18px;height:18px}.type-selector{display:flex;flex-wrap:wrap;gap:8px}.type-btn{padding:8px 14px;background:var(--bg-secondary);border:2px solid transparent;border-radius:20px;font-size:13px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .15s}.type-btn:hover{background:var(--bg-tertiary)}.type-btn.active{background:#f52d201a;border-color:var(--primary);color:var(--primary)}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.prefs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.pref-item{position:relative}.pref-label{font-size:12px;font-weight:500;color:var(--text-muted);margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.pref-value-wrapper{position:relative}.pref-value-btn{width:100%;padding:10px 12px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;font-size:14px;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .15s}.pref-value-btn:hover{border-color:var(--primary)}.pref-arrow{font-size:10px;color:var(--text-muted)}.pref-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:100;margin-top:4px;max-height:250px;overflow-y:auto}.pref-option{width:100%;padding:10px 12px;background:none;border:none;text-align:left;font-size:14px;cursor:pointer;transition:background .1s}.pref-option:hover{background:var(--bg-secondary)}.pref-option.selected{background:#f52d201a;color:var(--primary);font-weight:500}.pref-option.clear{border-top:1px solid var(--border);color:var(--text-muted);font-size:13px}.pref-checkbox{display:flex;align-items:center;gap:10px;padding:10px 12px;cursor:pointer;transition:background .1s}.pref-checkbox:hover{background:var(--bg-secondary)}.pref-checkbox input{width:16px;height:16px;accent-color:var(--primary)}.profile-tabs{display:flex;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:12px;overflow:hidden;margin-bottom:16px}.profile-tab{flex:1;background:none;border:none;padding:12px;font-size:14px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .2s}.profile-tab:hover{background:var(--bg-secondary);color:var(--text-primary)}.profile-tab.active{background:var(--bg-secondary);color:var(--primary);border-bottom:2px solid var(--primary)}.activity-content{display:flex;flex-direction:column;gap:16px}.activity-list{display:flex;flex-direction:column;gap:12px}.activity-item{background:var(--bg-secondary);border-radius:8px;padding:12px;border:1px solid var(--border-light)}.activity-item.post-item{cursor:pointer;transition:transform .15s}.activity-item.post-item:hover{transform:translateY(-1px);border-color:var(--border)}.activity-body{font-size:14px;color:var(--text-primary);margin-bottom:8px;line-height:1.5}.activity-context{font-size:12px;color:var(--text-secondary);font-style:italic;margin-bottom:4px;padding-left:8px;border-left:2px solid var(--border)}.activity-meta{font-size:11px;color:var(--text-muted)}.profile-page-editable{padding:0;max-width:600px;margin:0 auto}.avatar-wrapper-public{position:relative;display:inline-block;cursor:pointer;z-index:10;margin-top:-60px}.avatar-wrapper-public .profile-avatar-inline{border:4px solid white!important;background:#fff;object-fit:cover}.avatar-edit-icon{position:absolute;bottom:0;right:0;background:var(--primary);color:#fff;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid white;box-shadow:0 2px 4px #0000001a;transition:transform .2s}.avatar-wrapper-public:hover .avatar-edit-icon{transform:scale(1.1)}.inline-edit{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;margin-bottom:8px}.inline-edit .edit-input{text-align:center;max-width:300px;padding:8px;border:1px solid var(--primary);border-radius:6px;outline:none}.edit-buttons-mini{display:flex;gap:8px}.edit-buttons-mini button{padding:4px 12px;font-size:12px;border-radius:12px;border:1px solid var(--border);background:#fff;cursor:pointer;font-weight:500}.edit-buttons-mini button:first-child{background:var(--primary);color:#fff;border-color:var(--primary)}.edit-hint-icon{display:inline-flex;margin-left:8px;opacity:0;color:var(--text-muted);transition:opacity .2s;vertical-align:middle}.profile-name-inline:hover .edit-hint-icon,.profile-headline-inline:hover .edit-hint-icon,.profile-location-inline:hover .edit-hint-icon{opacity:1}.profile-friends-count{margin-top:12px;color:#ff4b4b;font-weight:500;font-size:14px}.visibility-note{font-size:11px;color:var(--text-muted);font-style:italic;display:inline-block;background:#00000008;padding:2px 6px;border-radius:4px;vertical-align:middle;margin-left:8px}.profile-actions-section.own-profile{display:flex;justify-content:center;padding:16px 20px;background:#fff;margin-bottom:16px;border-radius:12px;border:1px solid var(--border-light)}.btn-edit-profile{display:flex;align-items:center;gap:8px;padding:10px 24px;background:#fff;border:1px solid var(--primary);color:var(--primary);font-weight:600;font-size:14px;border-radius:24px;cursor:pointer;transition:all .2s}.btn-edit-profile:hover{background:var(--primary);color:#fff}.placeholder-text{color:var(--text-muted)!important;font-style:italic}.edit-profile-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding:40px 20px;overflow-y:auto}.edit-profile-modal{background:#fff;border-radius:12px;width:100%;max-width:560px;max-height:calc(100vh - 80px);overflow-y:auto;box-shadow:0 8px 32px #0003}.edit-profile-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-light);position:sticky;top:0;background:#fff;z-index:10}.edit-profile-modal .modal-header h3{margin:0;font-size:20px;font-weight:600}.edit-profile-modal form{padding:0}.edit-profile-modal .form-section{padding:20px 24px;border-bottom:1px solid var(--border-light)}.edit-profile-modal .form-section h4{font-size:16px;font-weight:600;margin:0 0 16px;color:var(--text-primary)}.edit-profile-modal .form-group{margin-bottom:20px}.edit-profile-modal .form-group:last-child{margin-bottom:0}.edit-profile-modal .form-group label{display:block;font-size:12px;font-weight:500;color:var(--text-secondary);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.edit-profile-modal .form-group input,.edit-profile-modal .form-group textarea{width:100%;padding:12px;border:1px solid var(--border);border-radius:8px;font-size:14px;font-family:inherit;transition:border-color .2s}.edit-profile-modal .form-group input:focus,.edit-profile-modal .form-group textarea:focus{outline:none;border-color:var(--primary)}.edit-profile-modal .form-hint{display:block;font-size:12px;color:var(--text-muted);margin-top:6px}.edit-profile-modal .modal-footer{padding:16px 24px;display:flex;justify-content:flex-end;background:var(--bg-secondary);position:sticky;bottom:0}.btn-save-modal{padding:10px 24px;background:var(--primary);color:#fff;font-weight:600;font-size:14px;border:none;border-radius:24px;cursor:pointer;transition:background .2s}.btn-save-modal:hover{background:var(--primary-hover)}.btn-save-modal:disabled{opacity:.6;cursor:not-allowed}.activity-media{position:relative;margin-top:12px;max-width:200px;margin-left:auto;margin-right:auto}.activity-thumbnail{width:100%;height:auto;max-height:200px;object-fit:contain;border-radius:8px;background:var(--bg-secondary)}.media-count{position:absolute;bottom:8px;right:8px;background:#0009;color:#fff;font-size:12px;padding:2px 8px;border-radius:12px}.activity-item.comment-item{cursor:pointer}.activity-item.comment-item:hover{transform:translateY(-1px);border-color:var(--border)}.public-profile-page{min-height:100vh;background:var(--bg-secondary)}.public-profile-header{padding:16px 20px;background:#fff;border-bottom:1px solid var(--border-light);display:flex;justify-content:flex-start;align-items:center}.back-btn{background:none;border:none;font-size:15px;color:var(--primary);cursor:pointer;font-weight:500}.public-profile-loading,.public-profile-error{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.public-profile-error button{padding:12px 24px;background:var(--primary);color:#fff;border:none;border-radius:8px;font-size:14px;cursor:pointer}.public-profile-content{max-width:600px;margin:0 auto;background:#fff}.profile-banner-public{height:160px;background:var(--primary);overflow:hidden}.profile-banner-public .banner-collage{display:grid;height:100%;gap:0}.profile-banner-public .banner-collage.photos-1{grid-template-columns:1fr}.profile-banner-public .banner-collage.photos-2{grid-template-columns:1fr 1fr}.profile-banner-public .banner-collage.photos-3{grid-template-columns:1fr 1fr 1fr}.profile-banner-public .banner-collage.photos-4{grid-template-columns:1fr 1fr 1fr 1fr}.profile-banner-public .banner-photo{overflow:hidden}.profile-banner-public .banner-photo img{width:100%;height:100%;object-fit:cover}.banner-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-hover) 100%)}.profile-avatar-section{display:flex;justify-content:center;margin-top:-60px;position:relative;z-index:1}.profile-avatar-large{border:4px solid white;box-shadow:0 4px 12px #00000026}.profile-info-section{text-align:left;padding:16px 24px 24px}.profile-name{font-size:24px;font-weight:700;margin:0;color:var(--text-primary)}.profile-age{font-weight:400;color:var(--text-secondary)}.profile-headline{font-size:14px;color:var(--text-secondary);margin:8px 0 0}.profile-location{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--text-muted);margin-top:8px}.profile-actions-section{display:flex;justify-content:flex-start;gap:12px;padding:0 24px 24px;flex-wrap:wrap}.profile-header-card{display:flex;align-items:flex-start;gap:16px;padding:20px 24px;margin-top:-30px;position:relative;z-index:1;background:#fff}.profile-avatar-inline{border:3px solid white;box-shadow:0 2px 8px #00000026;flex-shrink:0}.profile-header-info{flex:1;min-width:0;padding-top:8px;display:flex;flex-direction:column;align-items:flex-start}.profile-header-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;width:100%}.profile-name-inline{font-size:22px;font-weight:700;margin:0;color:var(--text-primary)}.profile-age-inline{font-weight:400;color:var(--text-secondary)}.lock-status-icon{display:inline-flex;align-items:center}.lock-status-icon.locked{color:var(--primary)}.profile-headline-inline{font-size:14px;color:var(--text-secondary);margin:4px 0 0;line-height:1.4}.profile-meta-row{display:flex;align-items:center;gap:12px;margin-top:6px;flex-wrap:wrap}.profile-location-inline{display:inline-flex;align-items:center;gap:4px;font-size:13px;color:var(--text-muted)}.profile-friend-count,.profile-distance{font-size:13px;color:var(--text-muted)}.friend-btn-wrapper{position:relative}.friend-dropdown-menu{position:absolute;top:100%;left:0;margin-top:4px;background:#fff;border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 12px #00000026;overflow:hidden;z-index:10;min-width:140px}.dropdown-item{width:100%;padding:10px 14px;border:none;background:none;text-align:left;font-size:14px;cursor:pointer;transition:background .15s}.dropdown-item:hover{background:var(--bg-secondary)}.dropdown-item.danger{color:#dc2626}.dropdown-item.danger:hover{background:#fef2f2}.btn-action{padding:12px 24px;border-radius:24px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:8px}.btn-friend{background:var(--primary);color:#fff;border:none}.btn-friend:hover:not(:disabled){background:var(--primary-hover)}.btn-friends{background:var(--success);color:#fff;border:none}.btn-pending{background:var(--bg-secondary);color:var(--text-muted);border:1px solid var(--border)}.btn-accept{background:var(--primary);color:#fff;border:none}.btn-accept:hover:not(:disabled){background:var(--primary-hover)}.btn-decline{background:#fff;color:var(--text-secondary);border:1px solid var(--border)}.btn-decline:hover:not(:disabled){background:var(--bg-secondary)}.btn-lockin{background:#fff;color:var(--primary);border:2px solid var(--primary)}.btn-lockin:hover:not(:disabled){background:var(--primary-light)}.btn-locked{background:var(--primary-light);color:var(--primary);border:2px solid var(--primary)}.btn-message{background:#fff;color:var(--text-primary);border:1px solid var(--border)}.btn-message:hover{background:var(--bg-secondary)}.btn-action:disabled{cursor:not-allowed;opacity:.7}.profile-section-public{padding:24px;border-top:1px solid var(--border-light)}.profile-section-public h3{font-size:16px;font-weight:600;margin:0 0 12px;color:var(--text-primary);text-align:left}.profile-section-public p{font-size:14px;color:var(--text-secondary);line-height:1.6;margin:0;text-align:left}.experiences-list{display:flex;flex-direction:column;gap:12px}.experience-item{display:flex;align-items:flex-start;gap:12px}.exp-type-badge{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:capitalize;background:var(--bg-secondary);color:var(--text-secondary)}.exp-type-badge[data-type=work]{background:#dbeafe;color:#1e40af}.exp-type-badge[data-type=hobby]{background:#d1fae5;color:#065f46}.exp-type-badge[data-type=relationship]{background:#fce7f3;color:#be185d}.exp-type-badge[data-type=education]{background:#fef3c7;color:#92400e}.exp-type-badge[data-type=life_event]{background:#ede9fe;color:#5b21b6}.exp-details{display:flex;flex-direction:column;gap:2px}.exp-details strong{font-size:14px;color:var(--text-primary)}.exp-subtitle{font-size:13px;color:var(--text-muted)}.skills-list{display:flex;flex-wrap:wrap;gap:8px}.skill-tag{padding:6px 14px;background:var(--bg-secondary);border-radius:16px;font-size:13px;color:var(--text-secondary)}.photos-grid-public{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.photo-item-public{aspect-ratio:1;border-radius:8px;overflow:hidden}.photo-item-public img{width:100%;height:100%;object-fit:cover}.preferences-grid-public{display:grid;grid-template-columns:1fr;gap:12px}.pref-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.pref-label{font-size:13px;color:var(--text-muted);font-weight:500}.pref-value{font-size:14px;color:var(--text-primary);text-transform:capitalize}.onboarding-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--flame-start) 0%,var(--flame-end) 100%);padding:20px}.onboarding-card{background:#fff;border-radius:24px;padding:40px;max-width:440px;width:100%;box-shadow:0 20px 60px #0003}.onboarding-progress{display:flex;justify-content:center;gap:12px;margin-bottom:32px}.progress-dot{width:10px;height:10px;border-radius:50%;background:var(--border);transition:all .3s}.progress-dot.active{background:var(--primary);transform:scale(1.2)}.progress-dot.completed{background:var(--success)}.onboarding-content{text-align:center;margin-bottom:32px}.onboarding-content h1{font-size:24px;font-weight:700;color:var(--text-primary);margin:0 0 8px}.onboarding-content .subtitle{font-size:14px;color:var(--text-muted);margin:0 0 24px}.error-message{background:#fef2f2;color:#dc2626;padding:12px;border-radius:8px;font-size:13px;margin-bottom:16px}.step-content{display:flex;flex-direction:column;gap:16px}.onboarding-input{width:100%;padding:14px 16px;border:2px solid var(--border-light);border-radius:12px;font-size:16px;outline:none;transition:border-color .2s;box-sizing:border-box}.onboarding-input:focus{border-color:var(--primary)}.onboarding-textarea{width:100%;padding:14px 16px;border:2px solid var(--border-light);border-radius:12px;font-size:16px;outline:none;resize:vertical;font-family:inherit;box-sizing:border-box}.onboarding-textarea:focus{border-color:var(--primary)}.photo-step{align-items:center}.photo-preview{width:180px;height:180px;border-radius:50%;border:3px dashed var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;transition:all .2s}.photo-preview:hover{border-color:var(--primary);transform:scale(1.02)}.photo-preview img{width:100%;height:100%;object-fit:cover}.photo-placeholder{text-align:center;color:var(--text-muted)}.photo-placeholder span{font-size:48px;font-weight:300;display:block;line-height:1}.photo-placeholder p{font-size:13px;margin-top:8px}.photo-success{color:var(--success);font-weight:500;font-size:14px}.onboarding-actions{display:flex;gap:12px;justify-content:center}.btn-skip{padding:14px 32px;background:transparent;border:2px solid var(--border);border-radius:12px;font-size:15px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .2s}.btn-skip:hover{border-color:var(--text-secondary)}.btn-next{padding:14px 48px;background:var(--primary);border:none;border-radius:12px;font-size:15px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s}.btn-next:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.btn-next:disabled{opacity:.5;cursor:not-allowed}.messages-page{min-height:100vh;background:var(--bg-secondary);display:flex;flex-direction:column}.messages-page-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#fff;border-bottom:1px solid var(--border-light);position:sticky;top:0;z-index:100}.messages-page-header h1{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.messages-page-header .back-btn{display:flex;align-items:center;gap:6px;background:none;border:none;color:var(--primary);font-size:14px;font-weight:500;cursor:pointer;padding:8px 12px;margin:-8px -12px;border-radius:8px;transition:background .15s}.messages-page-header .back-btn:hover{background:var(--bg-secondary)}.messages-page-content{flex:1;display:flex;flex-direction:column}.messages-page-content .messages-container{flex:1;max-width:100%;margin:0;border-radius:0;border:none}.legal-page{min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#0f0f1a);color:#e8e8e8;padding-bottom:60px}.legal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.08);position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.legal-header .back-btn{background:none;border:none;color:#f52d20;font-size:16px;cursor:pointer;padding:8px 12px;border-radius:8px;transition:background .2s}.legal-header .back-btn:hover{background:#f52d201a}.legal-header h1{font-size:18px;font-weight:600;margin:0;color:#fff}.legal-content{max-width:800px;margin:0 auto;padding:32px 20px}.legal-meta{display:flex;flex-direction:column;gap:4px;margin-bottom:32px;padding:16px;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.06)}.legal-meta span{font-size:13px;color:#888}.legal-section{margin-bottom:36px}.legal-section h2{font-size:20px;font-weight:700;color:#fff;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid rgba(245,45,32,.3)}.legal-section h3{font-size:16px;font-weight:600;color:#f52d20;margin:20px 0 12px}.legal-section p{font-size:14px;line-height:1.7;color:#b8b8b8;margin-bottom:12px}.legal-section ul{list-style:none;padding:0;margin:0 0 16px}.legal-section ul li{position:relative;padding-left:20px;margin-bottom:10px;font-size:14px;line-height:1.6;color:#b8b8b8}.legal-section ul li:before{content:"•";position:absolute;left:0;color:#f52d20;font-weight:700}.legal-section strong{color:#e8e8e8;font-weight:600}.legal-section a{color:#f52d20;text-decoration:none;transition:opacity .2s}.legal-section a:hover{opacity:.8;text-decoration:underline}.proprietary-features{background:linear-gradient(135deg,#f52d2014,#f52d2005);border:1px solid rgba(245,45,32,.2);border-radius:16px;padding:24px;margin:20px 0}.proprietary-features h4{font-size:15px;font-weight:700;color:#f52d20;margin:0 0 16px;display:flex;align-items:center;gap:8px}.proprietary-features h4:before{content:"🔒"}.feature-item{margin-bottom:16px;padding:12px;background:#0003;border-radius:8px}.feature-item:last-child{margin-bottom:0}.feature-item .feature-name{font-weight:600;color:#fff;display:block;margin-bottom:4px}.feature-item .feature-desc{font-size:13px;color:#888;line-height:1.5}.legal-notice-box{background:#ffc10714;border:1px solid rgba(255,193,7,.2);border-radius:12px;padding:16px;margin:16px 0}.legal-notice-box.warning{background:#ffc10714;border-color:#ffc10733}.legal-notice-box.info{background:#3b82f614;border-color:#3b82f633}.legal-notice-box p{margin:0;color:#e8e8e8}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:16px}.contact-item{padding:16px;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.06)}.contact-item .contact-label{font-size:12px;color:#666;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.contact-item .contact-value{font-size:14px;color:#e8e8e8}.contact-item .contact-value a{color:#f52d20}.legal-footer{margin-top:48px;padding-top:24px;border-top:1px solid rgba(255,255,255,.08);text-align:center}.legal-footer p{font-size:13px;color:#666;margin:0}@media(max-width:600px){.legal-content{padding:20px 16px}.legal-section h2{font-size:18px}.proprietary-features{padding:16px}.contact-grid{grid-template-columns:1fr}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:16px}.read-the-docs{color:#888}