@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700;800;900&display=swap);:root{--color-primary-dark:#351566;--color-secondary:#7c4dba;--color-accent:#ff9f43;--color-accent-hover:#e8892e;--color-accent-teal:#00a896;--color-accent-teal-hover:#008f7f;--color-accent-coral:#ff6b6b;--color-border-focus:#4a1d8e59;--shadow-xs:0 1px 2px #0000000a;--shadow-md:0 4px 16px #00000014;--shadow-lg:0 8px 32px #0000001f;--shadow-glow-purple:0 4px 20px #4a1d8e33;--shadow-glow-accent:0 4px 20px #ff9f4340;--radius-xl:32px;--transition-fast:0.15s cubic-bezier(0.4,0,0.2,1);--transition-base:0.25s cubic-bezier(0.4,0,0.2,1);--transition-smooth:0.35s cubic-bezier(0.4,0,0.2,1);--transition-spring:0.4s cubic-bezier(0.34,1.56,0.64,1);--font-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-secondary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--gradient-primary:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 50%,var(--color-secondary) 100%);--gradient-accent:linear-gradient(135deg,var(--color-accent) 0%,#ffb347 100%);--gradient-warm-bg:linear-gradient(180deg,var(--color-bg-warm) 0%,#f5efe6 100%)}*,:after,:before{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#faf6ef;background:var(--color-bg-warm);color:#1a1a2e;color:var(--color-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-secondary);line-height:1.6;margin:0}code{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-primary)}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#4a1d8e33;border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#4a1d8e59}::selection{background:#4a1d8e26;color:#351566;color:var(--color-primary-dark)}:root{--color-text:#1a1a2e;--color-text-secondary:#556;--color-text-muted:#8e8e9e;--color-bg-warm:#faf6ef;--color-bg-input:#f5f2ed;--color-border:#00000014;--color-border-focus:#4a1d8e4d;--color-danger:#dc3545;--color-success:#28a745;--color-warning:#ff9f43;--shadow-xs:0 1px 4px #0000000a;--shadow-sm:0 2px 8px #0000000f;--shadow-md:0 4px 12px #0000001a;--shadow-xl:0 16px 48px #00000029;--shadow-glow-purple:0 4px 12px #4a1d8e4d;--shadow-glow-accent:0 4px 12px #ff9f434d;--shadow-glow-danger:0 4px 12px #dc35454d}.settings-container{background:#faf6ef;background:var(--color-bg-warm);color:#1a1a2e;color:var(--color-text);margin-top:6rem;min-height:100vh;text-align:center}.settings-dark-container{box-shadow:0 16px 48px #00000029;box-shadow:var(--shadow-xl);display:flex;margin:0 auto;max-width:1200px;min-height:100vh}.settings-dark-container,.settings-sidebar{background:#fff;background:var(--color-bg-card)}.settings-sidebar{border-right:1px solid #00000014;border-right:1px solid var(--color-border);padding:30px 20px;width:260px}.settings-sidebar ul{list-style:none;margin:0;padding:0}.settings-sidebar li{border-radius:10px;border-radius:var(--radius-sm);color:#556;color:var(--color-text-secondary);cursor:pointer;font-size:.95rem;font-weight:600;margin-bottom:6px;padding:14px 16px;text-align:left;transition:all .15s ease;transition:all var(--transition-fast)}.settings-sidebar li:hover{background:#f0ebe3;background:var(--color-bg-muted);color:#1a1a2e;color:var(--color-text)}.settings-sidebar li.active{background:#4a1d8e14;color:#4a1d8e;color:var(--color-primary)}.settings-main-content{background:#faf6ef;background:var(--color-bg-warm);flex:1 1;overflow-y:auto;padding:40px 50px;text-align:left}.page-heading{color:var(--color-text);font-size:28px;font-weight:800;margin-bottom:10px}.settings-main-content h2{border-bottom:2px solid #00000014;border-bottom:2px solid var(--color-border);color:#556;color:var(--color-text-secondary);font-size:20px;margin-bottom:24px;padding-bottom:10px}.settings-main-content h3{color:#1a1a2e;color:var(--color-text);font-size:18px;margin-bottom:16px}.btn{border-radius:var(--radius-sm);display:inline-block;font-size:14px;font-weight:600;padding:10px 20px;transition:all var(--transition-base)}.btn-primary{background:linear-gradient(135deg,#4a1d8e,#7c4dba);color:#fff}.btn-primary:hover{box-shadow:0 4px 12px #4a1d8e4d;box-shadow:var(--shadow-glow-purple);transform:translateY(-1px)}.btn-accent{background:linear-gradient(135deg,#ff9f43,#ffb347);color:#fff}.btn-accent:hover{box-shadow:0 4px 12px #ff9f434d;box-shadow:var(--shadow-glow-accent);transform:translateY(-1px)}.btn-danger{background:linear-gradient(135deg,#dc3545,#e74c5a);color:#fff}.btn-danger:hover{box-shadow:0 4px 12px #dc35454d;box-shadow:var(--shadow-glow-danger);transform:translateY(-1px)}.btn-success{background:#28a745;color:#fff}.btn-success:hover{box-shadow:0 4px 12px #28a7454d;transform:translateY(-1px)}.btn-secondary{background:#f0ebe3;background:var(--color-bg-muted);color:#1a1a2e;color:var(--color-text)}.btn-secondary:hover{background:#d5cfc7}.profile-picture-container{align-items:center;display:flex;flex-direction:column;gap:12px;margin-bottom:30px}.profile-picture{border:4px solid #fff;border:4px solid var(--color-bg-card);border-radius:50%;box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow-md);height:100px;object-fit:cover;transition:transform .25s ease;transition:transform var(--transition-base);width:100px}.profile-picture:hover{transform:scale(1.05)}.user-info{background:#fff;background:var(--color-bg-card);border:1px solid #00000014;border:1px solid var(--color-border);border-radius:16px;border-radius:var(--radius-md);box-shadow:0 2px 8px #0000000f;box-shadow:var(--shadow-sm);padding:24px;transition:all .25s ease;transition:all var(--transition-base)}.user-info:hover{box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow-md)}.profile-item{border-bottom:1px solid #00000014;border-bottom:1px solid var(--color-border);display:flex;flex-direction:column;padding:12px 0}.profile-item:last-child{border-bottom:none}.profile-item .label{color:#8e8e9e;color:var(--color-text-muted);font-size:12px;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.profile-item .value{color:#1a1a2e;color:var(--color-text);font-size:16px;font-weight:500}.user-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));margin-top:20px}.user-card{align-items:center;background:#fff;background:var(--color-bg-card);border:1px solid #00000014;border:1px solid var(--color-border);border-radius:16px;border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;padding:20px 16px;text-align:center;transition:all .25s ease;transition:all var(--transition-base)}.user-card:hover{border-color:#4a1d8e;border-color:var(--color-primary);box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-4px)}.user-card img{border-radius:50%;box-shadow:0 1px 4px #0000000a;box-shadow:var(--shadow-xs);height:70px;margin-bottom:12px;object-fit:cover;width:70px}.user-card h4{color:#1a1a2e;color:var(--color-text);font-size:15px;margin:0 0 4px}.user-card p{color:#556;color:var(--color-text-secondary);font-size:12px;margin:0;word-break:break-all}.list-card{align-items:center;background:#fff;background:var(--color-bg-card);border:1px solid #00000014;border:1px solid var(--color-border);border-radius:16px;border-radius:var(--radius-md);box-shadow:0 1px 4px #0000000a;box-shadow:var(--shadow-xs);display:flex;gap:16px;margin-bottom:16px;padding:16px;transition:all .15s ease;transition:all var(--transition-fast)}.list-card:hover{box-shadow:0 2px 8px #0000000f;box-shadow:var(--shadow-sm)}.list-card img{border-radius:50%;height:60px;object-fit:cover;width:60px}.list-card-content{flex:1 1}.list-card-content p{margin:0 0 6px}.list-card-title{font-size:16px;font-weight:700}.list-card-subtitle{color:#8e8e9e;color:var(--color-text-muted);font-size:14px}.post-creation textarea{background:#fff;background:var(--color-bg-card);border:1.5px solid #00000014;border:1.5px solid var(--color-border);border-radius:10px;border-radius:var(--radius-sm);font-size:15px;margin-bottom:12px;padding:16px;resize:vertical;transition:all .15s ease;transition:all var(--transition-fast);width:100%}.post-creation textarea:focus{border-color:#4a1d8e;border-color:var(--color-primary);box-shadow:0 0 0 3px #4a1d8e4d;box-shadow:0 0 0 3px var(--color-border-focus);outline:none}.post-container{background:#fff;background:var(--color-bg-card);border:1px solid #00000014;border:1px solid var(--color-border);border-radius:16px;border-radius:var(--radius-md);box-shadow:0 1px 4px #0000000a;box-shadow:var(--shadow-xs);margin-bottom:20px;padding:20px;position:relative}.post-actions{display:flex;gap:8px;position:absolute;right:16px;top:16px}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;height:100%;width:100%;z-index:9999}.modal-content{background:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:500px;padding:32px;text-align:center;width:90%}.modal-content.large{max-width:700px}.modal-content h2,.modal-content h3{margin-bottom:16px;margin-top:0}.modal-actions{gap:12px;justify-content:center;margin-top:24px}.modal-update-fields input{border:1.5px solid #00000014;border:1.5px solid var(--color-border);border-radius:10px;border-radius:var(--radius-sm);font-size:14px;margin-bottom:10px;padding:12px 14px;width:100%}.text-success{color:#28a745;color:var(--color-success)}.text-success,.text-warning{font-weight:600;margin-top:12px}.text-warning{color:#ff9f43;color:var(--color-warning)}.mt-4{margin-top:24px}.mb-2{margin-bottom:12px}@media (max-width:768px){.settings-dark-container{flex-direction:column}.settings-sidebar{border-bottom:1px solid #00000014;border-bottom:1px solid var(--color-border);border-right:none;width:100%}.settings-main-content{padding:20px}.post-actions{justify-content:flex-start;margin-top:12px;position:static}}.circle-wrapper{height:260px;position:absolute;width:260px}.circle{background:radial-gradient(circle at top left,#4a1d8e99 10%,#6a3fa099 40%,#7c4dbab3 70%,#9664c866 100%);box-shadow:inset -12px -12px 30px #00000059,4px 4px 20px #00000040;height:220px;opacity:.85;width:220px}.circle,.circle-overlay{border-radius:50%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.circle-overlay{background:radial-gradient(circle at top left,#4a1d8e33 10%,#6a3fa033 40%,#7c4dba4d 70%,#9664c826 100%);box-shadow:inset -12px -12px 30px #0003,4px 4px 20px #0000001f;height:240px;opacity:.8;width:240px}.orange-circle{background:radial-gradient(circle at top left,#ff9f43b3 10%,#ff7f50b3 40%,#ffb347cc 70%,#ffc86480 100%);border-radius:50%;box-shadow:inset -12px -12px 30px #00000059,4px 4px 20px #00000040;height:220px;left:50%;opacity:.85;position:absolute;top:50%;transform:translate(-50%,-50%);width:220px}.orange-overlay{background:radial-gradient(circle at top left,#ff9f4333 10%,#ff7f5033 40%,#ffb3474d 70%,#ffc86426 100%);box-shadow:inset -12px -12px 30px #0003,4px 4px 20px #0000001f;opacity:.8}.circle-outline,.orange-overlay{border-radius:50%;height:240px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:240px}.first-circle{z-index:3}.second-circle{z-index:1}.third-circle{z-index:2}.fourth-circle{z-index:1}body,html{border:none;height:100%;width:100%}body{background-color:#faf6ef;background-color:var(--color-bg-warm,#faf6ef)}.login-page-wrapper{flex-direction:row;min-height:100vh}.login-left-panel,.login-page-wrapper{display:flex;overflow:hidden;position:relative}.login-left-panel{align-items:center;background:linear-gradient(145deg,#4a1d8e,#5c2d9e 30%,#7c4dba 70%,#6b3fa0);background:var(--gradient-primary,linear-gradient(145deg,#4a1d8e 0,#5c2d9e 30%,#7c4dba 70%,#6b3fa0 100%));flex:1 1;justify-content:center}.login-left-panel:after,.login-left-panel:before{border-radius:50%;content:"";filter:blur(80px);opacity:.3;pointer-events:none;position:absolute}.login-left-panel:before{animation:login-float-blob 12s ease-in-out infinite;background:radial-gradient(circle,#ff9f4373,#0000 70%);height:350px;left:-80px;top:-60px;width:350px}.login-left-panel:after{animation:login-float-blob 15s ease-in-out infinite reverse;background:radial-gradient(circle,#7c4dba80,#0000 70%);bottom:-40px;height:280px;right:-60px;width:280px}@keyframes login-float-blob{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-20px) scale(1.08)}66%{transform:translate(-20px,15px) scale(.92)}}.login-logo-area{align-items:center;display:flex;flex-direction:column;padding:2rem;text-align:center;z-index:1}.login-hero-logo{animation:login-heartbeat 1.4s ease-in-out infinite;filter:drop-shadow(0 8px 32px rgba(0,0,0,.3));height:auto;margin-bottom:2rem;width:140px}@keyframes login-heartbeat{0%{transform:scale(1)}14%{transform:scale(1.12)}28%{transform:scale(1)}42%{transform:scale(1.08)}56%{transform:scale(1)}to{transform:scale(1)}}.login-brand-name{color:#fffffff2;font-size:2rem;font-weight:800;letter-spacing:-.5px;margin:0 0 .5rem}.login-brand-name,.login-brand-tagline{font-family:Inter,sans-serif;font-family:var(--font-secondary,"Inter",sans-serif)}.login-brand-tagline{color:#ffb347e6;font-size:1.05rem;font-weight:500;letter-spacing:.3px;margin:0}.login-right-panel{align-items:center;background-color:#faf6ef;background-color:var(--color-bg-warm,#faf6ef);display:flex;flex:1 1;justify-content:center;padding:3rem 2rem}.login-right-panel .login-container{background:linear-gradient(145deg,#4a1d8e,#5c2d9e 30%,#7c4dba 70%,#6b3fa0);background:var(--gradient-primary,linear-gradient(145deg,#4a1d8e 0,#5c2d9e 30%,#7c4dba 70%,#6b3fa0 100%));border:1px solid #ffffff1a;border-radius:32px;border-radius:var(--radius-xl,32px);box-shadow:0 20px 60px #4a1d8e4d,0 8px 24px #00000026,inset 0 1px 0 #ffffff1f;height:auto;max-width:440px;min-height:auto;overflow:visible;padding:2.5rem 3rem 3rem;position:relative;width:100%;z-index:1}.login-header{margin-bottom:2rem;text-align:center}.login-header h1{color:#fffffff2;font-size:2rem;font-weight:800;letter-spacing:-.5px;margin-bottom:.4rem}.login-header .login-subtitle{color:#ffb347e6;font-size:1rem;font-weight:500;letter-spacing:.2px}.login-form{display:flex;flex-direction:column;gap:0}.login-right-panel .login-container .form-group{margin-bottom:1.25rem}.login-right-panel .login-container .form-group label{color:#ffffffb3;font-family:Inter,sans-serif;font-family:var(--font-secondary,"Inter",sans-serif);font-size:.75rem;font-weight:700;letter-spacing:1px;margin-bottom:.5rem;text-align:left;text-transform:uppercase}.login-right-panel .login-container .form-group input{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff14;border:1.5px solid #ffffff26;border-radius:10px;border-radius:var(--radius-sm,10px);color:#fff;font-family:Inter,sans-serif;font-family:var(--font-secondary,"Inter",sans-serif);font-size:.95rem;height:48px;outline:none;padding:0 1rem;transition:all .2s ease;width:100%}.login-right-panel .login-container .form-group input:focus{background:#ffffff24;border-color:#ff9f43;border-color:var(--color-accent,#ff9f43);box-shadow:0 0 0 3px #ff9f4333}.login-right-panel .login-container .form-group input::placeholder{color:#fff6}.login-right-panel .login-container .error-message{background:#ff6b6b1a;border-left:3px solid #ff6b6b;border-radius:8px;color:#ff8a8a;font-size:.8rem;font-weight:600;margin-bottom:1rem;padding:.5rem .75rem}.login-right-panel .login-container .field-error{color:#ff8a8a;font-size:.75rem;font-weight:600;margin-top:.35rem;padding-left:.25rem}.login-cta-button{background:linear-gradient(135deg,#ff9f43,#ffb347);background:var(--gradient-accent,linear-gradient(135deg,#ff9f43,#ffb347));border:none;border-radius:10px;border-radius:var(--radius-sm,10px);box-shadow:0 4px 20px #ff9f434d;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-family:var(--font-secondary,"Inter",sans-serif);font-size:1rem;font-weight:700;height:50px;letter-spacing:.5px;margin-top:.5rem;overflow:hidden;position:relative;transition:all .3s ease;width:100%}.login-cta-button:before{background:linear-gradient(90deg,#0000,#ffffff26,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.login-cta-button:hover{box-shadow:0 8px 32px #ff9f4366;transform:translateY(-2px)}.login-cta-button:hover:before{left:100%}.login-cta-button:active{box-shadow:0 4px 16px #ff9f4340;transform:translateY(0)}.login-divider{background:linear-gradient(90deg,#0000,#ffffff26,#0000);height:1px;margin:1.5rem 0;width:100%}.login-new-user-label{color:#ffffff80;font-size:.75rem;letter-spacing:1px;margin-bottom:.75rem;text-align:center;text-transform:uppercase}.login-create-button,.login-new-user-label{font-family:Inter,sans-serif;font-family:var(--font-secondary,"Inter",sans-serif);font-weight:700}.login-create-button{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff14;border:1.5px solid #fff3;border-radius:10px;border-radius:var(--radius-sm,10px);color:#ffffffd9;cursor:pointer;font-size:.95rem;height:48px;letter-spacing:.5px;transition:all .3s ease;width:100%}.login-create-button:hover{background:#ffffff24;border-color:#ffffff59;box-shadow:0 4px 16px #ffffff14;transform:translateY(-2px)}.login-create-button:active{transform:translateY(0)}.login-forgot-password{background:none;border:none;color:#ffb347d9;cursor:pointer;display:block;font-family:Inter,sans-serif;font-family:var(--font-secondary,"Inter",sans-serif);font-size:.85rem;font-weight:600;margin-top:1.25rem;padding:0;text-align:center;text-decoration:none;transition:color .2s ease;width:100%}.login-forgot-password:hover{color:#ffb347;text-decoration:underline}@media (max-width:900px){.login-page-wrapper{flex-direction:column}.login-left-panel{flex:none;padding:3rem 1.5rem 2rem}.login-hero-logo{margin-bottom:1rem;width:90px}.login-brand-name{font-size:1.5rem}.login-brand-tagline{font-size:.9rem}.login-right-panel{flex:none;padding:2rem 1rem 3rem}.login-right-panel .login-container{border-radius:24px;border-radius:var(--radius-lg,24px);max-width:100%;padding:2rem 1.75rem 2.5rem}.login-header h1{font-size:1.75rem}}@media (max-width:380px){.login-left-panel{padding:2.5rem .75rem 1.5rem}.login-hero-logo{width:70px}.login-brand-name{font-size:1.25rem}.login-right-panel{padding:1.5rem .75rem 2rem}.login-right-panel .login-container{border-radius:16px;border-radius:var(--radius-md,16px);padding:1.75rem 1.25rem 2rem}.login-header h1{font-size:1.5rem}.login-header .login-subtitle{font-size:.875rem}.login-right-panel .login-container .form-group input{font-size:.9rem;height:44px}.login-cta-button{font-size:.9rem;height:46px}}.modal-overlay{background-color:#00000073;bottom:0;overflow-y:auto;padding:20px;right:0;z-index:1000}.modal-content{background:#fff;background:var(--color-bg-card,#fff);margin:auto;max-height:90vh;max-width:420px;padding:2rem;position:relative;width:100%}.modal-content label{color:#556;color:var(--color-text-secondary,#556);display:block;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase;word-break:break-word}.modal-content input,.modal-content label{font-family:var(--font-secondary);width:100%}.modal-content input{background:#f5f2ed;background:var(--color-bg-input,#f5f2ed);border:1.5px solid #00000014;border:1.5px solid var(--color-border,#00000014);border-radius:10px;border-radius:var(--radius-sm,10px);box-sizing:border-box;color:var(--color-text);font-size:.9rem;margin-bottom:1rem;outline:none;padding:12px 14px;transition:all var(--transition-fast)}.modal-content input:focus{background:var(--color-bg-card);border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-border-focus)}.submit-button{background:linear-gradient(135deg,#ff9f43,#ffb347);background:var(--gradient-accent,linear-gradient(135deg,#ff9f43,#ffb347));border-radius:var(--radius-sm,10px);box-shadow:var(--shadow-glow-accent);box-sizing:border-box;display:block;font-size:.9rem;line-height:1.2;margin:.5rem auto 0;padding:12px;text-align:center;transition:all var(--transition-base,.25s ease)}.submit-button:hover{box-shadow:0 6px 24px #ff9f4359;transform:translateY(-1px)}@media (max-width:768px){.modal-content{max-height:85vh;max-width:95%;padding:1.5rem}.modal-content h2{font-size:1.2rem;margin-bottom:1rem}.submit-button{font-size:.85rem;padding:10px}}@media (max-width:480px){.submit-button{font-size:.8rem;padding:10px}}.navbar{backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);background:linear-gradient(135deg,#4a1d8e,#6b3fa0,#7c4dba);background:var(--gradient-primary,linear-gradient(135deg,#4a1d8e,#6b3fa0,#7c4dba));border-bottom:1px solid #ffffff14;box-shadow:0 2px 20px #4a1d8e40;color:#fff;height:64px;justify-content:space-between;left:0;padding:0 1.5rem;position:fixed;right:0;top:0;z-index:1000}.navbar,.navbar-brand{align-items:center;display:flex}.navbar-brand{gap:.75rem;padding-left:1rem;z-index:1001}.logo-link{align-items:center;display:flex;height:100%}.navbar-logo{filter:drop-shadow(0 2px 4px rgba(0,0,0,.15));height:40px;transition:all .25s ease;transition:all var(--transition-base,.25s ease);width:auto}.navbar-logo:hover{transform:scale(1.05)}.website-logo{filter:drop-shadow(0 4px 16px rgba(0,0,0,.2));height:auto;width:320px}.brand-text{display:flex;flex-direction:column;gap:.2rem;line-height:1.1}.brand-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff9f43,#ffd93d);background:linear-gradient(135deg,var(--color-accent,#ff9f43),#ffd93d);-webkit-background-clip:text;background-clip:text;font-size:1.2rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;transition:transform .25s ease;transition:transform var(--transition-base,.25s ease)}.brand-title:hover{transform:scale(1.03)}.brand-slogan{color:#ffffffb3;font-family:Inter,sans-serif;font-family:var(--font-secondary,"Inter",sans-serif);font-size:.65rem;font-style:italic;font-weight:400;letter-spacing:.3px;overflow:visible;text-overflow:clip;white-space:normal}.nav-content{gap:.75rem;z-index:1001}.nav-content,.nav-search{align-items:center;display:flex}.nav-search{position:relative;width:260px}.nav-search input{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f;border:none;border-radius:9999px;border-radius:var(--radius-full,9999px);color:#fff;font-family:Inter,sans-serif;font-family:var(--font-secondary,"Inter",sans-serif);font-size:.85rem;height:40px;padding:0 2.5rem 0 1rem;transition:all .25s ease;transition:all var(--transition-base,.25s ease);width:100%}.nav-search input:focus{background:#ffffff38;box-shadow:0 0 0 2px #ff9f43;box-shadow:0 0 0 2px var(--color-accent,#ff9f43);outline:none}.nav-search input::placeholder{color:#ffffff8c}.search-btn{align-items:center;background:none;border:none;border-radius:50%;color:#ffffffb3;cursor:pointer;display:flex;font-size:1rem;height:36px;justify-content:center;position:absolute;right:8px;transition:all .15s ease;transition:all var(--transition-fast,.15s ease);width:36px}.search-btn:hover{background:#ffffff14;color:#ff9f43;color:var(--color-accent,#ff9f43)}.nav-links{gap:1.5rem;list-style:none;margin:0;padding:0}.nav-item,.nav-links{align-items:center;display:flex}.nav-item{border-radius:10px;border-radius:var(--radius-sm,10px);color:#ffffffbf;flex-direction:column;font-size:1.15rem;padding:.5rem;position:relative;text-decoration:none}.nav-item,.nav-item svg{transition:all .25s ease;transition:all var(--transition-base,.25s ease)}.nav-item svg{font-size:1.2rem}.nav-label{bottom:-16px;font-family:Inter,sans-serif;font-family:var(--font-secondary,"Inter",sans-serif);font-size:.65rem;font-weight:500;opacity:0;position:absolute;transition:all .25s ease;transition:all var(--transition-base,.25s ease)}.nav-item:hover{background:#ffffff14;color:#fff;transform:translateY(-1px)}.nav-item:hover svg{filter:drop-shadow(0 0 6px rgba(255,159,67,.4));transform:scale(1.08)}.nav-item:hover .nav-label{bottom:-14px;opacity:1}.nav-item.active{background:#ff9f431a;color:#ff9f43;color:var(--color-accent,#ff9f43)}.nav-item.active:after{background:#ff9f43;background:var(--color-accent,#ff9f43);border-radius:50%;bottom:2px;content:"";height:5px;left:50%;position:absolute;transform:translateX(-50%);width:5px}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}.dropdown-toggle,.mobile-search-bar button,.search-toggle{align-items:center;background:#ffffff14;border:none;border-radius:10px;border-radius:var(--radius-sm,10px);color:#fff;cursor:pointer;display:flex;font-size:1.1rem;height:44px;justify-content:center;transition:background var(--transition-fast);width:44px}.dropdown-toggle:hover,.search-toggle:hover{background:#ffffff26}@media (max-width:768px){.brand-slogan,.nav-links,.nav-search{display:none}.brand-title{font-size:.95rem}.dropdown-menu{animation:fadeIn .2s ease-in-out;background:#fff;background:var(--color-bg-card,#fff);border:1px solid #0000000f;border:1px solid var(--color-border,#0000000f);border-radius:16px;border-radius:var(--radius-md,16px);box-shadow:0 16px 48px #00000029;box-shadow:var(--shadow-xl,0 16px 48px #00000029);min-width:200px;overflow:hidden;position:absolute;right:1rem;top:68px;z-index:1000}.dropdown-menu a{align-items:center;border-bottom:1px solid #0000000f;border-bottom:1px solid var(--color-border,#0000000f);color:#1a1a2e;color:var(--color-text,#1a1a2e);display:flex;font-family:Inter,sans-serif;font-family:var(--font-secondary,"Inter",sans-serif);font-size:.9rem;font-weight:500;gap:.75rem;padding:.85rem 1.25rem;text-decoration:none;transition:all var(--transition-fast)}.dropdown-menu a:hover{background:#f0ebe3;background:var(--color-bg-muted,#f0ebe3);color:#4a1d8e;color:var(--color-primary,#4a1d8e)}.dropdown-menu a:last-child{border-bottom:none}.dropdown-menu a.active{background:#4a1d8e0d;color:#4a1d8e;color:var(--color-primary,#4a1d8e);font-weight:600}.mobile-search-bar{background:#fff;background:var(--color-bg-card,#fff);box-shadow:var(--shadow-md);display:flex;gap:.5rem;left:0;padding:.75rem 1rem;position:absolute;right:0;top:68px;z-index:1000}.mobile-search-bar input{border:1.5px solid var(--color-border);border-radius:9999px 0 0 9999px;border-radius:var(--radius-full,9999px) 0 0 var(--radius-full,9999px);flex:1 1;font-family:var(--font-secondary);font-size:.9rem;outline:none;padding:.6rem 1rem}.mobile-search-bar input:focus{border-color:var(--color-primary)}.mobile-search-bar button{background:#ff9f43;background:var(--color-accent,#ff9f43);border:none;border-radius:0 var(--radius-full) var(--radius-full) 0;color:#fff;cursor:pointer;font-weight:600;width:56px}}.Text{color:#1a1a2e;color:var(--color-text,#1a1a2e)}.App{text-align:center}.App-logo{height:40vmin}.divfont{font-family:var(--font-primary)}.App-header{align-items:flex-start;background:linear-gradient(180deg,#faf6ef,#f5efe6);background:var(--gradient-warm-bg,linear-gradient(180deg,#faf6ef,#f5efe6));color:#1a1a2e;color:var(--color-text,#1a1a2e);display:flex;flex-direction:row;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.deletePost{width:100%}.deleteIcon{float:right}.settings{color:#1a1a2e;color:var(--color-text,#1a1a2e);font-family:Inter,sans-serif;font-family:var(--font-secondary,"Inter",sans-serif);width:100%}.settings-button{align-items:center;align-self:center;background:linear-gradient(135deg,#4a1d8e,#7c4dba);background:var(--gradient-primary,linear-gradient(135deg,#4a1d8e,#7c4dba));border:none;border-radius:16px;border-radius:var(--radius-md,16px);box-shadow:0 4px 20px #4a1d8e33;box-shadow:var(--shadow-glow-purple,0 4px 20px #4a1d8e33);color:#fff;cursor:pointer;font-size:18px;font-weight:600;margin-bottom:25px;padding:14px 24px;transition:all .25s ease;transition:all var(--transition-base,.25s ease);width:400px}.settings-button:hover{box-shadow:0 6px 28px #4a1d8e4d;transform:translateY(-2px)}.delete-popup-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.delete-popup{background:#fff;background:var(--color-bg-card,#fff);border:1px solid #0000000f;border:1px solid var(--color-border,#0000000f);border-radius:24px;border-radius:var(--radius-lg,24px);box-shadow:0 16px 48px #00000029;box-shadow:var(--shadow-xl,0 16px 48px #00000029);color:#1a1a2e;color:var(--color-text,#1a1a2e);padding:28px 32px;text-align:center}.link-button{background-color:initial;border:none;cursor:pointer;display:inline;margin:0;outline:none;padding:0}.link-button:active,.link-button:focus,.link-button:hover{outline:none;text-decoration:none}.submitbutton{background:linear-gradient(135deg,#4a1d8e,#7c4dba);background:var(--gradient-primary,linear-gradient(135deg,#4a1d8e,#7c4dba));border:none;border-radius:10px;border-radius:var(--radius-sm,10px);color:#fff;cursor:pointer;font-weight:600;margin:10px;padding:10px 20px;transition:all .25s ease;transition:all var(--transition-base,.25s ease)}.submitbutton:hover{box-shadow:var(--shadow-glow-purple);transform:translateY(-1px)}.no-suggestions{color:#8e8e9e;color:var(--color-text-muted,#8e8e9e);padding:.5rem}.autocomplete input{width:calc(300px + 1rem)}.autocomplete{min-height:165px}.suggestions{background:#fff;background:var(--color-bg-card,#fff);border:1px solid #00000014;border:1px solid var(--color-border,#00000014);border-radius:0 0 10px 10px;border-radius:0 0 var(--radius-sm,10px) var(--radius-sm,10px);border-top:0 solid var(--color-border,#00000014);box-shadow:0 4px 16px #00000014;box-shadow:var(--shadow-md,0 4px 16px #00000014);display:inline-block;list-style:none;margin-top:0;max-height:143px;overflow-y:scroll;padding-left:0;position:relative;width:calc(300px + 1rem)}.suggestions li{color:#1a1a2e;color:var(--color-text,#1a1a2e);font-size:14px;padding:.5rem .75rem;transition:all .15s ease;transition:all var(--transition-fast,.15s ease)}.suggestion-active,.suggestions li:hover{background-color:#4a1d8e;background-color:var(--color-primary,#4a1d8e);color:#fff;cursor:pointer;font-weight:600}.suggestions li:not(:last-of-type){border-bottom:1px solid #0000000f;border-bottom:1px solid var(--color-border,#0000000f)}.profileform label{display:block}.App-link{color:#4a1d8e;color:var(--color-primary,#4a1d8e)}.postlist,.userlist{background:#fff;background:var(--color-bg-card,#fff);border:1px solid #0000000f;border:1px solid var(--color-border,#0000000f);border-radius:16px;border-radius:var(--radius-md,16px);box-shadow:0 4px 16px #00000014;box-shadow:var(--shadow-md,0 4px 16px #00000014);color:#1a1a2e;color:var(--color-text,#1a1a2e);display:inline-flex;margin:10px;padding:24px;text-align:left;width:60%}.userlist{justify-content:space-between}.comments{background:#fff;background:var(--color-bg-card,#fff);border:1px solid var(--color-border);border-radius:16px;border-radius:var(--radius-md,16px);margin:10px;padding:12px 16px}.commentlist,.comments{color:#1a1a2e;color:var(--color-text,#1a1a2e);display:block;width:90%}.commentlist{background:#f0ebe3;background:var(--color-bg-muted,#f0ebe3);border-radius:10px;border-radius:var(--radius-sm,10px);font-size:13px;margin:8px;padding:10px 14px;text-align:left}.hide{display:none}.maincontent{flex-grow:1;justify-content:center}.maincontent,.posts{display:flex;flex-direction:column}.posts{align-items:center;justify-content:flex-start}.postbody{color:#1a1a2e;color:var(--color-text,#1a1a2e);max-width:650px}.comment-block,.postbody{align-items:flex-start;flex-direction:column}.comment-block,.postbody,.sidenav{display:flex;justify-content:center;width:100%}.sidenav{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--gradient-primary);height:auto;left:0;padding:0 2vw;position:fixed;top:0;z-index:1000}#side-menu-items{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;list-style:none;margin:0;padding:0;width:100%}#side-menu-items li{display:inline;flex-grow:1;text-align:center}#side-menu-items li a,.link-button{color:#fff;display:block;font-size:clamp(16px,2vw,24px);font-weight:600;padding:1vh 1vw;text-decoration:none;transition:all var(--transition-fast);white-space:nowrap;width:100%}#side-menu-items li a:hover,.link-button:hover{opacity:.85;text-decoration:none}.tag-active{border:2px solid #ff9f43;border:2px solid var(--color-accent,#ff9f43);border-radius:var(--radius-sm)}.sidenav ul{list-style-type:none;margin:40px 0 0;padding:10px}.sidenav-icon{height:40px;margin-bottom:15px;width:40px}.comment-indicator{display:block;float:right;margin-top:10px;text-align:right;width:100%}.comment-icon{float:right;height:40px;width:40px}.comment-indicator-text{background-color:#f0ebe3;background-color:var(--color-bg-muted,#f0ebe3);border-radius:10px;border-radius:var(--radius-sm,10px);color:#1a1a2e;color:var(--color-text,#1a1a2e);float:right;font-size:14px;font-weight:600;margin-left:10px;padding:6px;text-align:center;width:120px}.modal{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000073;display:block;height:100%;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background-color:#fff;background-color:var(--color-bg-card,#fff);border:1px solid #0000000f;border:1px solid var(--color-border,#0000000f);border-radius:24px;border-radius:var(--radius-lg,24px);box-shadow:0 16px 48px #00000029;box-shadow:var(--shadow-xl,0 16px 48px #00000029);margin:12% auto;min-height:200px;padding:24px 28px;width:50%}.close{color:#8e8e9e;color:var(--color-text-muted,#8e8e9e);float:right;font-size:28px;font-weight:700;line-height:42px;transition:color var(--transition-fast)}.close:focus,.close:hover{color:#1a1a2e;color:var(--color-text,#1a1a2e);cursor:pointer;text-decoration:none}.chat{align-items:center;justify-content:center}.chat__main{flex:0.6 1}.message__container{background-color:#f0ebe3;background-color:var(--color-bg-muted,#f0ebe3);border-radius:var(--radius-md) var(--radius-md) 0 0;height:60vh;overflow-y:scroll;padding:20px;width:100%}.chat__footer{background-color:#fff;background-color:var(--color-bg-card,#fff);border-radius:0 0 var(--radius-md) var(--radius-md);border-top:1px solid var(--color-border);padding:16px 20px;width:100%}.form{height:100%;justify-content:space-between}.message{font-family:var(--font-secondary);height:100%;padding:12px 16px;transition:border-color var(--transition-fast);width:80%}.message:focus{border-color:var(--color-primary,#4a1d8e);box-shadow:0 0 0 3px var(--color-border-focus)}.messageIcon{height:40px;transition:transform var(--transition-base);width:40px}.messageIcon:hover{cursor:pointer;transform:scale(1.1)}.sendBtn{background:var(--gradient-accent);outline:none;padding:10px 16px;transition:all var(--transition-base);width:120px}.sendBtn:hover{box-shadow:var(--shadow-glow-accent)}.message__recipient{background-color:#f0ebe3;background-color:var(--color-bg-muted,#f0ebe3);max-width:80%;text-align:start}.message__recipient,.message__sender{font-size:14px;padding:10px 14px;width:fit-content}.message__sender{background:var(--color-primary,#4a1d8e);margin-left:auto;max-width:400px;text-align:right}.recipient__name{text-align:left}.recipient__name,.sender__name{color:#556;color:var(--color-text-secondary,#556);font-size:12px}.sender__name{text-align:right}body,html{max-width:100%;overflow-x:hidden}.container,.maincontent,.sidenav{max-width:100vw;overflow-x:hidden}.maincontent{margin-top:0}.background-img{background-image:url(/static/media/Frame%203.6e4570afdf25af965a2c.png);background-position:50%;background-repeat:no-repeat;background-size:100%;display:flex;flex-direction:column;height:60%;padding-top:2.5%;width:60%}body.register-page .App-header{background:none!important;min-height:0!important;padding:0!important}.register-page-wrapper{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:6rem 1.5rem 3rem;position:relative}.register-page-wrapper:after,.register-page-wrapper:before{border-radius:50%;content:"";filter:blur(80px);opacity:.35;pointer-events:none;position:absolute;z-index:0}.register-page-wrapper:before{animation:float-blob 12s ease-in-out infinite;background:radial-gradient(circle,#4a1d8e80,#0000 70%);height:420px;right:-100px;top:-80px;width:420px}.register-page-wrapper:after{animation:float-blob 15s ease-in-out infinite reverse;background:radial-gradient(circle,#ff9f4366,#0000 70%);bottom:-60px;height:350px;left:-80px;width:350px}@keyframes float-blob{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-20px) scale(1.05)}66%{transform:translate(-20px,15px) scale(.95)}}.register-container{background:linear-gradient(145deg,#4a1d8e,#5c2d9e 30%,#7c4dba 70%,#6b3fa0);background:var(--gradient-primary,linear-gradient(145deg,#4a1d8e 0,#5c2d9e 30%,#7c4dba 70%,#6b3fa0 100%));border:1px solid #ffffff1a;border-radius:32px;border-radius:var(--radius-xl,32px);box-shadow:0 20px 60px #4a1d8e4d,0 8px 24px #00000026,inset 0 1px 0 #ffffff1f;max-width:540px;padding:2.5rem 3rem 3rem;position:relative;width:100%;z-index:1}.register-header{margin-bottom:2rem;text-align:center}.register-header .registration-logo{filter:drop-shadow(0 4px 12px rgba(0,0,0,.25));height:auto;margin-bottom:1rem;transition:transform .4s ease;width:56px}.register-header .registration-logo:hover{transform:scale(1.08) rotate(-3deg)}.register-header h1{color:#fffffff2;font-size:2rem;font-weight:800;letter-spacing:-.5px;margin-bottom:.4rem}.register-header .register-subtitle{color:#ffb347e6;font-size:1rem;font-weight:500;letter-spacing:.2px}.step-indicator{align-items:center;display:flex;gap:.75rem;justify-content:center;margin-bottom:2rem}.step-dot{background:#fff3;border:2px solid #ffffff4d;border-radius:50%;height:10px;transition:all .35s ease;width:10px}.step-dot.active{background:#ff9f43;background:var(--color-accent,#ff9f43);border-color:#ff9f43;border-color:var(--color-accent,#ff9f43);box-shadow:0 0 12px #ff9f4380;transform:scale(1.2)}.step-line{background:#ffffff26;border-radius:2px;height:2px;overflow:hidden;position:relative;width:60px}.step-line.completed:after{animation:step-fill .5s ease forwards;background:#ff9f43;background:var(--color-accent,#ff9f43);border-radius:2px;content:"";height:100%;left:0;position:absolute;top:0;width:100%}@keyframes step-fill{0%{width:0}to{width:100%}}.register-form{display:flex;flex-direction:column;gap:0}.register-container .form-group{margin-bottom:1.25rem}.register-container .form-group label{color:#ffffffb3;font-size:.75rem;font-weight:700;letter-spacing:1px;margin-bottom:.5rem;text-transform:uppercase}.register-container .form-group input,.register-container .form-group label{font-family:Inter,sans-serif;font-family:var(--font-secondary,"Inter",sans-serif)}.register-container .form-group input{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff14;border:1.5px solid #ffffff26;border-radius:10px;border-radius:var(--radius-sm,10px);color:#fff;font-size:.95rem;height:48px;outline:none;padding:0 1rem;transition:all .2s ease;width:100%}.register-container .form-group input:focus{background:#ffffff24;border-color:#ff9f43;border-color:var(--color-accent,#ff9f43);box-shadow:0 0 0 3px #ff9f4333}.register-container .form-group input::placeholder{color:#fff6}.name-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.gender-section{margin-bottom:1.5rem}.gender-section h3{color:#ffffffb3;font-family:Inter,sans-serif;font-family:var(--font-secondary,"Inter",sans-serif);font-size:.75rem;font-weight:700;letter-spacing:1px;margin-bottom:.75rem;text-align:center;text-transform:uppercase}.chip-group{display:flex;flex-wrap:wrap;gap:.625rem;justify-content:center}.chip-toggle{cursor:pointer;position:relative;-webkit-user-select:none;user-select:none}.chip-toggle input[type=checkbox]{height:0;opacity:0;pointer-events:none;position:absolute;width:0}.chip-label{align-items:center;background:#ffffff14;border:1.5px solid #ffffff2e;border-radius:999px;color:#ffffffbf;cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;font-family:var(--font-secondary,"Inter",sans-serif);font-size:.85rem;font-weight:600;gap:.4rem;padding:.55rem 1.15rem;transition:all .25s ease}.chip-label:hover{background:#ffffff24;border-color:#ffffff4d}.chip-toggle input:checked+.chip-label{background:#ff9f4333;border-color:#ff9f43;border-color:var(--color-accent,#ff9f43);box-shadow:0 0 16px #ff9f4326;color:#fff}.chip-check{align-items:center;border:2px solid #ffffff4d;border-radius:4px;display:flex;flex-shrink:0;height:16px;justify-content:center;transition:all .2s ease;width:16px}.chip-toggle input:checked+.chip-label .chip-check{background:#ff9f43;background:var(--color-accent,#ff9f43);border-color:#ff9f43;border-color:var(--color-accent,#ff9f43)}.chip-check svg{stroke:#fff;stroke-width:3;fill:none;height:10px;opacity:0;transform:scale(.5);transition:all .2s ease;width:10px}.chip-toggle input:checked+.chip-label .chip-check svg{opacity:1;transform:scale(1)}.next-button{background:linear-gradient(135deg,#ff9f43,#ffb347);background:var(--gradient-accent,linear-gradient(135deg,#ff9f43,#ffb347));border:none;border-radius:10px;border-radius:var(--radius-sm,10px);box-shadow:0 4px 20px #ff9f434d;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-family:var(--font-secondary,"Inter",sans-serif);font-size:1rem;font-weight:700;height:50px;letter-spacing:.5px;margin-top:.5rem;overflow:hidden;position:relative;transition:all .3s ease;width:100%}.next-button:before{background:linear-gradient(90deg,#0000,#ffffff26,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.next-button:hover{box-shadow:0 8px 32px #ff9f4366;transform:translateY(-2px)}.next-button:hover:before{left:100%}.next-button:active{box-shadow:0 4px 16px #ff9f4340;transform:translateY(0)}.register-container .error-message{background:#ff6b6b1a;border-left:3px solid #ff6b6b;border-radius:8px;color:#ff8a8a;font-size:.8rem;font-weight:600;margin-bottom:1rem;padding:.5rem .75rem}.register-container .field-error{color:#ff8a8a;font-size:.75rem;font-weight:600;margin-top:.35rem;padding-left:.25rem}.register-divider{background:linear-gradient(90deg,#0000,#ffffff26,#0000);height:1px;margin:.5rem 0 1.5rem;width:100%}.register-step-two{display:flex;flex-direction:column;gap:0}.register-container .title{color:#fff;font-size:2rem;font-weight:800;letter-spacing:-.5px;margin-bottom:0}.register-group{align-items:center;display:flex;flex-direction:column;margin-bottom:0}@media (max-width:640px){.register-page-wrapper{padding:5rem 1rem 2rem}.register-container{border-radius:24px;border-radius:var(--radius-lg,24px);max-width:100%;padding:2rem 1.75rem 2.5rem}.register-header h1{font-size:1.75rem}.name-row{gap:0;grid-template-columns:1fr}.chip-group{gap:.5rem}.chip-label{font-size:.8rem;padding:.5rem .9rem}}@media (max-width:380px){.register-page-wrapper{padding:4.5rem .75rem 1.5rem}.register-container{border-radius:16px;border-radius:var(--radius-md,16px);padding:1.75rem 1.25rem 2rem}.register-header h1{font-size:1.5rem}.register-header .register-subtitle{font-size:.875rem}.register-header .registration-logo{width:44px}.register-container .form-group input{font-size:.9rem;height:44px}.next-button{font-size:.9rem;height:46px}.chip-label{font-size:.78rem;padding:.45rem .75rem}.step-line{width:40px}}:root{--brand-purple:var(--color-primary,#4a1d8e);--brand-orange:var(--color-accent,#ff9f43);--soft-purple-bg:#f8f5ff;--bubble-gray:#f0ebe3;--brand-purple-dark:var(--color-primary-dark,#351566);--transition-speed:0.25s;--chat-font:var(--font-secondary,"Inter",-apple-system,sans-serif);--body-bg:linear-gradient(135deg,var(--brand-purple) 0%,var(--brand-orange) 100%)}body{background:linear-gradient(135deg,#4a1d8e,#ff9f43);background:var(--body-bg);color:#333;color:var(--color-text,#333);font-family:Inter,-apple-system,sans-serif;font-family:var(--chat-font);min-height:100vh}.chat,body{display:flex;flex-direction:column}.chat{background-color:initial;height:calc(100vh - 4rem);margin:2rem auto;max-width:600px;width:95%}.chat__main{backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);background:#ffffff2e;border:1px solid #ffffff40;border-radius:16px;border-radius:var(--radius-md,16px);box-shadow:0 8px 32px #0000001f;box-shadow:var(--shadow-lg,0 8px 32px #0000001f);display:flex;flex-direction:column;height:80vh;max-height:80vh;overflow:hidden;width:100%}.chat__header{background:#4a1d8e;background:var(--brand-purple);border-bottom:1px solid #00000014;display:flex;flex-shrink:0;font-size:15px;font-weight:700;letter-spacing:.3px;padding:14px 16px}.chat__header,.toggle-starter-btn{align-items:center;color:#fff;justify-content:center}.toggle-starter-btn{background:#ff9f43;background:var(--brand-orange);border:none;border-radius:10px;border-radius:var(--radius-sm,10px);box-shadow:0 2px 8px #0000000f;box-shadow:var(--shadow-sm,0 2px 8px #0000000f);cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,sans-serif;font-family:var(--chat-font);font-size:13px;font-weight:600;gap:.5rem;padding:8px 18px;transition:all .25s ease;transition:all var(--transition-speed) ease}.toggle-starter-btn:hover{box-shadow:0 4px 20px #ff9f4340;box-shadow:var(--shadow-glow-accent,0 4px 20px #ff9f4340);transform:translateY(-1px)}.conversation-starter{animation:fadeInSlideDown .4s ease forwards;background:#fff;background:var(--color-bg-card,#fff);border:1px solid #0000000f;border:1px solid var(--color-border,#0000000f);border-radius:10px;border-radius:var(--radius-sm,10px);box-shadow:var(--shadow-sm);flex-shrink:0;margin:12px auto;max-width:420px;padding:16px;text-align:center;width:calc(100% - 24px)}@keyframes fadeInSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.starter-title{color:#4a1d8e;color:var(--brand-purple);font-size:14px;font-weight:700;margin-bottom:10px}.starter-options{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.starter-option{background:#fff;background:var(--color-bg-card,#fff);border:1.5px solid #4a1d8e;border:1.5px solid var(--brand-purple);border-radius:9999px;border-radius:var(--radius-full,9999px);color:#4a1d8e;color:var(--brand-purple);cursor:pointer;font-family:var(--font-secondary);font-size:12px;font-weight:500;padding:6px 14px;transition:all .25s ease;transition:all var(--transition-speed) ease}.starter-option:hover{background:#4a1d8e;background:var(--brand-purple);box-shadow:var(--shadow-glow-purple);color:#fff;transform:translateY(-1px)}.message__container{background:#f8f5ff;background:var(--soft-purple-bg);display:flex;flex:1 1;flex-direction:column;min-height:0;overflow-x:hidden;overflow-y:auto;padding:14px 16px;scrollbar-color:#4a1d8e33 #0000;scrollbar-width:thin}.message__container::-webkit-scrollbar{width:6px}.message__container::-webkit-scrollbar-thumb{background:#4a1d8e33;border-radius:3px}.message__chats{display:flex;flex-direction:column;gap:8px;width:100%}.message__recipient,.message__sender{word-wrap:break-word;border-radius:16px;border-radius:var(--radius-md,16px);box-shadow:0 1px 2px #0000000a;box-shadow:var(--shadow-xs,0 1px 2px #0000000a);font-family:Inter,-apple-system,sans-serif;font-family:var(--chat-font);font-size:14px;line-height:1.5;max-width:80%;overflow-wrap:break-word;padding:10px 16px;white-space:pre-wrap}.message__sender{align-self:flex-end;background:#4a1d8e;background:var(--brand-purple);border-radius:var(--radius-md) var(--radius-md) 4px var(--radius-md);color:#fff;margin-left:20%}.message__recipient{align-self:flex-start;background:#f0ebe3;background:var(--bubble-gray);border-radius:var(--radius-md) var(--radius-md) var(--radius-md) 4px;color:#1a1a2e;color:var(--color-text,#1a1a2e);margin-right:20%}.recipient__name,.sender__name{color:#8e8e9e;color:var(--color-text-muted,#8e8e9e);font-size:11px;font-weight:500;margin-bottom:2px;padding:0 4px}.chat__footer{background:#fff;background:var(--color-bg-card,#fff);border-top:1px solid #0000000f;border-top:1px solid var(--color-border,#0000000f);flex-shrink:0;padding:14px 16px}.chat__footer,.form{display:flex;gap:10px}.form{align-items:center;width:100%}.message{background:#f5f2ed;background:var(--color-bg-input,#f5f2ed);border:1.5px solid #00000014;border:1.5px solid var(--color-border,#00000014);border-radius:10px;border-radius:var(--radius-sm,10px);color:var(--color-text);flex:1 1;font-family:Inter,-apple-system,sans-serif;font-family:var(--chat-font);font-size:14px;min-width:0;outline:none;padding:10px 14px;transition:all .25s ease;transition:all var(--transition-speed) ease}.message:focus{background:#fff;background:var(--color-bg-card,#fff);border-color:#4a1d8e;border-color:var(--brand-purple);box-shadow:0 0 0 3px #4a1d8e26;box-shadow:0 0 0 3px var(--color-border-focus,#4a1d8e26)}.sendBtn{background:linear-gradient(135deg,#ff9f43,#ffb347);background:var(--gradient-accent,linear-gradient(135deg,#ff9f43,#ffb347));border:none;border-radius:10px;border-radius:var(--radius-sm,10px);box-shadow:0 2px 8px #0000000f;box-shadow:var(--shadow-sm,0 2px 8px #0000000f);color:#fff;cursor:pointer;flex-shrink:0;font-family:Inter,-apple-system,sans-serif;font-family:var(--chat-font);font-size:14px;font-weight:600;padding:10px 18px;transition:all .25s ease;transition:all var(--transition-speed) ease}.sendBtn:hover{box-shadow:0 4px 20px #ff9f4340;box-shadow:var(--shadow-glow-accent,0 4px 20px #ff9f4340);transform:translateY(-1px)}@media (max-width:480px){.chat{height:100vh;margin:0;width:100%}.chat__main{border-radius:0;box-shadow:none;height:100vh;max-height:100vh}.conversation-starter{margin:8px auto;width:calc(100% - 16px)}.starter-option{font-size:11px;padding:5px 10px}.message,.sendBtn{font-size:13px;padding:9px 12px}.chat__footer{padding:10px 12px}.message__recipient,.message__sender{max-width:85%;padding:8px 12px}}body,html{height:100vh;overflow:hidden}.account-container{align-items:center;background:#faf6ef;background:var(--color-bg-warm,#faf6ef);display:flex;flex-direction:column;padding:24px;text-align:center}.account-title{color:#1a1a2e;color:var(--color-text,#1a1a2e);font-size:28px;font-weight:700;letter-spacing:-.5px;margin-bottom:24px}.image-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);max-width:600px}.image-box{align-items:center;background:#fff;background:var(--color-bg-card,#fff);border:2px dashed #0000001f;border:2px dashed var(--color-border,#0000001f);border-radius:16px;border-radius:var(--radius-md,16px);box-shadow:var(--shadow-xs);color:#8e8e9e;color:var(--color-text-muted,#8e8e9e);cursor:pointer;display:flex;font-size:16px;height:150px;justify-content:center;overflow:hidden;position:relative;transition:all .25s ease;transition:all var(--transition-base,.25s ease);width:120px}.image-box:hover{background:#4a1d8e08;border-color:#6b3fa0;border-color:var(--color-primary-light,#6b3fa0);box-shadow:var(--shadow-sm)}.image-box img{border-radius:16px;border-radius:var(--radius-md,16px);height:100%;object-fit:cover;width:100%}.upload-text{color:#8e8e9e!important;color:var(--color-text-muted,#8e8e9e)!important;font-size:14px;font-weight:600}.activity-button{background:linear-gradient(135deg,#4a1d8e,#7c4dba);background:var(--gradient-primary,linear-gradient(135deg,#4a1d8e,#7c4dba));border:none;border-radius:10px;border-radius:var(--radius-sm,10px);box-shadow:var(--shadow-glow-purple);color:#fff;cursor:pointer;font-size:15px;font-weight:700;letter-spacing:.3px;margin-top:24px;padding:12px 24px;transition:all .25s ease;transition:all var(--transition-base,.25s ease)}.activity-button:hover{box-shadow:0 6px 28px #4a1d8e4d;transform:translateY(-2px)}.discover-heading{color:#2d1654;display:inline-block;font-size:2.4rem;font-weight:800;letter-spacing:-.5px;margin-bottom:1.5rem;position:relative;text-align:center}.discover-heading:after{background:linear-gradient(90deg,#ff9f43,#ffb347);border-radius:3px;bottom:-6px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.main-profile-card{align-items:center;animation:cardFadeIn .5s ease-out;background:linear-gradient(145deg,#4a1d8e,#5c2d9e 30%,#7c4dba 70%,#6b3fa0);border:1px solid #ffffff1a;border-radius:28px;box-shadow:0 20px 60px #4a1d8e4d,0 8px 24px #00000026,inset 0 1px 0 #ffffff1f;display:flex;flex-direction:column;margin:2rem auto;max-width:420px;overflow:hidden;padding:2.5rem 2rem 2rem;position:relative;text-align:center;width:100%}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.main-profile-card .profile-avatar{border:3px solid #ffffff40;border-radius:50%;box-shadow:0 8px 32px #00000040;height:110px;margin-bottom:1rem;object-fit:cover;transition:transform .35s ease,box-shadow .35s ease;width:110px}.main-profile-card .profile-avatar:hover{box-shadow:0 12px 40px #00000059;transform:scale(1.06)}.main-profile-card .profile-name{color:#fffffff2;font-size:1.5rem;font-weight:800;letter-spacing:-.3px;margin:.25rem 0 .75rem}.profile-info-grid{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1.25rem;width:100%}.profile-info-item{color:#ffffffbf;font-size:.9rem;line-height:1.6}.profile-info-item strong{color:#ffb347f2;font-weight:700;margin-right:.3rem}.instrument-tags{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center;margin-top:.4rem}.instrument-tag{background:#ffffff1a;border:1px solid #ffffff2e;border-radius:999px;color:#ffffffd9;display:inline-block;font-size:.78rem;font-weight:600;padding:.25rem .7rem;transition:all .2s ease}.instrument-tag:hover{background:#ff9f4333;border-color:#ff9f4366}.song-of-the-week{border-top:1px solid #ffffff1a;margin-top:.75rem;padding-top:1rem;width:100%}.song-of-the-week h4{color:#ffb347e6;font-size:.8rem;font-weight:700;letter-spacing:1px;margin-bottom:.75rem;text-transform:uppercase}.song-of-the-week iframe{border-radius:12px;box-shadow:0 4px 20px #0000004d;max-width:100%}.song-of-the-week p{color:#ffffff80;font-size:.85rem;font-style:italic}.button-container{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem;width:100%}.like-button{background:linear-gradient(135deg,#ff9f43,#ffb347);border:none;border-radius:12px;box-shadow:0 4px 20px #ff9f434d;color:#fff;cursor:pointer;flex:1 1;font-size:.95rem;font-weight:700;height:48px;letter-spacing:.5px;max-width:150px;overflow:hidden;position:relative;transition:all .3s ease}.like-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.like-button:hover{box-shadow:0 8px 32px #ff9f4373;transform:translateY(-3px)}.like-button:hover:before{left:100%}.like-button:active{transform:translateY(0)}.reject-button{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ff8a8a;border:1.5px solid #fff3;border-radius:12px;color:#ffffffd9;cursor:pointer;flex:1 1;font-size:.95rem;font-weight:700;height:48px;letter-spacing:.5px;max-width:150px;transition:all .3s ease}.reject-button:hover{background:#dc354540;border-color:#dc354580;box-shadow:0 6px 24px #dc354533;color:#ff8a8a;transform:translateY(-3px)}.reject-button:active{transform:translateY(0)}.like-button:disabled,.reject-button:disabled{background:#ffffff0d;border-color:#ffffff14;box-shadow:none;color:#ffffff4d;cursor:not-allowed;transform:none}.view-reviews-btn{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff14;border:1.5px solid #ffffff2e;border-radius:999px;color:#fffc;cursor:pointer;font-size:.82rem;font-weight:600;letter-spacing:.3px;margin-top:1rem;padding:.6rem 1.5rem;transition:all .25s ease}.view-reviews-btn:hover{background:#ffffff29;border-color:#ffb34780;box-shadow:0 4px 16px #00000026;color:#fff;transform:translateY(-2px)}.filter-trigger{left:1.25rem;position:absolute;top:1.25rem;z-index:10}.filter-icon-btn{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff1f;border:1.5px solid #ffffff2e;border-radius:50%;color:#fffc;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .25s ease;width:40px}.filter-icon-btn:hover{background:#fff3;border-color:#ffb34780;color:#fff;transform:scale(1.08)}.filter-dropdown{animation:fadeIn .15s ease-out;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1e0f3cf2;border:1px solid #ffffff1f;border-radius:14px;box-shadow:0 12px 40px #0006;display:flex;flex-direction:column;gap:.35rem;margin-top:.5rem;min-width:170px;padding:.6rem;z-index:100}.filter-dropdown button{background:#ffffff14;border:1px solid #ffffff1a;border-radius:10px;color:#ffffffd9;cursor:pointer;font-size:.82rem;font-weight:600;padding:.5rem .75rem;text-align:left;transition:all .2s ease}.filter-dropdown button:hover{background:#ff9f4333;border-color:#ff9f4366;color:#fff}body,html{height:auto;overflow-y:auto}.login-container{min-height:100vh;overflow-x:hidden;overflow-y:auto}.Text,.login-container{display:flex;flex-direction:column}.Text{background-color:initial!important;flex-grow:1}.my-profile-hover{position:absolute;right:1.25rem;top:1.25rem;z-index:10}.hover-trigger{display:inline-block;position:relative}.hover-trigger img{border:2px solid #ffffff40;border-radius:50%;box-shadow:0 4px 16px #0003;cursor:pointer;height:44px;transition:all .3s ease;width:44px}.hover-trigger:hover img{border-color:#ffb34799;box-shadow:0 6px 24px #0000004d;transform:scale(1.1)}.hover-card{animation:fadeIn .2s ease-out;background:linear-gradient(145deg,#3a1278,#4a1d8e 40%,#5c2d9e);border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 20px 60px #0006,0 8px 24px #4a1d8e4d,inset 0 1px 0 #ffffff1a;display:none;font-size:.8rem;line-height:1.5;max-height:420px;overflow-y:auto;padding:1.25rem;position:absolute;right:0;top:calc(100% + 10px);width:320px;word-break:break-word;z-index:1001}.hover-card::-webkit-scrollbar{width:5px}.hover-card::-webkit-scrollbar-track{background:#0000}.hover-card::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.hover-trigger:hover .hover-card{display:block}.hover-card h4{color:#ffb347e6;font-size:.8rem;font-weight:700;letter-spacing:1px;margin-bottom:.75rem;text-align:center;text-transform:uppercase}.hover-card .profile-card{background:#0000!important;border:none!important;box-shadow:none!important;padding:0!important}.hover-card p{color:#ffffffbf;font-size:.82rem;margin:.25rem 0}.hover-card p strong{color:#ffb347e6}.hover-card img{border:2px solid #fff3!important;box-shadow:0 4px 16px #0000004d!important}.hover-card .hc-edit-btn{background:#ffffff1a;border:1px solid #ffffff2e;border-radius:8px;color:#fffc;cursor:pointer;font-size:.72rem;font-weight:600;padding:.3rem .7rem;transition:all .2s ease}.hover-card .hc-edit-btn:hover{background:#ff9f4333;border-color:#ff9f4366;color:#fff}.hover-card .hc-save-btn{background:linear-gradient(135deg,#ff9f43,#ffb347);border:none;border-radius:8px;box-shadow:0 2px 10px #ff9f4340;color:#fff;cursor:pointer;font-size:.72rem;font-weight:700;padding:.3rem .7rem;transition:all .2s ease}.hover-card .hc-save-btn:hover{box-shadow:0 4px 16px #ff9f4366;transform:translateY(-1px)}.hover-card .hc-cancel-btn{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;color:#fff9;cursor:pointer;font-size:.72rem;font-weight:600;padding:.3rem .7rem;transition:all .2s ease}.hover-card .hc-cancel-btn:hover{background:#dc354526;border-color:#dc35454d;color:#ff8a8a}.hover-card .hc-input{background:#ffffff14;border:1.5px solid #ffffff26;border-radius:8px;color:#fff;font-family:Inter,sans-serif;font-family:var(--font-secondary,"Inter",sans-serif);font-size:.8rem;outline:none;padding:.35rem .6rem;transition:all .2s ease}.hover-card .hc-input:focus{background:#ffffff24;border-color:#ff9f4380;box-shadow:0 0 0 2px #ff9f4326}.hover-card .hc-input::placeholder{color:#ffffff59}.hover-card .change-pic-link{color:#ffb347d9;cursor:pointer;font-size:.72rem;font-weight:600;text-decoration:none;transition:color .2s ease}.hover-card .change-pic-link:hover{color:#ffb347;text-decoration:underline}.hover-card .edit-gender-section h3{color:#ffffffbf;font-size:.8rem;margin:.5rem 0 .25rem}.hover-card .gender-select{background:#ffffff14;border:1.5px solid #ffffff26;border-radius:8px;color:#fff;cursor:pointer;font-size:.8rem;outline:none;padding:.35rem .6rem}.hover-card .gender-select option{background:#3a1278;color:#fff}.hover-card ul{list-style-type:none;margin:.3rem 0;padding:0}.hover-card li{color:#ffffffb3;font-size:.8rem;padding:.15rem 0}.hover-card .song-of-the-week h4{font-size:.75rem;margin-top:.75rem}.hover-card .song-of-the-week iframe{border-radius:10px;box-shadow:0 4px 16px #0000004d;max-width:100%}.modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0009;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2000}.modal-card{animation:modalSlideUp .3s ease-out;background:linear-gradient(145deg,#3a1278,#4a1d8e 40%,#5c2d9e);border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 20px 60px #0006,0 8px 24px #4a1d8e4d,inset 0 1px 0 #ffffff1a;max-height:80vh;max-width:90vw;overflow-y:auto;padding:1.75rem 2rem;width:420px}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(24px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-card h3{color:#fffffff2;font-size:1.15rem;font-weight:800;letter-spacing:-.3px;margin-bottom:1.25rem;text-align:center}.modal-card label{align-items:center;border-radius:10px;color:#fffc;cursor:pointer;display:flex;font-size:.88rem;gap:.5rem;padding:.45rem .6rem;transition:background .2s ease}.modal-card label:hover{background:#ffffff0f}.modal-card input[type=checkbox]{accent-color:#ff9f43;height:16px;width:16px}.modal-card input[type=number],.modal-card input[type=text]{background:#ffffff14;border:1.5px solid #ffffff26;border-radius:10px;color:#fff;font-family:Inter,sans-serif;font-family:var(--font-secondary,"Inter",sans-serif);font-size:.9rem;height:44px;margin-top:.35rem;outline:none;padding:0 1rem;transition:all .2s ease;width:100%}.modal-card input[type=number]:focus,.modal-card input[type=text]:focus{background:#ffffff24;border-color:#ff9f4380;box-shadow:0 0 0 3px #ff9f4326}.modal-card input[type=number]::placeholder,.modal-card input[type=text]::placeholder{color:#ffffff59}.modal-card .modal-label-text{color:#ffffffb3;font-size:.82rem;font-weight:600;margin-bottom:.25rem}.modal-actions{display:flex;gap:.6rem;justify-content:flex-end;margin-top:1.5rem}.modal-cancel-btn{background:#ffffff0f;border:1.5px solid #ffffff26;border-radius:10px;color:#ffffffb3;cursor:pointer;font-size:.85rem;font-weight:600;padding:.5rem 1.25rem;transition:all .2s ease}.modal-cancel-btn:hover{background:#ffffff1f;color:#fff}.modal-apply-btn{background:linear-gradient(135deg,#ff9f43,#ffb347);border:none;border-radius:10px;box-shadow:0 4px 16px #ff9f4340;color:#fff;cursor:pointer;font-size:.85rem;font-weight:700;padding:.5rem 1.25rem;transition:all .25s ease}.modal-apply-btn:hover{box-shadow:0 6px 24px #ff9f4366;transform:translateY(-2px)}.modal-close-btn{background:#ffffff14;border:1.5px solid #ffffff26;border-radius:10px;color:#ffffffb3;cursor:pointer;font-size:.85rem;font-weight:600;padding:.5rem 1.25rem;transition:all .2s ease}.modal-close-btn:hover{background:#dc354533;border-color:#dc354566;color:#ff8a8a}.review-item{border-bottom:1px solid #ffffff14;margin-bottom:.75rem;padding-bottom:.75rem}.review-item:last-child{border-bottom:none}.review-item p{color:#ffffffbf;font-size:.88rem;margin:.2rem 0}.review-item p strong{color:#ffb347e6}.review-item em{color:#fff9}.review-avg{background:#ff9f431f;border:1px solid #ff9f4333;border-radius:12px;color:#fffffff2;font-size:1rem;font-weight:700;margin:.75rem 0;padding:.75rem;text-align:center}.no-reviews-text{color:#ffffff80;font-size:.9rem;font-style:italic;padding:1rem 0;text-align:center}.no-profiles-msg{background:#4a1d8e0f;border:1px solid #4a1d8e1a;border-radius:16px;font-size:1.1rem;font-weight:700;margin-top:2rem;padding:2rem}.loading-text,.no-profiles-msg{color:#5c2d9e;text-align:center}.loading-text{font-size:1rem;font-weight:600;padding:3rem 1rem}.error-text{color:#dc3545;font-weight:600;padding:2rem 1rem;text-align:center}.instrument-grid{grid-gap:.25rem;display:grid;gap:.25rem;grid-template-columns:1fr 1fr}.age-filter-group{margin-bottom:1rem}.age-filter-group .modal-label-text{margin-bottom:.25rem}.my-profile-card{background:#fff;background:var(--color-bg-card,#fff);border:1px solid #0000000f;border:1px solid var(--color-border,#0000000f);border-radius:24px;border-radius:var(--radius-lg,24px);box-shadow:0 4px 16px #00000014;box-shadow:var(--shadow-md,0 4px 16px #00000014);font-family:Inter,sans-serif;font-family:var(--font-secondary,"Inter",sans-serif);font-size:15px;line-height:1.6;margin:10px;padding:28px;text-align:center;transition:all .35s ease;transition:all var(--transition-smooth,.35s ease);width:300px}.my-profile-card:hover{box-shadow:0 8px 32px #0000001f;box-shadow:var(--shadow-lg,0 8px 32px #0000001f)}.profile-card{overflow:visible;position:relative}@media (max-width:480px){.main-profile-card{border-radius:20px;margin:1rem;max-width:100%;padding:2rem 1.25rem 1.5rem}.discover-heading{font-size:1.8rem}.button-container{gap:.6rem}.modal-card{border-radius:16px;margin:0 1rem;padding:1.5rem;width:100%}}.account-activity-container{background:linear-gradient(145deg,#4a1d8e,#5c2d9e 30%,#7c4dba 70%,#6b3fa0);background:var(--gradient-primary,linear-gradient(145deg,#4a1d8e 0,#5c2d9e 30%,#7c4dba 70%,#6b3fa0 100%));border:1px solid #ffffff1a;border-radius:32px;border-radius:var(--radius-xl,32px);box-shadow:0 20px 60px #4a1d8e4d,0 8px 24px #00000026,inset 0 1px 0 #ffffff1f;color:#fff;font-family:Inter,sans-serif;font-family:var(--font-secondary,"Inter",sans-serif);margin:80px auto;max-height:calc(100vh - 120px);max-width:750px;overflow-y:auto;padding:3rem 4rem;position:relative;z-index:1}.account-activity-header{margin-bottom:2.5rem;text-align:center}.account-activity-header h1{color:#fffffff2;font-size:2.2rem;font-weight:800;letter-spacing:-.5px;margin:0 0 .5rem}.account-activity-header .subtitle{color:#ffb347e6;font-size:1.05rem;font-weight:500;margin:0}.activity-section{align-items:center;display:flex;flex-direction:column;margin-bottom:1.5rem}.glass-panel{animation:slideDown .3s ease-out forwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;border-radius:var(--radius-lg,20px);margin-top:1rem;padding:1.5rem;width:100%}.panel-title{color:#ffffffe6;font-size:1.1rem;font-weight:600;margin-bottom:1rem;margin-top:0;text-align:center}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.custom-instrument-row,.input-group{margin-bottom:1rem;width:100%}.custom-instrument-row{display:flex;gap:10px;margin-top:1.5rem}.activity-input{background:#ffffff14;border:1.5px solid #ffffff26;border-radius:12px;border-radius:var(--radius-sm,12px);box-sizing:border-box;color:#fff;font-size:1rem;height:50px;outline:none;padding:0 1rem;transition:all .3s ease;width:100%}.activity-input:focus{background:#ffffff24;border-color:#ff9f43;border-color:var(--color-accent,#ff9f43);box-shadow:0 0 0 3px #ff9f4333}.activity-input::placeholder{color:#fff6}.activity-btn{align-items:center;border:none;border-radius:12px;border-radius:var(--radius-sm,12px);cursor:pointer;display:flex;font-family:inherit;font-size:1rem;font-weight:700;height:50px;justify-content:center;transition:all .3s ease}.activity-btn:hover{transform:translateY(-2px)}.activity-btn:active{transform:translateY(0)}.toggle-btn{background:#ffffff1a;border:1.5px solid #fff3;color:#fff;max-width:350px;width:100%}.toggle-btn:hover{background:#ffffff2e;border-color:#ffffff4d}.submit-btn{background:linear-gradient(135deg,#ff9f43,#ffb347);background:var(--gradient-accent,linear-gradient(135deg,#ff9f43,#ffb347));box-shadow:0 4px 15px #ff9f434d;color:#fff;flex:1 1}.submit-btn:hover{box-shadow:0 6px 20px #ff9f4366}.delete-btn{background:linear-gradient(135deg,#dc3545,#e74c5a);box-shadow:0 4px 15px #dc354533;color:#fff;flex:1 1}.secondary-btn{background:#fff3;color:#fff;padding:0 1.5rem}.secondary-btn:hover{background:#ffffff4d}.full-width{margin-top:1rem;width:100%}.btn-row{display:flex;gap:15px;width:100%}.checkbox-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.preferences-list{display:flex;flex-direction:column;gap:10px}.custom-checkbox-label{align-items:center;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:25px;color:#fffc;cursor:pointer;display:flex;font-size:.95rem;padding:10px 15px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.custom-checkbox-label.large{font-size:1rem;padding:12px 20px}.custom-checkbox-label:hover{background:#ffffff1f}.custom-checkbox-label.selected{background:#ff9f4333;border-color:#ff9f4399;color:#fff;font-weight:600}.custom-checkbox-label input[type=checkbox]{accent-color:#ff9f43;cursor:pointer;height:16px;margin-right:10px;width:16px}.capitalize{text-transform:capitalize}.activity-alert{animation:slideDown .3s ease-out forwards;border-radius:12px;font-weight:600;margin-bottom:2rem;padding:12px 20px;text-align:center}.activity-alert.success{background:#2ecc7126;border:1px solid #2ecc714d;color:#2ecc71}@media (max-width:600px){.account-activity-container{border-radius:24px;border-radius:var(--radius-lg,24px);margin:40px 1rem;padding:2rem 1.5rem}.btn-row{flex-direction:column}.account-activity-header h1{font-size:1.8rem}}.decor-container{position:fixed}.decor-image{animation:float 10s ease-in-out infinite;filter:grayscale(30%) blur(.3px);opacity:.12;-webkit-user-select:none;user-select:none;width:44px}@media (max-width:768px){.decor-image{animation:float 6s ease-in-out infinite;opacity:.1;opacity:.15;width:28px;width:30px}.decor-5{top:65%!important}.decor-6{top:72%!important}.decor-7{top:76%!important}.decor-8{top:80%!important}.decor-9{top:85%!important}.decor-19{top:78%!important}.decor-20{top:82%!important}.decor-21{top:86%!important}.decor-22{top:88%!important}.decor-23{top:91%!important}.decor-24{top:93%!important}.decor-25{top:94%!important}.decor-26{top:95%!important}.decor-31{top:96%!important}.decor-32{top:97%!important}}:root{--bg-start:#faf3f0;--bg-end:#f2e6fb;--text-col:#000;--border-col:#000;--input-bg:#d1d1d1;--code-bg:#fff;--button-bg:coral;--error-col:red;--success-col:#42c640}*{box-sizing:border-box;margin:0;padding:0}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.styleguide-container{background:linear-gradient(90deg,#faf3f0,#f2e6fb);background:linear-gradient(90deg,var(--bg-start),var(--bg-end));height:calc(100vh - 60px);margin-top:60px;overflow-x:hidden;overflow-y:auto;padding:2rem}.styleguide-container,.styleguide-inner{align-items:center;display:flex;flex-direction:column}.styleguide-inner{color:#000;color:var(--text-col);max-width:800px;padding:1rem 0;width:100%}.title{font-size:40px;font-weight:700;margin:2rem 0 1rem;text-align:center;word-break:break-word}.subtext{margin:1.5rem 0;text-align:left}.description,.subtext{font-size:18px;word-break:break-word}.description{margin:1rem 0;text-align:center}.section-title{font-size:25px;font-weight:800;letter-spacing:2px;margin-top:3rem}.grey-input{background-color:#d1d1d1;background-color:var(--input-bg);border:none;border-radius:10px;font-size:16px;height:32px;margin:1rem 0;max-width:220px;padding:0 8px;width:100%}.grey-input::placeholder{color:#7a7a7a;font-style:italic}.login-button{background-color:coral;background-color:var(--button-bg);border:none;border-radius:10px;color:#000;color:var(--text-col);cursor:pointer;font-size:16px;font-weight:700;height:42px;margin:1.5rem 0;max-width:240px;width:100%}.code-snippet{background-color:#fff;background-color:var(--code-bg);border-radius:8px;font-size:16px;margin-bottom:1rem;padding:1rem;white-space:pre-wrap;width:100%;word-break:break-word}.color-list{flex-direction:column;gap:.75rem;margin:1rem 0 2rem}.color-item,.color-list{align-items:center;display:flex;width:100%}.color-item{justify-content:flex-start}.color-box{border:1px solid #000;border:1px solid var(--border-col);flex-shrink:0;height:30px;margin-right:10px;width:30px}.color-item p{color:#000;color:var(--text-col);font-size:18px;margin:0;white-space:normal;word-break:break-word}.input-error{font-size:14px;font-weight:700;margin:1rem 0;text-align:center}.input-error.success{color:#42c640;color:var(--success-col)}.input-error.error{color:red;color:var(--error-col)}@media (max-width:768px){.styleguide-container{height:calc(100vh - 56px);margin-top:56px;padding:1.5rem}.title{font-size:32px}.description,.subtext{font-size:16px}.grey-input{font-size:14px;height:30px;max-width:180px}.login-button{height:40px;max-width:200px}.code-snippet,.login-button{font-size:14px}.section-title{font-size:22px}.color-box{height:24px;width:24px}.color-item p{font-size:16px}.input-error{font-size:12px}}@media (max-width:480px){.styleguide-container{height:calc(100vh - 52px);margin-top:52px;padding:1rem}.title{font-size:28px;margin:1.5rem 0 1rem}.subtext{margin:1rem 0}.description,.subtext{font-size:14px}.section-title{font-size:20px;margin-top:2rem}.grey-input{font-size:12px;height:28px;max-width:140px}.login-button{font-size:14px;height:36px;max-width:160px}.code-snippet{font-size:12px;padding:.75rem}.color-box{height:20px;margin-right:8px;width:20px}.color-item p{font-size:14px}.input-error{font-size:12px}}.requests-page{align-items:flex-start;background:#faf6ef;background:var(--color-bg-warm,#faf6ef);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:100px 1rem 2rem;position:relative}.decor-container{inset:0;pointer-events:none;position:absolute;z-index:0}.decor-image{animation:float 8s ease-in-out infinite;filter:drop-shadow(0 2px 4px rgba(0,0,0,.08)) grayscale(20%);opacity:.2;position:absolute;transition:transform .3s ease;transition:transform var(--transition-base,.3s ease);width:52px}@keyframes float{0%,to{transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(var(--angle,0deg))}50%{transform:translateY(-6px) rotate(0deg);transform:translateY(-6px) rotate(var(--angle,0deg))}}@media (hover:hover){.decor-image:hover{transform:scale(1.1) rotate(5deg)}}.decor-0{--angle:-10deg;left:8%;top:5%}.decor-1{--angle:8deg;left:25%;top:12%}.decor-2{--angle:-6deg;left:45%;top:8%}.decor-3{--angle:4deg;left:68%;top:15%}.decor-4{--angle:-5deg;left:88%;top:7%}.decor-5{--angle:3deg;left:12%;top:25%}.decor-6{--angle:-8deg;left:38%;top:28%}.decor-7{--angle:6deg;left:58%;top:22%}.decor-8{--angle:-4deg;left:78%;top:30%}.decor-9{--angle:5deg;left:92%;top:26%}.decor-10{--angle:-6deg;left:8%;top:42%}.decor-11{--angle:7deg;left:48%;top:40%}.decor-12{--angle:-5deg;left:72%;top:44%}.decor-13{--angle:3deg;left:90%;top:38%}.decor-14{--angle:-4deg;left:5%;top:55%}.decor-15{--angle:6deg;left:22%;top:58%}.decor-16{--angle:-7deg;left:52%;top:54%}.decor-17{--angle:4deg;left:72%;top:60%}.decor-18{--angle:-6deg;left:90%;top:57%}.decor-19{--angle:5deg;left:10%;top:70%}.decor-20{--angle:-3deg;left:30%;top:74%}.decor-21{--angle:4deg;left:50%;top:72%}.decor-22{--angle:-2deg;left:70%;top:76%}.decor-23{--angle:3deg;left:88%;top:80%}.decor-24{--angle:-4deg;left:18%;top:82%}.decor-25{--angle:2deg;left:40%;top:85%}.decor-26{--angle:-3deg;left:62%;top:88%}.decor-27{--angle:7deg;animation-delay:.5s;left:30%;top:40%}.decor-28{--angle:-4deg;left:1%;top:22%}.decor-29{--angle:5deg;left:20%;top:42%}.decor-30{--angle:-3deg;left:38%;top:52%}.decor-31{--angle:2deg;left:82%;top:86%}.decor-32{--angle:-2deg;left:8%;top:88%}@media (max-width:768px){.decor-image{animation:float 6s ease-in-out infinite;opacity:.15;width:32px}.requests-page{padding-top:120px}.decor-container,.requests-page{overflow-x:hidden}.decor-0,.decor-13,.decor-18,.decor-23,.decor-31,.decor-32,.decor-4,.decor-9{left:auto!important;right:2%}.decor-10,.decor-19,.decor-24,.decor-28{left:2%!important}}.requests-box{animation:fadeIn .6s ease-out .15s forwards;background:#fff;background:var(--color-bg-card,#fff);border:1px solid #0000000f;border:1px solid var(--color-border,#0000000f);border-radius:24px;border-radius:var(--radius-lg,24px);box-shadow:0 8px 32px #0000001a;box-shadow:var(--shadow-lg,0 8px 32px #0000001a);max-width:600px;opacity:0;padding:2rem;position:relative;transform:translateY(20px);width:100%;z-index:1}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}.requests-heading{color:#4a1d8e;color:var(--color-primary,#4a1d8e);font-size:1.6rem;font-weight:700;letter-spacing:-.5px;margin-bottom:2rem;text-align:center}.requests-list{display:flex;flex-direction:column;gap:1rem}.request-card{align-items:center;background:#4a1d8e0a;border:1px solid #4a1d8e1a;border-radius:16px;border-radius:var(--radius-md,16px);box-shadow:0 1px 2px #0000000a;box-shadow:var(--shadow-xs,0 1px 2px #0000000a);display:flex;justify-content:space-between;padding:1.1rem 1.25rem;transition:all .25s ease;transition:all var(--transition-base,.25s ease)}.request-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.request-name{color:#1a1a2e;color:var(--color-text,#1a1a2e);flex:1 1;font-family:var(--font-secondary);font-size:1.1rem;font-weight:600;word-break:break-word}.request-buttons{display:flex;gap:.75rem}.btn{border:none;border-radius:10px;border-radius:var(--radius-sm,10px);cursor:pointer;font-family:var(--font-primary);font-size:.9rem;font-weight:700;min-width:48px;padding:.55rem 1.1rem;transition:all .25s ease;transition:all var(--transition-base,.25s ease)}.accept{background:linear-gradient(135deg,#4a1d8e,#7c4dba);background:var(--gradient-primary,linear-gradient(135deg,#4a1d8e,#7c4dba));box-shadow:var(--shadow-glow-purple);color:#fff}.accept:hover{transform:scale(1.04) translateY(-1px)}.reject{background:linear-gradient(135deg,#dc3545,#e74c5a);color:#fff}.reject:hover{transform:scale(1.04) translateY(-1px)}.no-requests{color:#8e8e9e;color:var(--color-text-muted,#8e8e9e);font-family:var(--font-secondary);font-size:1rem;margin-top:1rem;text-align:center}@media (max-width:768px){.decor-5{top:65%!important}.decor-6{top:72%!important}.decor-7{top:76%!important}.decor-8{top:80%!important}.decor-9{top:85%!important}.decor-19{top:78%!important}.decor-20{top:82%!important}.decor-21{top:86%!important}.decor-22{top:88%!important}.decor-23{top:91%!important}.decor-24{top:93%!important}.decor-25{top:94%!important}.decor-26{top:95%!important}.decor-31{top:96%!important}.decor-32{top:97%!important}}:root{--color-bg-main:#f8f9fa;--color-bg-card:#fff;--color-bg-muted:#f0ebe3;--color-border:#e2e8f0;--color-border-focus:#6b3fa04d;--color-primary:#4a1d8e;--color-primary-light:#6b3fa0;--color-text:#1e293b;--color-text-secondary:#64748b;--color-text-muted:#94a3b8;--color-danger:#ef4444;--color-success:#10b981;--radius-xs:6px;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-full:9999px;--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 4px 16px #0000000f;--shadow-lg:0 10px 25px #0000001a;--shadow-glow-purple:0 4px 14px #4a1d8e40;--transition-fast:0.15s ease;--transition-base:0.25s ease;--transition-smooth:0.35s ease}body,html{background-color:#f8f9fa;background-color:var(--color-bg-main);font-family:Inter,sans-serif;margin:0;padding:0}.conversations-container{align-items:center;box-sizing:border-box;color:#1e293b;color:var(--color-text);display:flex;flex-direction:column;gap:1.5rem;margin:6rem auto 2rem;max-width:900px;padding:20px;width:100%}.search-wrapper{display:flex;gap:15px;justify-content:center;width:100%}.search-input{background:#fff;background:var(--color-bg-card);border:1.5px solid #e2e8f0;border:1.5px solid var(--color-border);border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 1px 3px #0000000d;box-shadow:var(--shadow-sm);color:#1e293b;color:var(--color-text);flex:1 1;font-size:.95rem;max-width:350px;outline:none;padding:12px 20px;transition:all .15s ease;transition:all var(--transition-fast)}.search-input:focus{border-color:#4a1d8e;border-color:var(--color-primary);box-shadow:0 0 0 4px #6b3fa04d;box-shadow:0 0 0 4px var(--color-border-focus)}.filters-wrapper{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;width:100%}.bubble-buttons{background:#fff;background:var(--color-bg-card);border:1.5px solid #e2e8f0;border:1.5px solid var(--color-border);border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 1px 3px #0000000d;box-shadow:var(--shadow-sm);color:#64748b;color:var(--color-text-secondary);cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 20px;transition:all .15s ease;transition:all var(--transition-fast)}.bubble-buttons:hover{border-color:#6b3fa0;border-color:var(--color-primary-light);color:#4a1d8e;color:var(--color-primary)}.bubble-buttons.active{background:#4a1d8e;background:var(--color-primary);border-color:#4a1d8e;border-color:var(--color-primary);box-shadow:0 4px 14px #4a1d8e40;box-shadow:var(--shadow-glow-purple);color:#fff}.users-list{background:#fff;background:var(--color-bg-card);border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:16px;border-radius:var(--radius-md);box-shadow:0 4px 16px #0000000f;box-shadow:var(--shadow-md);box-sizing:border-box;min-height:50vh;padding:20px;width:100%}.users-list h2{border-bottom:2px solid #f8f9fa;border-bottom:2px solid var(--color-bg-main);color:#1e293b;color:var(--color-text);font-size:1.4rem;font-weight:700;margin:0 0 20px;padding-bottom:10px}.users-list-container{display:flex;flex-direction:column;gap:10px}.group-item,.user-item{align-items:center;background:#f8f9fa;background:var(--color-bg-main);border:1px solid #0000;border-radius:10px;border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:15px;padding:12px 15px;transition:all .15s ease;transition:all var(--transition-fast)}.group-item:hover,.user-item:hover{background:#fff;background:var(--color-bg-card);border-color:#e2e8f0;border-color:var(--color-border);box-shadow:0 4px 16px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.user-avatar{background-color:#fff;background-color:var(--color-bg-card);border:2px solid #e2e8f0;border:2px solid var(--color-border);border-radius:50%;height:48px;object-fit:cover;width:48px}.user-details{flex:1 1;min-width:0}.user-name{color:#1e293b;color:var(--color-text);font-size:1.05rem;font-weight:600;margin:0 0 4px}.user-instruments{color:#64748b;color:var(--color-text-secondary);font-size:.85rem;margin:0}.post-contain-all{display:flex;flex-direction:column;gap:15px}.posts-container-big{background:#f8f9fa;background:var(--color-bg-main);border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:10px;border-radius:var(--radius-sm);color:#1e293b;color:var(--color-text);font-size:.95rem;line-height:1.5;padding:15px;position:relative;transition:all .15s ease;transition:all var(--transition-fast)}.posts-container-big:hover{background:#fff;background:var(--color-bg-card);box-shadow:0 1px 3px #0000000d;box-shadow:var(--shadow-sm)}.post-author{color:#94a3b8;color:var(--color-text-muted);display:block}.action-btn,.post-author{font-size:.8rem;margin-top:10px}.action-btn{background:#f0ebe3;background:var(--color-bg-muted);border:none;border-radius:6px;border-radius:var(--radius-xs);cursor:pointer;font-weight:600;padding:6px 12px;transition:background .15s ease;transition:background var(--transition-fast)}.action-btn.danger{background:#fee2e2;color:#ef4444;color:var(--color-danger)}.action-btn.danger:hover{background:#fca5a5}.action-btn.success{background:#e0e7ff;color:#4a1d8e;color:var(--color-primary)}.action-btn.success:hover{background:#c7d2fe}.create-group-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.btn-close{align-items:center;background:#ef4444;background:var(--color-danger);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-weight:700;height:32px;justify-content:center;transition:transform .15s ease;transition:transform var(--transition-fast);width:32px}.btn-close:hover{transform:scale(1.1)}.form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.form-label{color:#1e293b;color:var(--color-text);font-size:1rem;font-weight:700}.error-message{color:#ef4444;color:var(--color-danger)}.error-message,.success-message{font-size:.85rem;font-weight:600;margin:0 0 5px}.success-message{color:#10b981;color:var(--color-success)}.file-upload-group{background:#f8f9fa;background:var(--color-bg-main);border:1.5px dashed #e2e8f0;border:1.5px dashed var(--color-border);border-radius:10px;border-radius:var(--radius-sm);cursor:pointer;padding:10px}.add-member-row{display:flex;gap:10px}.member-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.member-chip{background:#6b3fa0;background:var(--color-primary-light);border-radius:9999px;border-radius:var(--radius-full);color:#fff;font-size:.8rem;font-weight:500;padding:4px 10px}.submit-button{background:#4a1d8e;background:var(--color-primary);border:none;border-radius:10px;border-radius:var(--radius-sm);box-shadow:0 4px 14px #4a1d8e40;box-shadow:var(--shadow-glow-purple);color:#fff;cursor:pointer;font-size:1rem;font-weight:700;margin-top:10px;padding:14px;transition:all .25s ease;transition:all var(--transition-base);width:100%}.submit-button:hover{background:#6b3fa0;background:var(--color-primary-light);box-shadow:0 6px 20px #4a1d8e66;transform:translateY(-2px)}.btn-primary-outline{background:#0000;border:2px solid #4a1d8e;border:2px solid var(--color-primary);border-radius:9999px;border-radius:var(--radius-full);color:#4a1d8e;color:var(--color-primary);cursor:pointer;font-weight:600;padding:10px 20px;transition:all .15s ease;transition:all var(--transition-fast)}.btn-primary-outline:hover{background:#4a1d8e;background:var(--color-primary);color:#fff}.email-tooltip{background:#1e293b;background:var(--color-text);border-radius:6px;border-radius:var(--radius-xs);bottom:100%;box-shadow:0 4px 16px #0000000f;box-shadow:var(--shadow-md);color:#fff;font-size:.75rem;left:50%;opacity:0;padding:6px 12px;pointer-events:none;position:absolute;transform:translateX(-50%) translateY(-8px);transition:opacity .2s;white-space:nowrap;z-index:10}.group-item:hover .email-tooltip,.user-item:hover .email-tooltip{opacity:1}.messaging-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a99;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.messaging-modal-content{background:#fff;background:var(--color-bg-card);border-radius:16px;border-radius:var(--radius-md);box-shadow:0 10px 25px #0000001a;box-shadow:var(--shadow-lg);max-height:90vh;max-width:600px;overflow:hidden;position:relative;width:95%}.close-modal-btn{align-items:center;background:#0000001a;border:none;border-radius:50%;color:#1e293b;color:var(--color-text);cursor:pointer;display:flex;font-size:1.2rem;height:30px;justify-content:center;position:absolute;right:15px;top:15px;transition:background .15s ease;transition:background var(--transition-fast);width:30px;z-index:10}.close-modal-btn:hover{background:#0003}@media (max-width:768px){.search-wrapper{flex-direction:column}.search-input{max-width:100%}}.page-heading{color:#1a1a2e;color:var(--color-text,#1a1a2e);font-size:1.8rem;font-weight:700;letter-spacing:-.5px;margin-bottom:1.5rem;margin-top:1px;text-align:center}@media (max-width:768px){.page-heading{font-size:1.5rem;margin-top:70px}}
/*# sourceMappingURL=main.0386bbf3.css.map*/