.navigation{background:linear-gradient(135deg,#1a1a2e,#16213e);padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 20px #0000004d;position:sticky;top:0;z-index:100}.nav-brand{display:flex;align-items:center;gap:.5rem}.brand-logo{font-size:2rem}.brand-name{font-size:1.5rem;font-weight:800;background:linear-gradient(90deg,#e94560,#ff6b6b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.brand-tld{background:linear-gradient(90deg,gold,#fa0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.brand-tagline{font-size:.7rem;color:#888;font-style:italic;margin-left:.5rem}.nav-links{display:flex;gap:.5rem}.nav-link{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:8px;text-decoration:none;color:#a0a0a0;font-weight:500;transition:all .2s ease}.nav-link:hover{background:#e945601a;color:#e94560}.nav-link.active{background:#e9456033;color:#e94560}.nav-icon{font-size:1.2rem}.nav-mode-toggle{display:flex;align-items:center;gap:.5rem}.mode-label{color:#666;font-size:.8rem}.mode-btn{padding:.5rem 1rem;border:none;border-radius:20px;cursor:pointer;font-weight:600;font-size:.85rem;transition:all .2s ease}.mode-btn.kiss-ass{background:#2d2d44;color:#888}.mode-btn.kiss-ass.active{background:linear-gradient(135deg,#ff9a9e,#fecfef);color:#333}.mode-btn.kick-ass{background:#2d2d44;color:#888}.mode-btn.kick-ass.active{background:linear-gradient(135deg,#e94560,#ff6b6b);color:#fff}.logout-btn{padding:.5rem 1rem;border:1px solid #e94560;border-radius:8px;background:transparent;color:#e94560;font-weight:500;cursor:pointer;transition:all .2s ease}.logout-btn:hover{background:#e945601a}.auth-buttons{display:flex;gap:.75rem;align-items:center}.nav-login-btn{padding:.5rem 1rem;border:1px solid #a0a0a0;border-radius:8px;background:transparent;color:#a0a0a0;font-weight:500;text-decoration:none;transition:all .2s ease}.nav-login-btn:hover{border-color:#e94560;color:#e94560}.nav-signup-btn{padding:.5rem 1rem;border:none;border-radius:8px;background:linear-gradient(135deg,#e94560,#ff6b6b);color:#fff;font-weight:600;text-decoration:none;transition:all .2s ease}.nav-signup-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #e9456066}@media(max-width:900px){.navigation{flex-direction:row;flex-wrap:nowrap;gap:.5rem;padding:.75rem .5rem;justify-content:space-between;align-items:center}.brand-tagline{display:none}.nav-links{flex-wrap:nowrap;gap:.2rem;flex:1;justify-content:center}.nav-link{padding:.4rem .5rem;font-size:.75rem}.logout-btn{font-size:.75rem;padding:.4rem .6rem}.auth-buttons{margin-top:0}}@media(max-width:480px){.navigation{padding:.4rem;gap:.2rem}.nav-brand{gap:.15rem}.brand-logo{font-size:1.1rem}.brand-name{font-size:.85rem}.nav-links{gap:.1rem;flex:1;justify-content:center}.nav-link{padding:.3rem .35rem;font-size:.6rem;gap:.1rem}.nav-icon{font-size:.8rem}.logout-btn{padding:.25rem .4rem;font-size:.6rem}.auth-buttons{gap:.3rem}.nav-login-btn,.nav-signup-btn{padding:.3rem .5rem;font-size:.6rem}}.post-card{background:#1e1e2e;border-radius:12px;padding:1.5rem;margin-bottom:1rem;border:1px solid #2d2d44;transition:transform .2s ease,box-shadow .2s ease}.post-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0000004d}.post-card.humble-brag{border:2px solid #ffd700;position:relative}.humble-brag-badge{position:absolute;top:-12px;right:20px;background:linear-gradient(135deg,gold,#fa0);color:#1a1a2e;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:700}.post-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.author-avatar{width:48px;height:48px;background:linear-gradient(135deg,#2d2d44,#3d3d5c);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.author-avatar-initials{font-size:1.1rem;font-weight:600;color:#fff}.author-avatar-image{object-fit:cover}.author-avatar-link{text-decoration:none}.author-info{flex:1}.author-name-link{display:block;margin:0;font-size:1rem;font-weight:600;color:#fff;text-decoration:none;transition:color .2s}.author-name-link:hover{color:#e94560}.author-name{margin:0;font-size:1rem;font-weight:600;color:#fff}.author-handle{display:block;font-size:.8rem;color:#888;margin-top:.1rem}.author-title{margin:.25rem 0;font-size:.8rem;color:#888;line-height:1.3}.post-time{font-size:.75rem;color:#666}.post-menu{background:none;border:none;color:#666;cursor:pointer;padding:.5rem;font-size:1rem;letter-spacing:2px}.translator-btn{background:#2d2d44;border:none;padding:.5rem .75rem;border-radius:20px;color:#888;font-size:.75rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.translator-btn:hover{background:#3d3d5c;color:gold}.translator-btn.active{background:linear-gradient(135deg,#8b6914,#a67c00);color:#fff}.post-content{color:#e0e0e0;line-height:1.6;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #2d2d44}.post-content.translated{background:linear-gradient(135deg,#8b691426,#a67c001a);border:1px solid rgba(166,124,0,.3);border-radius:8px;padding:1rem;margin-top:.5rem}.translation-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px dashed rgba(166,124,0,.3);font-size:.8rem;color:#a67c00;font-weight:600}.post-content p{margin:0 0 .5rem}.post-content p:last-of-type{margin-bottom:0}.expand-btn{background:none;border:none;color:#888;font-size:.85rem;font-weight:500;cursor:pointer;padding:0;margin-top:.5rem;display:block;text-align:right;width:100%;transition:color .2s ease}.expand-btn:hover{color:#b0b0b0}.post-actions{display:flex;gap:.75rem;align-items:center}.reaction-btn{display:flex;align-items:center;gap:.5rem;padding:.35rem .8rem;border:none;border-radius:25px;cursor:pointer;font-size:.85rem;font-weight:600;transition:all .2s ease}.reaction-btn .reaction-emoji{font-size:1.25rem}.reaction-btn .reaction-label{color:inherit}.reaction-btn .reaction-count{background:#0003;padding:.15rem .5rem;border-radius:12px;font-size:.75rem}.reaction-btn.kiss-ass{background:linear-gradient(135deg,#ff9a9e,#fecfef);color:#4a2040}.reaction-btn.kiss-ass:hover{transform:scale(1.05);box-shadow:0 4px 15px #ff9a9e66}.reaction-btn.kiss-ass:active{transform:scale(.98)}.reaction-btn.kick-ass{background:linear-gradient(135deg,#e94560,#ff6b6b);color:#fff}.reaction-btn.kick-ass:hover{transform:scale(1.05);box-shadow:0 4px 15px #e9456066}.reaction-btn.kick-ass:active{transform:scale(.98)}.reaction-btn.kiss-ass.active{box-shadow:0 0 0 3px #ff9a9e80,0 4px 15px #ff9a9e66}.reaction-btn.kick-ass.active{box-shadow:0 0 0 3px #e9456080,0 4px 15px #e9456066}.reaction-btn.active{cursor:default}.reaction-btn.active:hover{transform:none}.reaction-btn.kiss-ass.active:hover{box-shadow:0 0 0 3px #ff9a9e80,0 4px 15px #ff9a9e66}.reaction-btn.kick-ass.active:hover{box-shadow:0 0 0 3px #e9456080,0 4px 15px #e9456066}.action-btn{background:none;border:none;color:#888;padding:.6rem .75rem;border-radius:8px;cursor:pointer;font-size:.85rem;display:flex;align-items:center;gap:.4rem;transition:all .2s ease;margin-left:auto}.action-btn:first-of-type{margin-left:auto}.action-btn:hover{background:#2d2d44;color:#e94560}.action-label{font-size:.8rem}.action-btn.active{color:#e94560}.share-btn .action-label{min-width:70px;text-align:left}.share-btn{margin-right:0;padding-right:.5rem}.comments-section{margin-top:1rem;padding-top:1rem;border-top:1px solid #2d2d44}.comments-list{max-height:300px;overflow-y:auto;margin-bottom:1rem}.comment{display:flex;gap:.75rem;padding:.75rem 0;border-bottom:1px solid #2d2d44}.comment:last-child{border-bottom:none}.comment-avatar-link{text-decoration:none}.comment-avatar{width:32px;height:32px;background:linear-gradient(135deg,#2d2d44,#3d3d5c);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.comment-avatar-initials{font-size:.75rem;font-weight:600;color:#fff}.comment-avatar-image{object-fit:cover}.comment-body{flex:1;min-width:0}.comment-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.comment-author{color:#fff;font-size:.85rem;font-weight:600;text-decoration:none;transition:color .2s}.comment-author:hover{color:#e94560}.comment-time{color:#666;font-size:.75rem}.comment-content{margin:0;color:#a0a0a0;font-size:.85rem;line-height:1.4}.comment-actions{display:flex;gap:.5rem;margin-top:.5rem}.comment-reaction-btn{display:flex;align-items:center;gap:.25rem;padding:.2rem .5rem;border:none;border-radius:12px;background:#2d2d44;cursor:pointer;font-size:.75rem;transition:all .2s ease}.comment-reaction-btn:hover:not(:disabled){background:#3d3d5c;transform:scale(1.05)}.comment-reaction-btn.active{cursor:default}.comment-reaction-btn.active:first-child{background:linear-gradient(135deg,#ff9a9e,#fecfef)}.comment-reaction-btn.active:last-child{background:linear-gradient(135deg,#e94560,#ff6b6b)}.comment-reaction-count{color:#a0a0a0;font-weight:600}.comment-reaction-btn.active .comment-reaction-count{color:#fff}.no-comments{color:#666;font-size:.85rem;text-align:center;padding:1rem 0;margin:0}.comment-input-wrapper{display:flex;align-items:center;gap:.5rem}.comment-char-count{color:#666;font-size:.75rem;flex-shrink:0}.comment-input{flex:1;background:#2d2d44;border:1px solid #3d3d5c;border-radius:20px;padding:.6rem 1rem;color:#e0e0e0;font-size:.85rem;transition:border-color .2s}.comment-input:focus{outline:none;border-color:#e94560}.comment-input::placeholder{color:#666}.comment-input:disabled{opacity:.6}.comment-submit{background:linear-gradient(135deg,#e94560,#ff6b6b);border:none;padding:.6rem 1rem;border-radius:20px;color:#fff;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s ease}.comment-submit:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 15px #e9456066}.comment-submit:disabled{opacity:.5;cursor:not-allowed}@media(max-width:600px){.post-actions{flex-wrap:nowrap;gap:.5rem}.reaction-btn{flex:1;justify-content:center;padding:.3rem .5rem}.reaction-btn .reaction-label{display:none}.action-btn{margin-left:0;padding:.3rem .5rem;flex-shrink:0}.action-label{display:none}}.report-btn{color:#888;text-decoration:none;margin-left:0;padding-left:.5rem}.report-btn:hover{color:#ff6b6b;text-decoration:none;background:transparent;transform:none}.report-status{padding:.5rem 1rem;margin-top:.5rem;background:#2d2d44;border-radius:8px;font-size:.85rem;color:#4ade80;text-align:center}.comment-error{padding:.5rem;margin-bottom:.5rem;background:#ef44441a;border-radius:6px;font-size:.8rem;color:#ef4444;text-align:center}.report-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.report-modal{background:#1e1e2e;border-radius:12px;padding:1.5rem;max-width:400px;width:90%;border:1px solid #2d2d44}.report-modal h3{margin:0 0 .5rem;color:#fff}.report-modal p{color:#888;margin-bottom:1rem;font-size:.9rem}.report-reasons{display:flex;flex-direction:column;gap:.5rem}.report-reasons button{background:#2d2d44;border:1px solid #3d3d5c;color:#fff;padding:.75rem 1rem;border-radius:8px;cursor:pointer;text-align:left;transition:background .2s ease}.report-reasons button:hover{background:#3d3d5c}.report-cancel{width:100%;margin-top:1rem;padding:.75rem;background:transparent;border:1px solid #3d3d5c;color:#888;border-radius:8px;cursor:pointer;transition:background .2s ease}.report-cancel:hover{background:#2d2d44}.comment-report-btn{margin-left:auto;background:transparent!important;border:none;color:#888;font-size:.75rem;cursor:pointer;padding:.25rem .5rem;transition:color .2s ease;text-decoration:none}.comment-report-btn:hover{color:#ff6b6b;background:transparent!important;transform:none!important;text-decoration:none}.delete-btn{color:#888;text-decoration:none;margin-left:0;padding-left:.5rem}.delete-btn:hover{color:#e94560;text-decoration:none;background:transparent;transform:none}.comment-delete-btn{margin-left:auto;background:transparent!important;border:none;color:#888;font-size:.75rem;cursor:pointer;padding:.25rem .5rem;transition:color .2s ease;text-decoration:none}.comment-delete-btn:hover{color:#e94560!important;background:transparent!important;transform:none!important;text-decoration:none}.delete-confirm-actions{display:flex;flex-direction:column;gap:.5rem}.delete-confirm-btn{width:100%;padding:.75rem 1rem;background:linear-gradient(135deg,#e94560,#ff6b6b);border:none;color:#fff;border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s ease}.delete-confirm-btn:hover{box-shadow:0 4px 15px #e9456066}.profile-card{background:#1e1e2e;border-radius:12px;overflow:hidden;border:1px solid #2d2d44}.profile-banner{height:100px;background:linear-gradient(135deg,#e94560,#ff6b6b,#feca57);position:relative}.edit-profile-btn{position:absolute;top:.75rem;right:.75rem;padding:.4rem .75rem;background:#0000004d;border:none;border-radius:6px;color:#fff;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease}.edit-profile-btn:hover{background:#00000080}.edit-actions{position:absolute;top:.75rem;right:.75rem;display:flex;gap:.5rem}.edit-actions .cancel-btn,.edit-actions .save-btn{padding:.4rem .75rem;border:none;border-radius:6px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease}.edit-actions .cancel-btn{background:#0000004d;color:#fff}.edit-actions .cancel-btn:hover{background:#00000080}.edit-actions .save-btn{background:#fff;color:#1a1a2e}.edit-actions .save-btn:hover{background:#e0e0e0}.banner-pattern{position:absolute;inset:0;background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(0,0,0,.1) 10px,rgba(0,0,0,.1) 20px)}.profile-main{padding:1.5rem;text-align:center;position:relative}.profile-avatar{width:80px;height:80px;background:#2d2d44;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;margin:-50px auto 1rem;border:4px solid #1e1e2e}.profile-avatar-initials{font-size:1.8rem;font-weight:600;color:#fff}.profile-avatar-image{width:80px;height:80px;border-radius:50%;object-fit:cover;margin:-50px auto 1rem;border:4px solid #1e1e2e}.profile-name{margin:0;font-size:1.25rem;color:#fff}.profile-handle{display:block;font-size:.85rem;color:#888;margin-top:.25rem}.profile-title{margin:.5rem 0 1rem;font-size:.85rem;color:#888;line-height:1.4}.profile-connections{display:flex;justify-content:center;gap:2rem;margin-bottom:1rem}.connection-stat{display:flex;flex-direction:column;align-items:center;text-decoration:none;padding:.5rem 1rem;border-radius:8px;transition:all .2s ease}.connection-stat:hover{background:#e945601a}.connection-value{font-size:1.25rem;font-weight:700;color:#e94560}.connection-stat:hover .connection-value{color:#ff6b6b}.connection-label{font-size:.75rem;color:#888;margin-top:.25rem}.edit-name-input,.edit-title-input{width:100%;padding:.5rem .75rem;border:1px solid #2d2d44;border-radius:6px;background:#0f0f1a;color:#fff;font-size:1rem;text-align:center;transition:border-color .2s ease}.edit-name-input:focus,.edit-title-input:focus{outline:none;border-color:#e94560}.edit-name-input{font-size:1.25rem;font-weight:600}.edit-title-input{font-size:.85rem;margin-top:.5rem;margin-bottom:1rem}.profile-stats{padding:1rem 0;border-top:1px solid #2d2d44;border-bottom:1px solid #2d2d44}.stats-section{padding:.75rem 0}.stats-section:first-child{padding-top:0}.stats-section:last-child{padding-bottom:0}.stats-section+.stats-section{border-top:1px dashed #2d2d44}.stats-title{font-size:.7rem;text-transform:uppercase;letter-spacing:.5px;color:#666;margin:0 0 .75rem;font-weight:600}.stats-row{display:flex;justify-content:center;gap:2rem}.stat{display:flex;flex-direction:column;align-items:center}.stat-emoji{font-size:1.5rem;margin-bottom:.25rem}.stat-value{font-size:1.25rem;font-weight:700;color:#e94560}.stat-label{font-size:.7rem;color:#666;margin-top:.25rem;text-align:center}.profile-meters{padding:1rem 0}.meter{margin-bottom:1rem}.meter label{display:block;text-align:left;font-size:.75rem;color:#888;margin-bottom:.5rem}.meter-bar{height:12px;background:#2d2d44;border-radius:6px;overflow:hidden}.meter-fill{height:100%;border-radius:6px;transition:width .5s ease}.meter-fill.humility{background:linear-gradient(90deg,#ff9a9e,#fecfef)}.meter-fill.hustle{background:linear-gradient(90deg,#e94560,#ff6b6b)}.profile-section{padding:1rem 0;border-top:1px solid #2d2d44;text-align:left}.profile-section h3{font-size:.9rem;color:#fff;margin:0 0 .75rem}.buzzword-grid{display:flex;flex-wrap:wrap;gap:.5rem}.buzzword{background:#2d2d44;color:#e94560;padding:.35rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500}.endorsements{display:flex;flex-direction:column;gap:.5rem}.endorsement{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #2d2d44}.endorsement:last-child{border-bottom:none}.endorsement-name{color:#e0e0e0;font-size:.85rem}.endorsement-count{color:#666;font-size:.75rem}.loading-container{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:#0f0f1a;z-index:50}.loading-spinner{width:40px;height:40px;border:3px solid #2d2d44;border-top-color:#e94560;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-message{color:#888;font-size:.95rem}*{box-sizing:border-box}:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#e0e0e0;background-color:#0f0f1a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}#root{width:100%;min-height:100vh}a{color:#e94560;text-decoration:none;transition:color .2s}a:hover{color:#ff6b6b}h1,h2,h3,h4,h5,h6{color:#fff;margin:0}button{font-family:inherit}::selection{background:#e945604d;color:#fff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#1e1e2e}::-webkit-scrollbar-thumb{background:#3d3d5c;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#e94560}.landing{min-height:100vh;background:#0f0f1a}.landing-nav{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 4rem;position:fixed;top:0;left:0;right:0;z-index:100;background:#0f0f1ae6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.landing-logo{display:flex;align-items:center;gap:.5rem}.logo-icon{font-size:2rem}.logo-text{font-size:1.5rem;font-weight:800;background:linear-gradient(90deg,#e94560,#ff6b6b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-nav-links{display:flex;align-items:center;gap:2rem}.landing-nav-links a{color:#a0a0a0;text-decoration:none;font-weight:500;transition:color .2s}.landing-nav-links a:hover{color:#fff}.landing-nav-links .nav-login{border:1px solid #a0a0a0;color:#a0a0a0;padding:.65rem 1.25rem;border-radius:25px;font-weight:500;margin-left:0rem}.landing-nav-links .nav-login:hover{border-color:#e94560;color:#e94560}.landing-nav-links .nav-cta{background:linear-gradient(135deg,#e94560,#ff6b6b);color:#fff;padding:.75rem 1.5rem;border-radius:25px;font-weight:600}.landing-nav-links .nav-cta:hover{transform:scale(1.05);box-shadow:0 4px 20px #e9456066}.hero{min-height:100vh;display:flex;align-items:center;justify-content:space-between;padding:8rem 4rem 4rem;gap:2rem;max-width:1200px;margin:0 auto}.hero-content{flex:1;max-width:600px}.hero-title{font-size:3.5rem;font-weight:800;line-height:1.1;margin:0 0 1.5rem;color:#fff}.highlight-kiss{background:linear-gradient(135deg,#ff9a9e,#fecfef);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.highlight-kick{background:linear-gradient(135deg,#e94560,#ff6b6b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.25rem;color:#888;line-height:1.6;margin-bottom:2rem}.hero-ctas{display:flex;gap:1rem}.cta-primary{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#e94560,#ff6b6b);color:#fff;padding:.75rem 1.5rem;border-radius:25px;font-weight:700;font-size:.95rem;text-decoration:none;transition:all .3s ease}.cta-primary:hover{transform:translateY(-3px);box-shadow:0 10px 30px #e9456066}.cta-primary.large{padding:.9rem 1.75rem;font-size:1rem}.cta-secondary{display:inline-flex;align-items:center;padding:.75rem 1.5rem;border-radius:25px;font-weight:600;font-size:.95rem;text-decoration:none;color:#a0a0a0;border:2px solid #2d2d44;transition:all .3s ease}.cta-secondary:hover{border-color:#e94560;color:#e94560}.hero-preview{flex:1;max-width:450px}.preview-card{background:#1e1e2e;border-radius:16px;padding:1.5rem;border:1px solid #2d2d44;box-shadow:0 20px 60px #00000080;transform:rotate(2deg);transition:transform .3s ease}.preview-card:hover{transform:rotate(0)}.preview-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.preview-avatar{width:48px;height:48px;background:#2d2d44;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.preview-name{color:#fff;font-weight:600}.preview-title{color:#666;font-size:.8rem}.preview-content{color:#e0e0e0;line-height:1.6;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #2d2d44}.preview-actions{display:flex;gap:.75rem;margin-bottom:1rem}.preview-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;border-radius:20px;font-weight:600;font-size:.85rem;cursor:pointer}.preview-btn.kiss{background:linear-gradient(135deg,#ff9a9e,#fecfef);color:#4a2040}.preview-btn.kick{background:linear-gradient(135deg,#e94560,#ff6b6b);color:#fff}.preview-btn span{background:#0003;padding:.15rem .5rem;border-radius:10px;font-size:.75rem}.preview-translator{background:#8b691426;border:1px solid rgba(166,124,0,.3);border-radius:8px;padding:.75rem}.translator-label{color:#a67c00;font-size:.75rem;font-weight:600;margin-bottom:.5rem}.translator-text{color:#888;font-size:.85rem;font-style:italic}.features{padding:4rem;background:linear-gradient(180deg,#0f0f1a,#1a1a2e)}.section-title{text-align:center;font-size:2.5rem;font-weight:800;color:#fff;margin:0 0 1rem}.section-subtitle{text-align:center;color:#888;font-size:1.1rem;margin-bottom:3rem}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1000px;margin:3rem auto 0}.feature-card{background:#1e1e2e;border-radius:16px;padding:2rem;border:1px solid #2d2d44;text-align:center;transition:all .3s ease}.feature-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0000004d;border-color:#e94560}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature-card h3{color:#fff;font-size:1.25rem;margin:0 0 .75rem}.feature-card p{color:#888;line-height:1.6;margin:0}.emotions{padding:2rem 4rem}.emotions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;max-width:1000px;margin:2rem auto 0}.emotion-card{border-radius:16px;padding:2rem;border:2px solid}.emotion-card.kiss{background:linear-gradient(135deg,#ff9a9e1a,#fecfef0d);border-color:#ff9a9e4d}.emotion-card.kick{background:linear-gradient(135deg,#e945601a,#ff6b6b0d);border-color:#e945604d}.emotion-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.emotion-emoji{font-size:2.5rem}.emotion-header h3{font-size:1.75rem;margin:0}.emotion-card.kiss .emotion-header h3{color:#ff9a9e}.emotion-card.kick .emotion-header h3{color:#e94560}.emotion-list{list-style:none;padding:0;margin:0 0 1.5rem}.emotion-list li{color:#a0a0a0;position:relative;padding:.5rem 0 .5rem 1.5rem}.emotion-list li:before{content:"✓";position:absolute;left:0}.emotion-card.kiss .emotion-list li:before{color:#ff9a9e}.emotion-card.kick .emotion-list li:before{color:#e94560}.emotion-example{font-style:italic;padding:1rem;border-radius:8px;font-size:.9rem}.emotion-card.kiss .emotion-example{background:#ff9a9e1a;color:#ff9a9e}.emotion-card.kick .emotion-example{background:#e945601a;color:#e94560}.final-cta{padding:6rem 4rem;text-align:center;background:linear-gradient(180deg,transparent,rgba(233,69,96,.1))}.final-cta h2{font-size:2.5rem;font-weight:800;color:#fff;margin:0 0 1rem}.final-cta p{color:#888;font-size:1.1rem;margin-bottom:2rem}.landing-footer{background:#1a1a2e;padding:4rem;border-top:1px solid #2d2d44}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr;gap:4rem;max-width:1200px;margin:0 auto 3rem}.footer-brand .logo-icon{font-size:2.5rem}.footer-brand .logo-text{font-size:1.75rem}.footer-brand p{color:#666;margin-top:.5rem}.footer-links h4{color:#fff;margin:0 0 1rem;font-size:1rem}.footer-links a{display:block;color:#888;text-decoration:none;padding:.35rem 0;transition:color .2s}.footer-links a:hover{color:#e94560}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid #2d2d44}.footer-bottom p{color:#666;margin:0;font-size:.9rem}@media(max-width:1024px){.hero{flex-direction:row;padding:5rem 1.5rem 2rem;gap:1.5rem;min-height:auto}.hero-content{flex:1}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.hero-preview{flex:1;max-width:350px}.preview-card{transform:none;padding:1rem}.features-grid{grid-template-columns:repeat(3,1fr);gap:1rem}.emotions-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.footer-content{grid-template-columns:2fr 1fr 1fr;gap:2rem}}@media(max-width:768px){.landing-nav{padding:1rem}.landing-nav-links{gap:.75rem}.landing-nav-links a{font-size:.8rem}.landing-nav-links .nav-login,.landing-nav-links .nav-cta{padding:.5rem .75rem;font-size:.8rem}.hero{padding:5rem 1.5rem 3rem}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.features,.emotions,.final-cta{padding:4rem 1.5rem}.section-title{font-size:1.75rem}.landing-footer{padding:2rem 1.5rem}}@media(max-width:480px){.landing-nav{padding:.75rem 1rem;flex-wrap:wrap;gap:.5rem}.logo-text{font-size:1.25rem}.landing-nav-links{gap:.5rem}.landing-nav-links .nav-login,.landing-nav-links .nav-cta{padding:.5rem .75rem;font-size:.85rem}.hero{flex-direction:row;padding:calc(64px + 14rem) .75rem 1rem;gap:.75rem;align-items:center;min-height:auto}.hero-content{flex:1;text-align:left}.hero-title{font-size:1.1rem}.hero-subtitle{font-size:.7rem;margin-bottom:1rem}.hero-ctas{flex-direction:row;gap:.4rem}.cta-primary,.cta-secondary{padding:.4rem .6rem;font-size:.6rem}.hero-preview{flex:0 0 auto;max-width:170px}.preview-card{padding:.5rem}.preview-header{gap:.4rem;margin-bottom:.5rem}.preview-avatar{width:32px;height:32px;font-size:1rem}.preview-name{font-size:.75rem}.preview-title{font-size:.6rem}.preview-content{font-size:.65rem;line-height:1.3;margin-bottom:.5rem;padding-bottom:.5rem}.preview-actions{gap:.2rem;margin-bottom:0;flex-wrap:wrap}.preview-btn{font-size:.5rem;padding:.2rem .25rem;white-space:nowrap;gap:.15rem;flex:1;justify-content:center;min-width:0}.preview-btn span{padding:.05rem .15rem;font-size:.45rem}.preview-translator{display:none}.features,.emotions,.final-cta{padding:2rem .75rem}.emotions{padding-top:14rem}.section-title{font-size:1.25rem}.section-subtitle{font-size:.8rem;margin-bottom:1.5rem}.features-grid{grid-template-columns:repeat(3,1fr);gap:.5rem}.feature-card{padding:.75rem;border-radius:10px}.feature-icon{font-size:1.75rem;margin-bottom:.5rem}.feature-card h3{font-size:.75rem;margin-bottom:.25rem}.feature-card p{font-size:.65rem;line-height:1.3}.emotions-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.emotion-card{padding:.75rem;border-radius:10px}.emotion-header{gap:.5rem;margin-bottom:.75rem}.emotion-emoji{font-size:1.5rem}.emotion-header h3{font-size:1rem}.emotion-list{margin-bottom:.75rem}.emotion-list li{font-size:.7rem;padding:.25rem 0 .25rem 1rem}.emotion-example{font-size:.7rem;padding:.5rem}.final-cta h2{font-size:1.4rem}.final-cta p{font-size:.85rem}.final-cta .cta-primary.large{padding:.6rem 1rem;font-size:.75rem}.landing-footer{padding:1.5rem .75rem}.footer-content{grid-template-columns:2fr 1fr 1fr;gap:1rem}.footer-brand .logo-text{font-size:1rem}.footer-brand p{font-size:.65rem}.footer-links h4{font-size:.7rem;margin-bottom:.5rem}.footer-links a{font-size:.65rem;padding:.2rem 0}.footer-bottom p{font-size:.65rem}}.login-page{min-height:100vh;background:#0f0f1a;display:flex;align-items:center;justify-content:center;padding:2rem}.login-container{width:100%;max-width:400px}.login-header{text-align:center;margin-bottom:2rem}.login-logo{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none}.login-logo .logo-icon{font-size:2.5rem}.login-logo .logo-text{font-size:2rem;font-weight:800;background:linear-gradient(90deg,#e94560,#ff6b6b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-tagline{color:#666;margin-top:.5rem;font-size:.9rem}.login-card{background:#1e1e2e;border-radius:16px;padding:2rem;border:1px solid #2d2d44}.login-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem}.login-tab{flex:1;padding:.75rem;border:none;border-radius:8px;background:transparent;color:#666;font-weight:600;cursor:pointer;transition:all .2s ease}.login-tab:hover{color:#a0a0a0}.login-tab.active{background:#2d2d44;color:#fff}.login-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:#a0a0a0;font-size:.85rem;font-weight:500}.form-group input{padding:.875rem 1rem;border:1px solid #2d2d44;border-radius:8px;background:#0f0f1a;color:#fff;font-size:1rem;transition:border-color .2s ease}.form-group input::placeholder{color:#444}.form-group input:focus{outline:none;border-color:#e94560}.input-hint{color:#666;font-size:.75rem;margin-top:.25rem}.form-options{display:flex;justify-content:space-between;align-items:center}.remember-me{display:flex;align-items:center;gap:.5rem;color:#888;font-size:.85rem;cursor:pointer}.remember-me input[type=checkbox]{accent-color:#e94560}.forgot-password{color:#e94560;font-size:.85rem;text-decoration:none}.forgot-password:hover{text-decoration:underline}.terms-checkbox{display:flex;align-items:flex-start;gap:.5rem;color:#888;font-size:.85rem;cursor:pointer;line-height:1.4}.terms-checkbox input[type=checkbox]{accent-color:#e94560;margin-top:.2rem;flex-shrink:0}.terms-checkbox a{color:#e94560;text-decoration:none}.terms-checkbox a:hover{text-decoration:underline}.login-submit{padding:1rem;border:none;border-radius:8px;background:linear-gradient(135deg,#e94560,#ff6b6b);color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease;margin-top:.5rem}.login-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #e945604d}.login-submit:disabled{opacity:.6;cursor:not-allowed}.login-error{background:#e945601a;border:1px solid #e94560;border-radius:8px;padding:.75rem 1rem;color:#e94560;font-size:.9rem;text-align:center}.login-divider{display:flex;align-items:center;gap:1rem;margin:1.5rem 0}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:#2d2d44}.login-divider span{color:#666;font-size:.8rem}.social-logins{display:flex;gap:1rem}.social-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;border:1px solid #2d2d44;border-radius:8px;background:transparent;color:#a0a0a0;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.social-btn:hover{border-color:#444;background:#2d2d44}.social-btn span{font-weight:700}.social-btn.facebook span{color:#1877f2}.social-btn.google span{color:#ea4335}.login-footer{text-align:center;margin-top:1.5rem;color:#666;font-size:.9rem}.login-footer button{background:none;border:none;color:#e94560;font-weight:600;cursor:pointer}.login-footer button:hover{text-decoration:underline}.feed-page{display:grid;grid-template-columns:250px 1fr 300px;gap:1.5rem;max-width:1400px;margin:0 auto;padding:1.5rem}.feed-sidebar{display:flex;flex-direction:column;gap:1rem}.sidebar-card{background:#1e1e2e;border-radius:12px;padding:1rem;border:1px solid #2d2d44}.sidebar-card h3{font-size:.9rem;color:#fff;margin:0 0 .75rem;padding-bottom:.5rem;border-bottom:1px solid #2d2d44}.sidebar-link-card{text-decoration:none;display:block;transition:all .2s ease}.sidebar-link-card:hover{border-color:#e94560;transform:translateY(-2px)}.sidebar-link-card h3{border-bottom:none;padding-bottom:0;margin-bottom:.25rem}.sidebar-link-description{color:#888;font-size:.8rem;margin:0}.profile-summary{text-align:center}.profile-summary-link{text-decoration:none;display:block;cursor:pointer}.profile-summary-link:hover .profile-summary-name{color:#e94560}.profile-summary-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.profile-summary-avatar{width:50px;height:50px;background:linear-gradient(135deg,#2d2d44,#3d3d5c);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.profile-summary-avatar-initials{font-size:1.2rem;font-weight:600;color:#fff}.profile-summary-avatar-image{object-fit:cover}.profile-summary-info{text-align:left;flex:1;min-width:0}.profile-summary-name{display:block;color:#fff;font-size:.95rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-summary-handle{display:block;color:#888;font-size:.8rem}.profile-summary-title{color:#a0a0a0;font-size:.75rem;margin:0 0 .75rem;line-height:1.4;text-align:left}.profile-summary-stats{display:flex;justify-content:space-around;padding-top:.75rem;border-top:1px solid #2d2d44}.summary-stat{display:flex;flex-direction:column;align-items:center}.summary-stat-value{color:#e94560;font-size:1.1rem;font-weight:700}.summary-stat-label{color:#666;font-size:.7rem;margin-top:.1rem}.summary-stat.clickable{text-decoration:none;padding:.5rem;border-radius:8px;transition:all .2s ease;cursor:pointer}.summary-stat.clickable:hover{background:#e945601a}.summary-stat.clickable:hover .summary-stat-value{color:#ff6b6b}.hashtag-list{list-style:none;padding:0;margin:0}.hashtag-list li{padding:.5rem 0;color:#e94560;font-size:.85rem;cursor:pointer;transition:color .2s}.hashtag-list li:hover{color:#ff6b6b}.news-list{list-style:none;padding:0;margin:0}.news-list li{padding:.75rem 0;color:#a0a0a0;font-size:.8rem;border-bottom:1px solid #2d2d44}.news-list li:last-child{border-bottom:none}.feed-main{min-width:0}.feed-controls{display:flex;justify-content:space-between;gap:1rem;margin-bottom:1rem}.feed-sort-box{display:flex;align-items:center;gap:.5rem;background:#1e1e2e;border:1px solid #2d2d44;border-radius:12px;padding:.5rem}.sort-label{color:#666;font-size:.85rem;padding-left:.5rem}.sort-dropdown{padding:.4rem .75rem;background:transparent;border:none;border-radius:6px;color:#a0a0a0;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.sort-dropdown:hover,.sort-dropdown:focus{color:#e94560;outline:none}.sort-dropdown option{background:#1e1e2e;color:#e0e0e0}.refresh-btn{padding:.4rem .6rem;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-left:1px solid #2d2d44;border-radius:0;color:#888;font-size:1.1rem;cursor:pointer;transition:all .2s ease;margin-left:.25rem}.refresh-btn:hover:not(:disabled){color:#e94560}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.feed-tabs{display:flex;gap:.5rem;background:#1e1e2e;border-radius:12px;padding:.5rem;border:1px solid #2d2d44;flex:1}.feed-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.4rem 1rem;background:transparent;border:none;border-radius:8px;color:#888;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.feed-tab:hover{background:#e945601a;color:#e94560}.feed-tab.active{background:linear-gradient(135deg,#e94560,#ff6b6b);color:#fff;box-shadow:0 4px 15px #e945604d}.feed-tab .tab-icon{font-size:1.1rem}.feed-tab .tab-text{font-weight:600}.empty-feed{background:#1e1e2e;border-radius:12px;padding:3rem 2rem;border:1px solid #2d2d44;text-align:center}.empty-feed .empty-icon{font-size:3rem;display:block;margin-bottom:1rem}.empty-feed h3{color:#fff;font-size:1.1rem;margin:0 0 .5rem}.empty-feed p{color:#888;font-size:.9rem;margin:0}.load-more-container{display:flex;justify-content:center;padding:1.5rem 0}.load-more-btn{background:#2d2d44;color:#e0e0e0;border:1px solid #3d3d5c;border-radius:8px;padding:.6rem 2rem;font-size:.9rem;cursor:pointer;transition:background .2s}.load-more-btn:hover:not(:disabled){background:#3d3d5c}.load-more-btn:disabled{opacity:.6;cursor:default}.post-composer{background:#1e1e2e;border-radius:12px;padding:1rem;margin-bottom:1rem;border:1px solid #2d2d44}.composer-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.composer-avatar{width:40px;height:40px;background:#2d2d44;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.composer-prompt{color:#666;font-size:.9rem}.composer-input{width:100%;background:#2d2d44;border:none;border-radius:8px;padding:1rem;color:#e0e0e0;font-family:inherit;font-size:.9rem;resize:vertical;min-height:100px}.composer-input:focus{outline:2px solid #e94560}.composer-input::placeholder{color:#666}.composer-error{background:#e945601a;border:1px solid #e94560;border-radius:8px;padding:.75rem 1rem;color:#e94560;font-size:.9rem;margin-top:.75rem}.composer-footer{margin-top:1rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem;position:relative}.composer-char-count{color:#666;font-size:.8rem}.composer-tools{display:flex;gap:.5rem}.tool-btn{background:#2d2d44;border:none;padding:.5rem .75rem;border-radius:20px;color:#a0a0a0;font-size:.8rem;cursor:pointer;transition:all .2s}.tool-btn:hover{background:#3d3d5c;color:#e94560}.tool-btn.generate-btn{background:linear-gradient(135deg,#e94560,#ff6b6b);color:#fff;font-weight:600}.tool-btn.generate-btn:hover{transform:scale(1.05);box-shadow:0 4px 15px #e9456066}.templates-dropdown{position:absolute;top:100%;left:0;background:#2d2d44;border-radius:8px;padding:.5rem;z-index:10;width:100%;max-height:200px;overflow-y:auto;box-shadow:0 4px 20px #0006}.template-option{display:block;width:100%;text-align:left;background:none;border:none;padding:.75rem;color:#a0a0a0;font-size:.8rem;cursor:pointer;border-radius:4px}.template-option:hover{background:#3d3d5c;color:#e94560}.post-btn{background:linear-gradient(135deg,#e94560,#ff6b6b);border:none;padding:.75rem 1.5rem;border-radius:25px;color:#fff;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.post-btn:hover{transform:scale(1.05);box-shadow:0 4px 15px #e9456066}.feed-filter{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;color:#666;font-size:.85rem}.filter-btn{background:#2d2d44;border:none;padding:.5rem 1rem;border-radius:20px;color:#a0a0a0;font-size:.8rem;cursor:pointer;transition:all .2s}.filter-btn:hover,.filter-btn.active{background:#e94560;color:#fff}.people-search{width:100%;background:#2d2d44;border:1px solid #3d3d5c;border-radius:8px;padding:.6rem .75rem;color:#e0e0e0;font-size:.85rem;margin-bottom:.75rem;transition:border-color .2s}.people-search:focus{outline:none;border-color:#e94560}.people-search::placeholder{color:#666}.suggestion-list{display:flex;flex-direction:column;gap:.75rem}.suggestion{display:flex;align-items:center;gap:.75rem}.suggestion-avatar{width:40px;height:40px;background:#2d2d44;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.suggestion-avatar-image{object-fit:cover}.suggestion-info{flex:1;min-width:0}.suggestion-avatar-link{text-decoration:none}.suggestion-name-link{display:block;color:#fff;font-size:.85rem;font-weight:500;text-decoration:none;transition:color .2s}.suggestion-name-link:hover{color:#e94560}.suggestion-name{display:block;color:#fff;font-size:.85rem;font-weight:500}.suggestion-handle{display:block;color:#888;font-size:.75rem}.suggestion-title{display:block;color:#666;font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.following-badge{background:#2d2d44;padding:.35rem .75rem;border-radius:20px;color:#888;font-size:.75rem;flex-shrink:0}.tolerate-btn{background:none;border:1px solid #e94560;padding:.35rem .75rem;border-radius:20px;color:#e94560;font-size:.75rem;cursor:pointer;transition:all .2s}.tolerate-btn:hover{background:#e94560;color:#fff}.no-suggestions{color:#666;font-size:.85rem;text-align:center;padding:.5rem 0}.sidebar-card.promo{background:linear-gradient(135deg,#1e1e2e,#2d2d44);border-color:gold}.sidebar-card.promo p{color:#a0a0a0;font-size:.8rem;margin:.5rem 0}.sidebar-card.promo ul{list-style:none;padding:0;margin:.75rem 0}.sidebar-card.promo li{padding:.35rem 0;color:gold;font-size:.75rem}.sidebar-card.promo li:before{content:"✨ "}.premium-btn{width:100%;background:linear-gradient(135deg,gold,#fa0);border:none;padding:.75rem;border-radius:8px;color:#1a1a2e;font-weight:600;font-size:.8rem;cursor:pointer;transition:transform .2s}.premium-btn:hover{transform:scale(1.02)}@media(max-width:1100px){.feed-page{grid-template-columns:1fr}.feed-sidebar,.feed-sidebar.right{display:none}}@media(max-width:500px){.feed-controls{flex-direction:column;align-items:stretch}.sort-label{display:none}.feed-tab{padding:.5rem .75rem;font-size:.8rem}.feed-tab .tab-text{font-size:.8rem}.feed-tab .tab-icon{font-size:1rem}}.guest-cta{text-align:center}.guest-cta h3{border-bottom:none;padding-bottom:0;margin-bottom:.5rem}.guest-cta p{color:#888;font-size:.85rem;margin:0 0 1rem;line-height:1.4}.guest-signup-btn{display:block;width:100%;background:linear-gradient(135deg,#e94560,#ff6b6b);color:#fff;text-decoration:none;padding:.75rem;border-radius:8px;font-weight:600;font-size:.9rem;text-align:center;transition:all .2s ease;margin-bottom:.75rem}.guest-signup-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #e9456066}.guest-login-link{display:block;color:#888;text-decoration:none;font-size:.8rem;transition:color .2s ease}.guest-login-link:hover{color:#e94560}.guest-welcome-banner{background:linear-gradient(135deg,#1e1e2e,#2d2d44);border:1px solid #3d3d5c;border-radius:12px;padding:2rem;text-align:center;margin-bottom:1.5rem}.guest-welcome-banner h2{color:#fff;font-size:1.5rem;margin:0 0 .5rem}.guest-welcome-banner p{color:#a0a0a0;margin:0 0 1.5rem;font-size:1rem}.guest-welcome-actions{display:flex;gap:1rem;justify-content:center}.guest-welcome-btn{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;font-size:.95rem;text-decoration:none;transition:all .2s ease}.guest-welcome-btn.primary{background:linear-gradient(135deg,#e94560,#ff6b6b);color:#fff}.guest-welcome-btn.primary:hover{transform:translateY(-2px);box-shadow:0 4px 15px #e9456066}.guest-welcome-btn.secondary{background:transparent;border:1px solid #e94560;color:#e94560}.guest-welcome-btn.secondary:hover{background:#e945601a}.login-prompt-toast{position:fixed;top:80px;left:50%;transform:translate(-50%);background:#1e1e2e;border:1px solid #e94560;border-radius:8px;padding:.75rem 1.5rem;z-index:1000;animation:slideDown .3s ease;box-shadow:0 4px 20px #0006}.login-prompt-toast span{color:#e0e0e0;font-size:.9rem}.login-prompt-toast a{color:#e94560;font-weight:600;text-decoration:none}.login-prompt-toast a:hover{text-decoration:underline}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.user-profile-page{max-width:700px;margin:0 auto;padding:1.5rem}.user-profile-loading,.user-profile-error{text-align:center;padding:3rem;color:#888;font-size:1rem}.user-profile-header{margin-bottom:1rem}.user-profile-header .back-btn{background:#2d2d44;border:none;padding:.5rem 1rem;border-radius:8px;color:#a0a0a0;font-size:.85rem;cursor:pointer;transition:all .2s ease}.user-profile-header .back-btn:hover{background:#3d3d5c;color:#fff}.user-profile-card{background:#1e1e2e;border-radius:12px;padding:1rem 1.25rem;border:1px solid #2d2d44;margin-bottom:1.5rem}.user-profile-top{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.user-profile-avatar{width:56px;height:56px;background:linear-gradient(135deg,#2d2d44,#3d3d5c);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;flex-shrink:0}.user-profile-avatar-initials{font-size:1.4rem;font-weight:600;color:#fff}.user-profile-avatar-image{object-fit:cover}.user-profile-info{flex:1;min-width:0}.user-profile-name{margin:0;font-size:1.25rem;font-weight:600;color:#fff}.user-profile-handle{display:block;color:#888;font-size:.85rem;margin-top:.1rem}.user-profile-title{margin:.25rem 0 0;color:#a0a0a0;font-size:.85rem;line-height:1.3}.follow-btn{background:linear-gradient(135deg,#e94560,#ff6b6b);border:none;padding:.6rem 1.5rem;border-radius:25px;color:#fff;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease;flex-shrink:0}.follow-btn:hover{transform:scale(1.05);box-shadow:0 4px 15px #e9456066}.follow-btn.following{background:#2d2d44;border:1px solid #e94560;color:#e94560}.follow-btn.following:hover{background:#e94560;color:#fff}.edit-profile-btn{background:#2d2d44;border:1px solid #3d3d5c;padding:.6rem 1.25rem;border-radius:25px;color:#a0a0a0;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s ease;flex-shrink:0;text-decoration:none}.edit-profile-btn:hover{background:#3d3d5c;color:#fff;border-color:#e94560}.user-profile-stats{display:flex;gap:1.5rem;padding-top:.75rem;border-top:1px solid #2d2d44}.user-profile-stats .stat{display:flex;flex-direction:row;align-items:baseline;gap:.35rem}.user-profile-stats .stat-value{color:#e94560;font-size:1rem;font-weight:600}.user-profile-stats .stat-label{color:#666;font-size:.8rem}.user-profile-stats .stat.clickable{text-decoration:none;padding:.25rem 0;border-radius:4px;transition:all .2s ease}.user-profile-stats .stat.clickable:hover{background:#e945601a}.user-profile-stats .stat.clickable:hover .stat-value{color:#ff6b6b}.user-profile-buzzwords{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.user-profile-buzzwords .buzzword{background:#2d2d44;padding:.35rem .75rem;border-radius:20px;color:#a0a0a0;font-size:.8rem}.user-profile-posts{background:#1e1e2e;border-radius:12px;border:1px solid #2d2d44;overflow:hidden}.posts-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #2d2d44}.posts-header h2{margin:0;font-size:1.1rem;color:#fff}.posts-count{color:#888;font-size:.85rem}.no-posts{text-align:center;padding:3rem 2rem;color:#888}.no-posts-icon{font-size:3rem;display:block;margin-bottom:1rem}.no-posts p{margin:0;font-size:1rem}@media(max-width:500px){.user-profile-page{padding:1rem .75rem}.user-profile-card{padding:.75rem 1rem}.user-profile-top{gap:.5rem}.user-profile-avatar{width:48px;height:48px;font-size:1.5rem}.user-profile-avatar-initials{font-size:1.1rem}.user-profile-name{font-size:1rem}.user-profile-handle,.user-profile-title{font-size:.75rem}.user-profile-stats{gap:1rem}.user-profile-stats .stat-value{font-size:.9rem}.user-profile-stats .stat-label{font-size:.7rem}}.post-view-page{min-height:100vh;background:#0f0f1a;padding:1.5rem}.post-view-container{max-width:650px;margin:0 auto}.post-view-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.post-view-header h1{margin:0;font-size:1.25rem;color:#fff}.post-view-header .back-btn{background:#2d2d44;border:none;padding:.5rem 1rem;border-radius:8px;color:#a0a0a0;font-size:.85rem;cursor:pointer;transition:all .2s ease}.post-view-header .back-btn:hover{background:#3d3d5c;color:#fff}.post-view-loading{text-align:center;padding:3rem;color:#888;font-size:1rem}.post-view-error{text-align:center;padding:3rem;background:#1e1e2e;border-radius:12px;border:1px solid #2d2d44}.post-view-error .error-icon{font-size:3rem;display:block;margin-bottom:1rem}.post-view-error h2{margin:0 0 .5rem;color:#fff;font-size:1.25rem}.post-view-error p{margin:0 0 1.5rem;color:#888;font-size:.9rem}.post-view-error .back-btn{background:linear-gradient(135deg,#e94560,#ff6b6b);border:none;padding:.75rem 1.5rem;border-radius:25px;color:#fff;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease}.post-view-error .back-btn:hover{transform:scale(1.05);box-shadow:0 4px 15px #e9456066}.connections-page{max-width:1000px;margin:0 auto;padding:1.5rem}.connections-header{background:linear-gradient(135deg,#1e1e2e,#2d2d44);border-radius:12px;padding:2rem;margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem}.header-content h1{margin:0;font-size:1.75rem;color:#fff}.header-content p{margin:.5rem 0 0;color:#888;font-size:.9rem}.connections-stats{display:flex;gap:2rem}.conn-stat{text-align:center}.stat-number{display:block;font-size:2rem;font-weight:700;color:#e94560}.stat-label{font-size:.8rem;color:#888}.connections-filters{display:flex;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.filter-btn{background:#2d2d44;border:none;padding:.75rem 1.25rem;border-radius:25px;color:#a0a0a0;font-size:.85rem;cursor:pointer;transition:all .2s}.filter-btn:hover{background:#3d3d5c}.filter-btn.active{background:linear-gradient(135deg,#e94560,#ff6b6b);color:#fff}.connections-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.connection-card{background:#1e1e2e;border-radius:12px;padding:1.5rem;border:1px solid #2d2d44;display:flex;gap:1.5rem;align-items:flex-start;transition:transform .2s,box-shadow .2s}.connection-card:hover{transform:translate(4px);box-shadow:-4px 4px 20px #0003}.connection-avatar{width:64px;height:64px;background:#2d2d44;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;flex-shrink:0}.connection-info{flex:1;min-width:0}.connection-info h3{margin:0;font-size:1.1rem;color:#fff}.connection-title{margin:.25rem 0 .75rem;font-size:.8rem;color:#888;line-height:1.3}.connection-metrics{display:flex;gap:1rem;margin-bottom:.75rem;flex-wrap:wrap}.metric{font-size:.75rem}.metric-label{color:#666}.metric-value{color:#e94560;font-weight:600;margin-left:.25rem}.connection-buzzwords{display:flex;gap:.5rem;flex-wrap:wrap}.buzzword-tag{background:#2d2d44;color:#a0a0a0;padding:.25rem .5rem;border-radius:12px;font-size:.7rem}.connection-actions{display:flex;flex-direction:column;gap:.75rem;align-items:flex-end}.status-badge{padding:.5rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600;color:#1a1a2e}.status-buttons{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.status-btn{background:#2d2d44;border:none;padding:.5rem .75rem;border-radius:15px;color:#888;font-size:.7rem;cursor:pointer;transition:all .2s}.status-btn:hover{background:#3d3d5c;color:#fff}.status-btn.active{background:#e94560;color:#fff}.pending-requests{background:#1e1e2e;border-radius:12px;padding:1.5rem;border:1px solid #2d2d44}.pending-requests h2{margin:0;font-size:1.25rem;color:#fff}.pending-subtitle{margin:.25rem 0 1rem;color:#888;font-size:.85rem}.pending-list{display:flex;flex-direction:column;gap:1rem}.pending-card{display:flex;gap:1rem;padding:1rem;background:#2d2d44;border-radius:8px;align-items:center}.pending-avatar{width:48px;height:48px;background:#3d3d5c;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.pending-info{flex:1;min-width:0}.pending-info h4{margin:0;font-size:.95rem;color:#fff}.pending-info p{margin:.25rem 0;font-size:.75rem;color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pending-note{font-size:.7rem;color:#666;font-style:italic}.pending-actions{display:flex;gap:.5rem}.accept-btn{background:linear-gradient(135deg,#e94560,#ff6b6b);border:none;padding:.5rem 1rem;border-radius:20px;color:#fff;font-size:.8rem;font-weight:600;cursor:pointer;transition:transform .2s}.accept-btn:hover{transform:scale(1.05)}.ignore-btn{background:none;border:1px solid #666;padding:.5rem 1rem;border-radius:20px;color:#888;font-size:.8rem;cursor:pointer;transition:all .2s}.ignore-btn:hover{border-color:#e94560;color:#e94560}@media(max-width:700px){.connection-card{flex-direction:column;align-items:stretch}.connection-actions{align-items:stretch}.status-buttons{justify-content:center}.pending-card{flex-direction:column;text-align:center}.pending-actions{justify-content:center}}.title-generator-page{max-width:900px;margin:0 auto;padding:1.5rem}.generator-header{text-align:center;margin-bottom:2rem}.generator-header h1{margin:0;font-size:2rem;background:linear-gradient(90deg,#e94560,gold,#ff6b6b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.generator-header p{margin:.5rem 0 0;color:#888}.generator-machine{background:#1e1e2e;border-radius:16px;padding:2rem;border:1px solid #2d2d44;margin-bottom:1.5rem}.slot-machine{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.slot-display{display:flex;gap:.5rem;perspective:500px}.slot-window{background:#2d2d44;border:3px solid #3d3d5c;border-radius:8px;padding:1rem 1.5rem;min-width:120px;text-align:center;transition:transform .1s}.slot-window.spinning{animation:slotSpin .1s infinite}@keyframes slotSpin{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.slot-prefix{color:#ff9a9e;font-weight:700;font-size:1rem}.slot-core{color:gold;font-weight:700;font-size:1rem}.slot-suffix{color:#e94560;font-weight:700;font-size:1rem}.generated-title{text-align:center;min-height:80px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.75rem}.generated-title h2{margin:0;font-size:1.5rem;color:#fff}.generated-title .placeholder{color:#666}.copy-btn{background:#2d2d44;border:none;padding:.5rem 1rem;border-radius:20px;color:#a0a0a0;font-size:.8rem;cursor:pointer;transition:all .2s}.copy-btn:hover{background:#3d3d5c;color:#e94560}.generate-btn{background:linear-gradient(135deg,#e94560,#ff6b6b);border:none;padding:1rem 3rem;border-radius:30px;color:#fff;font-size:1.25rem;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 20px #e945604d}.generate-btn:hover:not(.disabled){transform:scale(1.05);box-shadow:0 6px 30px #e9456080}.generate-btn.disabled{opacity:.7;cursor:not-allowed}.title-components{margin-top:2rem;padding-top:2rem;border-top:1px solid #2d2d44;display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.component-section h3{margin:0 0 .75rem;font-size:.85rem;color:#888;text-transform:uppercase;letter-spacing:1px}.component-tags{display:flex;flex-wrap:wrap;gap:.5rem}.component-tag{padding:.35rem .75rem;border-radius:15px;font-size:.75rem;font-weight:500}.component-tag.prefix{background:#ff9a9e33;color:#ff9a9e}.component-tag.core{background:#ffd70033;color:gold}.component-tag.suffix{background:#e9456033;color:#e94560}.title-history{background:#1e1e2e;border-radius:12px;padding:1.5rem;border:1px solid #2d2d44;margin-bottom:1.5rem}.title-history h3{margin:0 0 1rem;font-size:1rem;color:#fff}.history-list{display:flex;flex-direction:column;gap:.75rem}.history-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#2d2d44;border-radius:8px;gap:1rem}.history-title{color:#e0e0e0;font-size:.9rem;flex:1}.history-actions{display:flex;gap:.5rem}.history-copy,.history-use{background:#3d3d5c;border:none;padding:.4rem .75rem;border-radius:15px;color:#a0a0a0;font-size:.7rem;cursor:pointer;transition:all .2s}.history-copy:hover,.history-use:hover{background:#e94560;color:#fff}.title-tips{background:linear-gradient(135deg,#1e1e2e,#2d2d44);border-radius:12px;padding:1.5rem;border:1px solid #ffd700}.title-tips h3{margin:0 0 1rem;font-size:1rem;color:gold}.title-tips ul{margin:0;padding-left:1.25rem}.title-tips li{color:#a0a0a0;font-size:.85rem;padding:.35rem 0}.title-tips li::marker{color:#e94560}@media(max-width:700px){.slot-display{flex-direction:column}.title-components{grid-template-columns:1fr}.history-item{flex-direction:column;align-items:stretch;text-align:center}.history-actions{justify-content:center}}.follow-list-page{min-height:100vh;background:#0f0f1a;padding:2rem}.follow-list-container{max-width:600px;margin:0 auto}.follow-list-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #2d2d44}.back-btn{background:#2d2d44;border:none;padding:.5rem 1rem;border-radius:8px;color:#a0a0a0;font-size:.85rem;cursor:pointer;transition:all .2s ease}.back-btn:hover{background:#3d3d5c;color:#fff}.follow-tabs{display:flex;gap:.5rem;flex:1}.follow-tab{padding:.5rem 1rem;border-radius:8px;text-decoration:none;color:#888;font-size:1rem;font-weight:600;transition:all .2s ease}.follow-tab:hover{background:#e945601a;color:#e94560}.follow-tab.active{background:linear-gradient(135deg,#e94560,#ff6b6b);color:#fff}.follow-list-header .count{background:#2d2d44;padding:.35rem .75rem;border-radius:20px;color:#e94560;font-size:.9rem;font-weight:600}.loading{text-align:center;color:#888;padding:2rem}.user-list{display:flex;flex-direction:column;gap:.75rem}.user-item{display:flex;align-items:center;gap:1rem;background:#1e1e2e;padding:1rem;border-radius:12px;border:1px solid #2d2d44;transition:all .2s ease}.user-item:hover{border-color:#3d3d5c;transform:translate(4px)}.user-avatar{width:50px;height:50px;background:linear-gradient(135deg,#2d2d44,#3d3d5c);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.user-avatar-link{text-decoration:none}.user-info{flex:1;min-width:0}.user-name-link{display:block;color:#fff;font-size:1rem;font-weight:600;text-decoration:none;transition:color .2s}.user-name-link:hover{color:#e94560}.user-name{display:block;color:#fff;font-size:1rem;font-weight:600}.user-handle{display:block;color:#888;font-size:.85rem;margin-top:.1rem}.user-title{display:block;color:#666;font-size:.8rem;margin-top:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.remove-btn{background:transparent;border:1px solid #e94560;padding:.4rem .75rem;border-radius:6px;color:#e94560;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease;flex-shrink:0}.remove-btn:hover{background:#e94560;color:#fff}.empty-list{text-align:center;padding:3rem 2rem;background:#1e1e2e;border-radius:12px;border:1px solid #2d2d44}.empty-icon{font-size:3rem;display:block;margin-bottom:1rem}.empty-list p{color:#888;margin:0;font-size:1rem}.settings-page{min-height:100vh;background:#0f0f1a;padding:1.5rem}.settings-container{max-width:600px;margin:0 auto}.settings-title{color:#fff;font-size:1.5rem;margin:0 0 1.5rem}.settings-loading,.settings-error{text-align:center;padding:3rem;color:#888;font-size:1rem}.settings-message{padding:.75rem 1rem;border-radius:8px;margin-bottom:1.5rem;font-size:.9rem}.settings-message.success{background:#2ecc7126;border:1px solid rgba(46,204,113,.3);color:#2ecc71}.settings-message.error{background:#e9456026;border:1px solid rgba(233,69,96,.3);color:#e94560}.settings-section{background:#1e1e2e;border-radius:12px;padding:1.5rem;border:1px solid #2d2d44;margin-bottom:1.5rem}.settings-section h2{color:#fff;font-size:1.1rem;margin:0 0 1.25rem;padding-bottom:.75rem;border-bottom:1px solid #2d2d44}.settings-field{margin-bottom:1.25rem}.settings-field:last-of-type{margin-bottom:1.5rem}.settings-field label{display:block;color:#a0a0a0;font-size:.85rem;margin-bottom:.5rem;font-weight:500}.settings-input{width:100%;padding:.75rem 1rem;background:#0f0f1a;border:1px solid #2d2d44;border-radius:8px;color:#e0e0e0;font-size:.95rem;transition:border-color .2s ease;box-sizing:border-box}.settings-input:focus{outline:none;border-color:#e94560}.settings-input::placeholder{color:#666}.settings-input.disabled{background:#1a1a2e;color:#666;cursor:not-allowed}.field-hint{display:block;color:#666;font-size:.75rem;margin-top:.35rem}.title-generator-link{color:#e94560;text-decoration:none;transition:color .2s ease}.title-generator-link:hover{color:#ff6b6b;text-decoration:underline}.handle-input-wrapper{display:flex;align-items:center;background:#0f0f1a;border:1px solid #2d2d44;border-radius:8px;transition:border-color .2s ease}.handle-input-wrapper:focus-within{border-color:#e94560}.handle-prefix{padding:.75rem 0 .75rem 1rem;color:#888;font-size:.95rem}.handle-input{border:none;background:transparent;padding-left:0}.handle-input:focus{border-color:transparent}.settings-save-btn{background:linear-gradient(135deg,#e94560,#ff6b6b);border:none;padding:.75rem 1.5rem;border-radius:8px;color:#fff;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease}.settings-save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #e9456066}.settings-save-btn:disabled{opacity:.6;cursor:not-allowed}.avatar-picker-container{position:relative}.avatar-preview{display:flex;align-items:center;background:#0f0f1a;border:1px solid #2d2d44;border-radius:8px;padding:.75rem 1rem;cursor:pointer;transition:border-color .2s ease}.avatar-preview:hover{border-color:#e94560}.avatar-emoji{font-size:2.5rem;width:60px;height:60px;background:linear-gradient(135deg,#2d2d44,#3d3d5c);border-radius:50%;display:flex;align-items:center;justify-content:center}.avatar-image{width:60px;height:60px;border-radius:50%;object-fit:cover}.avatar-change-text{color:#888;font-size:.9rem}.avatar-picker{position:absolute;top:100%;left:0;right:0;margin-top:.5rem;background:#1e1e2e;border:1px solid #2d2d44;border-radius:8px;padding:1rem;z-index:10;box-shadow:0 4px 20px #0006}.avatar-picker-section{display:flex;align-items:center;gap:.75rem}.avatar-picker-section:last-child{margin-bottom:0}.avatar-picker-label{color:#a0a0a0;font-size:.85rem;font-weight:500}.avatar-file-input{display:none}.avatar-upload-btn{background:#2d2d44;border:1px solid #3d3d5c;padding:.5rem 1rem;border-radius:6px;color:#a0a0a0;font-size:.85rem;cursor:pointer;transition:all .2s ease}.avatar-upload-btn:hover{background:#3d3d5c;color:#fff;border-color:#e94560}.avatar-upload-hint{color:#666;font-size:.75rem}.avatar-initials-btn{display:flex;align-items:center;gap:.75rem;background:#2d2d44;border:1px solid #3d3d5c;padding:.5rem 1rem;border-radius:6px;color:#a0a0a0;font-size:.85rem;cursor:pointer;transition:all .2s ease}.avatar-initials-btn:hover{background:#3d3d5c;color:#fff;border-color:#e94560}.avatar-initials-preview{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;color:#fff}.avatar-picker-divider{display:flex;align-items:center;gap:.75rem;margin:.75rem 0;color:#666;font-size:.8rem}.avatar-picker-divider:before,.avatar-picker-divider:after{content:"";flex:1;height:1px;background:#2d2d44}.avatar-emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:.5rem}.avatar-option{width:100%;aspect-ratio:1;font-size:1.5rem;background:#2d2d44;border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.avatar-option:hover{background:#3d3d5c;transform:scale(1.1)}.avatar-option.selected{border-color:#e94560;background:#e9456033}.settings-textarea{resize:vertical;min-height:80px;font-family:inherit;line-height:1.5}.settings-section.danger-zone{border-color:#e945604d;background:#e945600d}.settings-section.danger-zone h2{color:#e94560;border-bottom-color:#e945604d}.danger-warning{color:#a0a0a0;font-size:.9rem;margin:0 0 1.25rem;line-height:1.5}.settings-delete-btn{background:transparent;border:1px solid #e94560;padding:.75rem 1.5rem;border-radius:8px;color:#e94560;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease}.settings-delete-btn:hover:not(:disabled){background:#e94560;color:#fff}.settings-delete-btn:disabled{opacity:.5;cursor:not-allowed}.delete-confirm{background:#e945601a;border-radius:8px;padding:1rem}.delete-confirm p{color:#a0a0a0;font-size:.9rem;margin:0 0 .75rem}.delete-confirm p strong{color:#e94560}.delete-confirm-input{margin-bottom:1rem;border-color:#e945604d}.delete-confirm-input:focus{border-color:#e94560}.delete-confirm-actions{display:flex;gap:.75rem}.settings-cancel-btn{background:#2d2d44;border:1px solid #3d3d5c;padding:.75rem 1.5rem;border-radius:8px;color:#a0a0a0;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease}.settings-cancel-btn:hover:not(:disabled){background:#3d3d5c;color:#fff}.settings-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.network-page{min-height:100vh;background:#0f0f1a;padding:1.5rem}.network-container{max-width:700px;margin:0 auto}.network-title{color:#fff;font-size:1.5rem;margin:0 0 1.5rem}.network-loading{text-align:center;padding:3rem;color:#888;font-size:1rem}.network-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;background:#1e1e2e;border-radius:12px;padding:.5rem;border:1px solid #2d2d44}.network-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background:transparent;border:none;border-radius:8px;color:#888;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.network-tab:hover{background:#e945601a;color:#e94560}.network-tab.active{background:linear-gradient(135deg,#e94560,#ff6b6b);color:#fff}.tab-count{background:#0003;padding:.15rem .5rem;border-radius:10px;font-size:.75rem}.network-tab.active .tab-count{background:#fff3}.network-search-wrapper{margin-bottom:1.5rem}.network-search{width:100%;background:#1e1e2e;border:1px solid #2d2d44;border-radius:12px;padding:1rem 1.25rem;color:#e0e0e0;font-size:1rem;transition:border-color .2s ease;box-sizing:border-box}.network-search:focus{outline:none;border-color:#e94560}.network-search::placeholder{color:#666}.network-section{background:#1e1e2e;border-radius:12px;padding:1.5rem;border:1px solid #2d2d44}.network-section-title{color:#fff;font-size:1rem;margin:0 0 1rem;display:flex;align-items:center;gap:.75rem}.section-count{background:#2d2d44;padding:.25rem .6rem;border-radius:12px;color:#e94560;font-size:.8rem;font-weight:600}.network-user-list{display:flex;flex-direction:column;gap:.75rem}.network-user-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#0f0f1a;border-radius:10px;border:1px solid #2d2d44;transition:all .2s ease}.network-user-item:hover{border-color:#3d3d5c;transform:translate(4px)}.network-user-avatar-link{text-decoration:none}.network-user-avatar{width:50px;height:50px;background:linear-gradient(135deg,#2d2d44,#3d3d5c);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.network-user-avatar-image{object-fit:cover}.network-user-info{flex:1;min-width:0}.network-user-name{display:block;color:#fff;font-size:1rem;font-weight:600;text-decoration:none;transition:color .2s}.network-user-name:hover{color:#e94560}.network-user-handle{display:block;color:#888;font-size:.85rem;margin-top:.1rem}.network-user-title{display:block;color:#666;font-size:.8rem;margin-top:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.network-follow-btn{background:linear-gradient(135deg,#e94560,#ff6b6b);border:none;padding:.5rem 1rem;border-radius:20px;color:#fff;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s ease;flex-shrink:0}.network-follow-btn:hover{transform:scale(1.05);box-shadow:0 4px 15px #e9456066}.network-unfollow-btn{background:transparent;border:1px solid #e94560;padding:.5rem 1rem;border-radius:20px;color:#e94560;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s ease;flex-shrink:0}.network-unfollow-btn:hover{background:#e94560;color:#fff}.network-following-badge{background:#2d2d44;padding:.5rem 1rem;border-radius:20px;color:#888;font-size:.85rem;flex-shrink:0}.network-empty{text-align:center;padding:2rem}.network-empty .empty-icon{font-size:3rem;display:block;margin-bottom:1rem}.network-empty p{color:#888;margin:0 0 1rem;font-size:1rem}.discover-btn{background:linear-gradient(135deg,#e94560,#ff6b6b);border:none;padding:.75rem 1.5rem;border-radius:25px;color:#fff;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease}.discover-btn:hover{transform:scale(1.05);box-shadow:0 4px 15px #e9456066}@media(max-width:500px){.network-tabs{flex-direction:row;gap:.25rem;padding:.35rem}.network-tab{padding:.5rem;font-size:.75rem;gap:.25rem}.tab-count{font-size:.65rem;padding:.1rem .35rem}.network-user-item{gap:.75rem;padding:.75rem}.network-user-avatar{width:40px;height:40px;font-size:1.2rem}.network-user-name{font-size:.9rem}.network-user-handle{font-size:.75rem}.network-user-title{font-size:.7rem}.network-follow-btn,.network-unfollow-btn,.network-following-badge{padding:.4rem .75rem;font-size:.75rem}}.verify-page{min-height:100vh;background:linear-gradient(135deg,#0f0f1a,#1a1a2e);display:flex;align-items:center;justify-content:center;padding:2rem}.verify-container{background:#1e1e2e;border-radius:16px;padding:3rem;text-align:center;max-width:450px;width:100%;border:1px solid #2d2d44;box-shadow:0 8px 32px #0000004d}.verify-icon{font-size:4rem;margin-bottom:1.5rem}.verify-icon.spinning{animation:spin 2s linear infinite}.verify-icon.success{animation:bounce .5s ease}.verify-icon.error{animation:shake .5s ease}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.verify-container h1{color:#fff;font-size:1.75rem;margin:0 0 1rem}.verify-message{color:#a0a0a0;font-size:1rem;line-height:1.6;margin:0 0 2rem}.verify-message strong{color:#e94560}.redirect-text{color:#666;font-size:.9rem;margin-top:1rem}.verify-actions{margin-top:2rem;padding-top:2rem;border-top:1px solid #2d2d44}.resend-text{color:#888;font-size:.9rem;margin:0 0 1rem}.resend-input{width:100%;padding:.75rem 1rem;background:#0f0f1a;border:1px solid #2d2d44;border-radius:8px;color:#e0e0e0;font-size:1rem;margin-bottom:1rem;box-sizing:border-box}.resend-input:focus{outline:none;border-color:#e94560}.resend-input::placeholder{color:#666}.resend-btn{width:100%;background:linear-gradient(135deg,#e94560,#ff6b6b);border:none;padding:.75rem 1.5rem;border-radius:25px;color:#fff;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease}.resend-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #e9456066}.resend-btn:disabled{opacity:.6;cursor:not-allowed}.back-link{display:inline-block;margin-top:2rem;color:#888;text-decoration:none;font-size:.9rem;transition:color .2s}.forgot-password-page{min-height:100vh;background:linear-gradient(135deg,#0f0f1a,#1a1a2e,#0f0f1a);display:flex;align-items:center;justify-content:center;padding:2rem}.forgot-password-container{width:100%;max-width:420px}.forgot-password-header{text-align:center;margin-bottom:2rem}.forgot-password-logo{text-decoration:none}.forgot-password-logo .logo-text{font-size:2rem;font-weight:800;background:linear-gradient(135deg,#e94560,#ff6b6b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.forgot-password-card{background:#1e1e2e;border-radius:16px;padding:2rem;border:1px solid #2d2d44}.forgot-password-card h1{color:#fff;font-size:1.5rem;margin:0 0 .5rem;text-align:center}.forgot-password-subtitle{color:#888;text-align:center;margin:0 0 1.5rem;font-size:.95rem;line-height:1.5}.forgot-password-form{display:flex;flex-direction:column;gap:1rem}.forgot-password-form .form-group{display:flex;flex-direction:column;gap:.5rem}.forgot-password-form label{color:#a0a0a0;font-size:.85rem;font-weight:500}.forgot-password-form input{padding:.875rem 1rem;background:#0f0f1a;border:1px solid #2d2d44;border-radius:8px;color:#e0e0e0;font-size:1rem;transition:border-color .2s ease}.forgot-password-form input:focus{outline:none;border-color:#e94560}.forgot-password-form input::placeholder{color:#666}.forgot-password-form input:disabled{opacity:.6;cursor:not-allowed}.forgot-password-error{background:#e9456026;border:1px solid rgba(233,69,96,.3);color:#e94560;padding:.75rem 1rem;border-radius:8px;font-size:.9rem}.forgot-password-submit{background:linear-gradient(135deg,#e94560,#ff6b6b);border:none;padding:.875rem;border-radius:8px;color:#fff;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease;margin-top:.5rem}.forgot-password-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #e9456066}.forgot-password-submit:disabled{opacity:.6;cursor:not-allowed}.forgot-password-success{text-align:center}.success-message{color:#a0a0a0;font-size:.95rem;line-height:1.5;margin:1rem 0}.success-hint{color:#666;font-size:.85rem;margin-bottom:1.5rem}.back-to-login-btn{display:inline-block;background:linear-gradient(135deg,#e94560,#ff6b6b);color:#fff;text-decoration:none;padding:.875rem 2rem;border-radius:8px;font-weight:600;transition:all .2s ease}.back-to-login-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #e9456066}.reset-password-page{min-height:100vh;background:linear-gradient(135deg,#0f0f1a,#1a1a2e,#0f0f1a);display:flex;align-items:center;justify-content:center;padding:2rem}.reset-password-container{width:100%;max-width:420px}.reset-password-header{text-align:center;margin-bottom:2rem}.reset-password-logo{text-decoration:none}.reset-password-logo .logo-text{font-size:2rem;font-weight:800;background:linear-gradient(135deg,#e94560,#ff6b6b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.reset-password-card{background:#1e1e2e;border-radius:16px;padding:2rem;border:1px solid #2d2d44}.reset-password-card h1{color:#fff;font-size:1.5rem;margin:0 0 .5rem;text-align:center}.reset-password-subtitle{color:#888;text-align:center;margin:0 0 1.5rem;font-size:.95rem}.reset-password-form{display:flex;flex-direction:column;gap:1rem}.reset-password-form .form-group{display:flex;flex-direction:column;gap:.5rem}.reset-password-form label{color:#a0a0a0;font-size:.85rem;font-weight:500}.reset-password-form input{padding:.875rem 1rem;background:#0f0f1a;border:1px solid #2d2d44;border-radius:8px;color:#e0e0e0;font-size:1rem;transition:border-color .2s ease}.reset-password-form input:focus{outline:none;border-color:#e94560}.reset-password-form input::placeholder{color:#666}.reset-password-form input:disabled{opacity:.6;cursor:not-allowed}.reset-password-error{background:#e9456026;border:1px solid rgba(233,69,96,.3);color:#e94560;padding:.75rem 1rem;border-radius:8px;font-size:.9rem}.reset-password-submit{background:linear-gradient(135deg,#e94560,#ff6b6b);border:none;padding:.875rem;border-radius:8px;color:#fff;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease;margin-top:.5rem}.reset-password-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #e9456066}.reset-password-submit:disabled{opacity:.6;cursor:not-allowed}.back-link{display:block;text-align:center;color:#888;text-decoration:none;margin-top:1.5rem;font-size:.9rem;transition:color .2s ease}.back-link:hover{color:#e94560}.reset-password-success{text-align:center}.success-icon{font-size:3rem;margin-bottom:1rem}.success-message{color:#2ecc71;font-size:1rem;margin:1rem 0 .5rem}.redirect-text{color:#666;font-size:.85rem}.reset-password-error-state{text-align:center}.error-icon{font-size:3rem;margin-bottom:1rem}.reset-password-error-state p{color:#888;font-size:.95rem;line-height:1.5;margin:1rem 0 1.5rem}.reset-password-btn{display:inline-block;background:linear-gradient(135deg,#e94560,#ff6b6b);color:#fff;text-decoration:none;padding:.875rem 2rem;border-radius:8px;font-weight:600;transition:all .2s ease}.reset-password-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #e9456066}.contact-page{flex:1;padding:6rem 1.5rem 3rem;display:flex;justify-content:center}.contact-container{max-width:600px;width:100%}.contact-title{color:#fff;font-size:1.8rem;margin:0 0 .5rem}.contact-subtitle{color:#888;font-size:.95rem;margin:0 0 2rem;line-height:1.5}.contact-error{padding:.75rem 1rem;border-radius:8px;margin-bottom:1.25rem;font-size:.9rem;background:#e9456026;border:1px solid rgba(233,69,96,.3);color:#e94560}.contact-form{background:#1e1e2e;border:1px solid #2d2d44;border-radius:12px;padding:1.5rem}.contact-field{margin-bottom:1.25rem}.contact-field label{display:block;color:#a0a0a0;font-size:.85rem;margin-bottom:.5rem;font-weight:500}.contact-field input,.contact-field textarea{width:100%;padding:.75rem 1rem;background:#0f0f1a;border:1px solid #2d2d44;border-radius:8px;color:#e0e0e0;font-size:.95rem;font-family:inherit;transition:border-color .2s ease;box-sizing:border-box}.contact-field input:focus,.contact-field textarea:focus{outline:none;border-color:#e94560}.contact-field input::placeholder,.contact-field textarea::placeholder{color:#666}.contact-field textarea{resize:vertical;min-height:120px;line-height:1.5}.contact-submit-btn{background:linear-gradient(135deg,#e94560,#ff6b6b);border:none;padding:.75rem 1.5rem;border-radius:8px;color:#fff;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease;width:100%;margin-top:.5rem}.contact-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #e9456066}.contact-submit-btn:disabled{opacity:.6;cursor:not-allowed}.contact-success{background:#1e1e2e;border:1px solid #2d2d44;border-radius:12px;padding:3rem 1.5rem;text-align:center}.contact-success-icon{width:56px;height:56px;background:#2ecc7126;border:2px solid rgba(46,204,113,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:1.5rem;color:#2ecc71}.contact-success h2{color:#fff;font-size:1.3rem;margin:0 0 .5rem}.contact-success p{color:#888;font-size:.95rem;margin:0 0 1.5rem}.contact-home-btn{display:inline-block;background:linear-gradient(135deg,#e94560,#ff6b6b);color:#fff;text-decoration:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;font-size:.9rem;transition:all .2s ease}.contact-home-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #e9456066}@media(max-width:500px){.contact-page{padding:1.5rem 1rem}.contact-title{font-size:1.4rem}}.legal-page{flex:1;padding:6rem 1.5rem 3rem;display:flex;justify-content:center}.legal-container{max-width:700px;width:100%}.legal-title{color:#fff;font-size:1.8rem;margin:0 0 .25rem}.legal-updated{color:#666;font-size:.85rem;margin:0 0 2rem}.legal-content{background:#1e1e2e;border:1px solid #2d2d44;border-radius:12px;padding:2rem}.legal-content h2{color:#fff;font-size:1.15rem;margin:2rem 0 .75rem}.legal-content h2:first-child{margin-top:0}.legal-content p{color:#a0a0a0;font-size:.92rem;line-height:1.7;margin:0 0 .75rem}.legal-content ul{color:#a0a0a0;font-size:.92rem;line-height:1.7;margin:0 0 .75rem;padding-left:1.5rem}.legal-content li{margin-bottom:.35rem}.legal-content a{color:#e94560;text-decoration:none}.legal-content a:hover{text-decoration:underline}.legal-content strong{color:#e0e0e0}@media(max-width:500px){.legal-page{padding:5rem 1rem 2rem}.legal-content{padding:1.25rem}.legal-title{font-size:1.4rem}}.not-found-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(180deg,#0f0f1a,#1a1a2e)}.not-found-content{text-align:center;max-width:500px}.not-found-code{font-size:8rem;font-weight:800;margin:0;background:linear-gradient(135deg,#e94560,#ff6b6b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.not-found-title{font-size:2rem;font-weight:700;color:#fff;margin:1rem 0}.not-found-message{color:#888;font-size:1.1rem;margin-bottom:2rem}.not-found-actions{display:flex;gap:1rem;justify-content:center}.not-found-btn{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;text-decoration:none;transition:all .2s ease}.not-found-btn.primary{background:linear-gradient(135deg,#e94560,#ff6b6b);color:#fff}.not-found-btn.primary:hover{transform:translateY(-2px);box-shadow:0 4px 15px #e9456066}.not-found-btn.secondary{background:#2d2d44;color:#a0a0a0;border:1px solid #3d3d5c}.not-found-btn.secondary:hover{background:#3d3d5c;color:#fff}@media(max-width:500px){.not-found-code{font-size:5rem}.not-found-title{font-size:1.5rem}.not-found-message{font-size:1rem}.not-found-actions{flex-direction:column}}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;background:#0f0f1a}