:root{--primary-color: #2dd4bf;--primary-hover-color: #14b8a6;--background-color-light: #f8f9fa;--text-color-light: #343a40;--background-color-dark: #1f1f23;--text-color-dark: #e0e0e0;--input-background-light: #ffffff;--input-background-dark: #2a2a2e;--border-color-light: #dee2e6;--border-color-dark: #404044;--card-background-light: #ffffff;--card-background-dark: #2a2a2e;--nav-background-light: #ffffff;--nav-background-dark: #1f1f23;--error-color: #f47174;--link-color-dark: #67e8f9;--link-color-light: #0891b2;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.6;font-weight:400;color-scheme:light dark;color:var(--text-color-dark);background-color:var(--background-color-dark);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}html{height:100%}a{font-weight:500;color:var(--link-color-dark);text-decoration:none;transition:color .2s ease-in-out}a:hover{color:var(--primary-color);text-decoration:underline}body{margin:0;padding:0;display:flex;flex-direction:column;min-width:320px;min-height:100vh;background-color:var(--background-color-dark);color:var(--text-color-dark)}#root{flex-grow:1;display:flex;flex-direction:column;width:100%;max-width:100%;padding:0;margin:0}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:1em;font-weight:600}h1{font-size:2.2em;line-height:1.2}h2{font-size:1.8em;line-height:1.3}h3{font-size:1.4em;line-height:1.4}p{margin-top:0;margin-bottom:1.2em}button{border-radius:6px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--primary-color);color:var(--background-color-dark);cursor:pointer;transition:background-color .2s ease-in-out,border-color .2s ease-in-out,opacity .2s ease-in-out}button:hover{background-color:var(--primary-hover-color);border-color:transparent}button:focus,button:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}button:disabled{opacity:.5;cursor:not-allowed}input[type=text],input[type=password],input[type=email],textarea,select{display:block;width:100%;padding:.75em 1em;margin-bottom:1em;font-size:1em;font-family:inherit;border:1px solid var(--border-color-dark);border-radius:6px;background-color:var(--input-background-dark);color:var(--text-color-dark);transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2dd4bf4d}label{display:block;margin-bottom:.5em;font-weight:500}.card{background-color:var(--card-background-dark);padding:1.5rem 2rem;border-radius:8px;box-shadow:0 4px 12px #00000026;margin-bottom:1.5rem;border:1px solid var(--border-color-dark)}nav{background-color:var(--nav-background-dark);padding:.75rem 2rem;margin-bottom:0;box-shadow:0 1px 3px #00000040;border-bottom:1px solid var(--border-color-dark);position:sticky;top:0;z-index:100}nav ul{list-style:none;padding:0;margin:0;display:flex;gap:1.5rem}nav a{color:var(--text-color-dark);text-decoration:none;font-weight:500;padding:.5rem 0;border-bottom:2px solid transparent;transition:color .2s ease-in-out,border-color .2s ease-in-out}nav a:hover{color:var(--primary-color);text-decoration:none;border-bottom-color:transparent}nav a.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.error-message{color:var(--error-color);background-color:#f471741a;border:1px solid rgba(244,113,116,.3);padding:.75em 1em;border-radius:6px;font-size:.95em;margin-top:0;margin-bottom:1em}@media (prefers-color-scheme: light){:root{color:var(--text-color-light);background-color:var(--background-color-light)}body{background-color:var(--background-color-light);color:var(--text-color-light)}a{color:var(--link-color-light)}a:hover{color:var(--primary-hover-color);text-decoration:underline}button{background-color:var(--primary-color);color:var(--background-color-light)}button:hover{background-color:var(--primary-hover-color)}input[type=text],input[type=password],input[type=email],textarea,select{background-color:var(--input-background-light);border-color:var(--border-color-light);color:var(--text-color-light)}input:focus,textarea:focus,select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #2dd4bf33}.card{background-color:var(--card-background-light);box-shadow:0 4px 12px #00000014;border:1px solid var(--border-color-light)}nav{background-color:var(--nav-background-light);box-shadow:0 2px 4px #0000000d;border-bottom:1px solid var(--border-color-light)}nav a{color:var(--text-color-light)}nav a:hover{color:var(--primary-color);border-bottom-color:transparent}nav a.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.error-message{background-color:#f4717414;border-color:#f4717433}}.text-center{text-align:center}.d-block{display:block}.d-flex{display:flex}.align-items-center{align-items:center}.gap-1{gap:1rem}.mt-1{margin-top:1rem}.mt-small{margin-top:.5em}.mb-small{margin-bottom:.2em}.ms-auto{margin-left:auto}.w-auto{width:auto}.my-1{margin-top:1rem;margin-bottom:1rem}.my-2{margin-top:1.5rem;margin-bottom:1.5rem}.icon-button{display:inline-flex;align-items:center;gap:.4em}.icon-button svg{width:1em;height:1em}.ampersound-tag{cursor:pointer;color:#007bff;text-decoration:underline;font-weight:700}.ampersound-tag:hover{color:#0056b3;text-decoration:none}@media (max-width: 480px){.card{padding:1.25rem 1rem}}@keyframes spinner-rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{width:40px;height:40px;border:4px solid rgba(128,128,128,.3);border-bottom-color:var(--primary-color);border-radius:50%;display:inline-block;box-sizing:border-box;animation:spinner-rotation 1s linear infinite}.spinner-container{display:flex;justify-content:center;align-items:center;padding:1rem;min-height:80px}.spinner-inline{width:16px;height:16px;border-width:2px;vertical-align:middle;margin-left:.5em}.input-group{position:relative;margin-bottom:1.25rem}.input-group label{display:block;margin-bottom:.4em}.input-icon{position:absolute;left:12px;top:calc(50% + 6px);transform:translateY(-50%);color:var(--text-color-dark);opacity:.4;font-size:.9em;pointer-events:none}.input-with-icon{padding-left:36px!important;margin-bottom:0}@media (prefers-color-scheme: light){.input-icon{color:var(--text-color-light);opacity:.5}}.image-generator-form-container{margin-bottom:2rem;padding:1.5rem}.image-generator-form-container h4{margin-top:0;margin-bottom:1rem;font-size:1.5rem;color:var(--text-color-headings)}.image-generator-form-container .form-group{margin-bottom:1rem}.image-generator-form-container label{display:block;margin-bottom:.5rem;font-weight:600}.image-generator-form-container textarea{width:100%;padding:.75rem;border:1px solid var(--border-color-light);border-radius:4px;font-size:1rem;line-height:1.5;background-color:var(--input-bg-color);color:var(--text-color);transition:border-color .2s ease-in-out}.image-generator-form-container textarea:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 2px var(--primary-color-focus-shadow)}.image-generator-form-container .button-primary{display:inline-block;padding:.75rem 1.5rem;background-color:var(--primary-color);color:#fff;border:none;border-radius:4px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s ease-in-out}.image-generator-form-container .button-primary:hover:not(:disabled){background-color:var(--primary-color-darker)}.image-generator-form-container .button-primary:disabled{background-color:var(--button-disabled-bg);cursor:not-allowed}.image-generator-form-container .error-message{color:var(--error-color);background-color:var(--error-bg-color);padding:.75rem;border-radius:4px;margin-bottom:1rem;border:1px solid var(--error-border-color)}.image-generator-form-container .success-message{color:var(--success-color);background-color:var(--success-bg-color);padding:.75rem;border-radius:4px;margin-bottom:1rem;border:1px solid var(--success-border-color)}.post-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.post-author-link{font-weight:600;text-decoration:none;color:inherit;display:flex;align-items:center}.post-author-img{width:32px;height:32px;border-radius:50%;object-fit:cover;margin-right:8px}.post-author-link:hover{text-decoration:underline}.post-timestamp{font-size:.85em;opacity:.7}.post-image{max-width:100%;max-height:500px;margin-top:.75rem;margin-bottom:.5rem;display:block;border-radius:6px}.post-content{margin-top:.5rem;margin-bottom:1rem;white-space:pre-wrap;line-height:1.6}.post-content img,.post-content iframe,.post-content video{max-width:100%;height:auto;display:block;margin-top:.5rem;margin-bottom:.5rem}.post-content table{max-width:100%;display:block;overflow-x:auto;margin-top:.5rem;margin-bottom:.5rem;border-collapse:collapse;width:100%}.post-content th,.post-content td{border:1px solid var(--border-color-dark);padding:.5em;text-align:left}@media (prefers-color-scheme: light){.post-content th,.post-content td{border:1px solid var(--border-color-light)}}.post-footer{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;font-size:.9em;border-top:1px solid var(--border-color-dark);padding-top:.75rem}.post-actions{display:flex;gap:.75rem;align-items:center}.like-button .post-action-label{margin-left:.3em}.likes-count-logged-out{font-size:.9em;color:var(--text-muted-color);padding:.2em .5em}@media (prefers-color-scheme: light){.post-footer{border-top:1px solid var(--border-color-light)}}.post-privacy{opacity:.8;display:inline-flex;align-items:center;gap:.3em;font-size:.85em;padding:.2em .5em;border-radius:4px;margin-left:.5em}.badge-friends-only{background-color:var(--info-color-bg, #17a2b820);color:var(--info-color-fg, #0c5460);border:1px solid var(--info-color-border, #17a2b880)}.badge-public{background-color:var(--secondary-color-bg, #6c757d20);color:var(--secondary-color-fg, #383d41);border:1px solid var(--secondary-color-border, #6c757d80)}.post-privacy i{font-size:.9em;margin-right:.2em}.post-delete-button{color:var(--error-color);background:none;border:none;padding:.2em .5em;cursor:pointer;font-size:.95em;font-weight:500;border-radius:4px;transition:background-color .2s}.post-delete-button:hover{background-color:#ff4d4d1a}.post-categories{margin-top:.75rem;font-size:.9em;opacity:.9}.post-categories strong{margin-right:.5em}.post-categories a{font-weight:400}.post-comments-section{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color-dark)}@media (prefers-color-scheme: light){.post-comments-section{border-top:1px solid var(--border-color-light)}}.toggle-comments-button{font-size:.9em;padding:.4em .8em;margin-bottom:1rem}.comment{background-color:#0000001a;padding:.75rem 1rem;margin-bottom:.75rem;border-radius:6px;border:1px solid transparent}@media (prefers-color-scheme: light){.comment{background-color:#00000008;border:1px solid var(--border-color-light)}}.comment-author-link{font-weight:600;text-decoration:none;color:inherit;margin-right:.4em}.comment-author-link:hover{text-decoration:underline}.comment-timestamp{display:block;font-size:.8em;opacity:.7;margin-top:.25em}.comment-delete-button{color:var(--error-color);background:none;border:none;padding:0 .3em;margin-left:.75rem;cursor:pointer;font-size:.85em;opacity:.7;transition:opacity .2s}.comment-delete-button:hover{opacity:1}.comment-form{margin-top:1.5rem;display:flex;align-items:flex-start;gap:.75rem}.comment-form textarea{flex-grow:1;margin-bottom:0;min-height:40px}.comment-form button{height:40px;align-self:flex-end}.comment-form .error-message{width:100%;margin-top:.5em;flex-basis:100%}.post-author-img{width:32px;height:32px;border-radius:50%;object-fit:cover;margin-right:5px}.comment-author-img{width:24px;height:24px;border-radius:50%;object-fit:cover;margin-right:5px;vertical-align:middle}@media (max-width: 600px){.post-header{flex-wrap:wrap;gap:.5rem}.post-footer{flex-wrap:wrap;gap:.75rem}.comment-form{flex-direction:column;align-items:stretch}.comment-form textarea{margin-bottom:.75rem}.comment-form button{align-self:auto;width:100%}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background-color:var(--card-bg-dark);border-radius:8px;padding:2rem;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 30px #00000080}@media (prefers-color-scheme: light){.modal-content{background-color:var(--card-bg-light);box-shadow:0 10px 30px #0003}}.modal-content h3{margin-top:0;margin-bottom:1rem;color:var(--text-color-dark)}@media (prefers-color-scheme: light){.modal-content h3{color:var(--text-color-light)}}.modal-content textarea{width:100%;padding:.75rem;border:1px solid var(--border-color-dark);border-radius:4px;background-color:#0003;color:var(--text-color-dark);font-family:inherit;resize:vertical}@media (prefers-color-scheme: light){.modal-content textarea{border:1px solid var(--border-color-light);background-color:#fff;color:var(--text-color-light)}}.remix-button{color:#9b59b6}.remix-button:hover{color:#8e44ad}.post-author-img{width:32px;height:32px;border-radius:50%;object-fit:cover;margin-right:8px;border:1px solid rgba(0,0,0,.1)}.comment-author-img{width:24px;height:24px;border-radius:50%;object-fit:cover;margin-right:5px;vertical-align:middle;border:1px solid rgba(0,0,0,.1)}@media (prefers-color-scheme: dark){.post-author-img,.comment-author-img{border-color:#ffffff1a}}.report-button{background:none;border:none;color:#757575;cursor:pointer;padding:5px;margin-left:8px;font-size:.9em}.report-button:hover{color:#c21807}.report-button-success{color:green;font-size:.9em;margin-left:8px}.report-confirmation-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1050}.report-confirmation-content{background-color:#fff;padding:25px;border-radius:8px;box-shadow:0 5px 15px #0003;width:90%;max-width:450px;text-align:left}.report-confirmation-content h4{margin-top:0;margin-bottom:15px;color:#333}.report-confirmation-content p{margin-bottom:15px;color:#555}.report-confirmation-content textarea{width:calc(100% - 20px);padding:10px;margin-bottom:20px;border:1px solid #ccc;border-radius:4px;resize:vertical;min-height:60px}.report-confirmation-actions{display:flex;justify-content:flex-end;gap:10px}.report-confirmation-actions button{padding:10px 15px;border:none;border-radius:4px;cursor:pointer;font-weight:700}.report-confirmation-actions button.confirm{background-color:#d9534f;color:#fff}.report-confirmation-actions button.confirm:hover{background-color:#c9302c}.report-confirmation-actions button.cancel{background-color:#f0f0f0;color:#333}.report-confirmation-actions button.cancel:hover{background-color:#e0e0e0}.report-confirmation-content .error-message{color:#d9534f;margin-bottom:10px;font-size:.9em}.profile-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.5rem;flex-wrap:wrap}@media (prefers-color-scheme: light){.profile-picture{border-color:var(--border-color-light)}}.profile-info{flex-grow:1}.profile-username{font-size:1.8em;font-weight:600;margin-bottom:.3em}.profile-details p{margin-bottom:.3em;font-size:.9em;opacity:.8}.profile-actions{margin:1.5rem 0;display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.profile-actions .error-message{margin:0;flex-basis:100%;margin-top:.5rem}.profile-actions .loading-indicator{font-size:.9em;opacity:.8}.profile-section{margin-bottom:2rem;padding:1.5rem;background-color:#0000000d;border-radius:8px}@media (prefers-color-scheme: light){.profile-section{background-color:#00000005;border:1px solid var(--border-color-light)}}.profile-section h3{margin-top:0;margin-bottom:1rem;border-bottom:1px solid var(--border-color-dark);padding-bottom:.5rem}@media (prefers-color-scheme: light){.profile-section h3{border-bottom-color:var(--border-color-light)}}.profile-interests ul{list-style:none;padding:0;margin:0}.profile-interests li{margin-bottom:.5em;font-size:.95em}.profile-main-content{display:flex;flex-direction:row;gap:1.5rem}.profile-main-content .profile-interests{flex:0 0 280px}.profile-main-content .profile-posts{flex-grow:1;min-width:300px}@media (max-width: 768px){.profile-main-content{flex-direction:column}.profile-main-content .profile-interests{flex-basis:auto;width:100%;margin-bottom:1.5rem}}.ampersound-management-section{margin-top:20px;padding-top:20px;border-top:1px solid var(--border-color-dark)}.ampersound-recorder-section{margin-bottom:30px}.my-ampersounds-list-section h3{margin-bottom:15px;color:var(--text-color-dark)}.ampersound-list{list-style:none;padding:0}.ampersound-list-item{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border-color-dark);gap:10px}.ampersound-item-info{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;flex-grow:1;margin-right:10px}.ampersound-item-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.ampersound-play-button{padding:5px 8px;background-color:transparent;color:var(--primary-color);border:1px solid var(--primary-color);border-radius:4px;cursor:pointer;transition:background-color .2s ease-in-out,color .2s ease-in-out;line-height:1}.ampersound-play-button:hover{background-color:#2dd4bf1a;color:var(--primary-color)}.ampersound-play-button.playing{background-color:var(--primary-color);color:var(--background-color-dark)}.ampersound-play-button.playing:hover{background-color:var(--primary-hover-color)}.ampersound-play-button:disabled{opacity:.5;cursor:not-allowed;background-color:transparent}.ampersound-play-button svg{width:.9em;height:.9em;vertical-align:middle}.ampersound-delete-button{padding:5px 8px;background-color:transparent;color:var(--error-color);border:1px solid var(--error-color);border-radius:4px;cursor:pointer;transition:background-color .2s ease-in-out,color .2s ease-in-out;line-height:1;flex-shrink:0}.ampersound-delete-button:hover{background-color:#f471741a;color:var(--error-color)}.ampersound-delete-button:disabled{opacity:.5;cursor:not-allowed;background-color:transparent}.ampersound-delete-button svg{width:.9em;height:.9em;vertical-align:middle}@media (max-width: 600px){.ampersound-list-item{flex-direction:column;align-items:flex-start;gap:.5rem}.ampersound-item-info{margin-right:0;width:100%}.ampersound-item-actions{width:100%;justify-content:flex-start}.profile-username{font-size:1.5em}}@media (max-width: 400px){.profile-picture{width:80px;height:80px}.profile-header{gap:1rem}.profile-username{font-size:1.3em}}.profile-picture-container{position:relative;display:flex;flex-direction:column;align-items:center;gap:.5rem}.profile-picture{width:100px;height:100px;border-radius:50%;object-fit:cover;border:2px solid var(--border-color-dark);background-color:#f0f0f0}.upload-picture-btn{font-size:.8rem;padding:4px 8px;background-color:var(--primary-color);color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.profile-picture-container{position:relative;display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:.5rem}.profile-picture{width:120px;height:120px;border-radius:50%;object-fit:cover;border:3px solid var(--primary-color);background-color:#f0f0f0;box-shadow:0 3px 6px #0000001a;transition:transform .2s ease-in-out}.profile-picture:hover{transform:scale(1.05)}.upload-picture-btn{font-size:.8rem;padding:4px 8px;background-color:var(--primary-color);color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;gap:.3rem}.upload-picture-btn svg{font-size:.9rem}.upload-picture-btn:hover{background-color:var(--primary-color-dark)}.upload-picture-btn:disabled{background-color:#ccc;cursor:not-allowed}.profile-picture-actions{display:flex;flex-direction:column;align-items:center;gap:.3rem;width:100%}.profile-picture-actions .error-message{font-size:.7rem;text-align:center;margin:0;color:var(--error-color)}.ampersound-recorder{padding:15px;border:1px solid #ccc;border-radius:8px;margin-bottom:20px;background-color:#f9f9f9}.ampersound-recorder h3{margin-top:0;color:#333}.ampersound-recorder div:not(.action-buttons-container){margin-bottom:10px}.ampersound-recorder label{margin-right:5px;font-weight:700;display:block;margin-bottom:5px}.ampersound-recorder input[type=text]{padding:8px;border:1px solid #ddd;border-radius:4px;width:100%}.ampersound-recorder button{padding:10px 15px;border:none;border-radius:4px;background-color:var(--primary-color);color:var(--background-color-dark);cursor:pointer;margin-right:10px;margin-bottom:10px;transition:background-color .2s ease-in-out,opacity .2s ease-in-out;font-size:.95em}.ampersound-recorder>button,.ampersound-recorder>div>button:only-child{display:block;width:100%;margin-right:0}.ampersound-recorder button:hover{background-color:var(--primary-hover-color)}.ampersound-recorder button:disabled{background-color:#ccc;opacity:.6;cursor:not-allowed}.action-buttons-container{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.action-buttons-container button{margin-right:0;margin-bottom:0;flex-grow:1;flex-basis:calc(50% - 5px);min-width:120px}.discard-button{background-color:#6c757d;color:#fff}.discard-button:hover{background-color:#5a6268}.ampersound-recorder .error-message{color:var(--error-color);background-color:#f471741a;border:1px solid rgba(244,113,116,.3);padding:.75em 1em;border-radius:6px;font-size:.9em;margin-top:10px;margin-bottom:10px}.ampersound-recorder .success-message{color:#28a745;background-color:#28a7451a;border:1px solid rgba(40,167,69,.3);padding:.75em 1em;border-radius:6px;font-size:.9em;margin-top:10px;margin-bottom:10px}.ampersound-recorder audio{display:block;margin-top:10px;margin-bottom:15px;width:100%;max-width:100%}.invites-summary{font-size:1.1em;margin-bottom:1rem}.generate-invite-section{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color-dark);display:flex;align-items:center;gap:1rem;flex-wrap:wrap}@media (prefers-color-scheme: light){.generate-invite-section{border-bottom-color:var(--border-color-light)}}.generate-invite-section .error-message{flex-basis:100%;margin:0;margin-top:.5rem}.no-invites-message{font-style:italic;opacity:.8;font-size:.9em}.invites-list-section{margin-top:1.5rem}.invites-list-section h3{margin-bottom:1rem}.invites-list{list-style:none;padding:0;margin:0}.invite-list-item{display:flex;align-items:center;flex-wrap:wrap;gap:1rem;padding:.75rem 0;border-bottom:1px solid rgba(128,128,128,.2)}.invites-list li:last-child{border-bottom:none}.invite-code{font-family:monospace;background-color:#80808026;padding:.2em .6em;border-radius:4px;font-size:1.05em}@media (prefers-color-scheme: light){.invite-code{background-color:#0000000f}}.invite-actions button{font-size:.85em;padding:.3em .7em}.invite-details{font-size:.9em;opacity:.8}@media (max-width: 600px){.invite-list-item{flex-direction:column;align-items:flex-start;gap:.5rem}.invite-list-item>.invite-code,.invite-list-item>.invite-actions,.invite-list-item>.invite-details,.invite-list-item>span{width:100%;margin-left:0}.invite-actions{display:flex}.invite-actions button{width:auto}.invite-details{text-align:left}}.friend-requests-list{list-style:none;padding:0;margin:0;margin-top:1.5rem}.friend-request-item{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;padding:1rem 1.5rem;margin-bottom:1rem;border-radius:8px;background-color:var(--card-background-dark);box-shadow:0 1px 3px #00000026}@media (prefers-color-scheme: light){.friend-request-item{background-color:var(--card-background-light);box-shadow:0 1px 2px #00000014;border:1px solid var(--border-color-light)}}.friend-request-sender{font-size:1.1em}.friend-request-sender a{font-weight:600;text-decoration:none;color:inherit}.friend-request-sender a:hover{color:var(--primary-color);text-decoration:underline}.friend-request-actions{display:flex;gap:.75rem}.friend-request-actions button{padding:.4em .8em;font-size:.9em}@media (max-width: 600px){.friend-request-item{flex-direction:column;align-items:flex-start;padding:.75rem}.friend-request-item>div{width:100%}.friend-request-actions{flex-wrap:wrap;justify-content:flex-start;margin-top:.5rem}.friend-request-actions button{flex-grow:1;flex-basis:calc(50% - .375rem);min-width:100px}}.popular-ampersounds-page .ampersound-list .ampersound-info{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem .75rem;flex-grow:1;padding-left:.5rem}.popular-ampersounds-page .ampersound-list .ampersound-name{font-weight:600;font-size:1.05em}.popular-ampersounds-page .ampersound-list .ampersound-author,.popular-ampersounds-page .ampersound-list .ampersound-timestamp,.popular-ampersounds-page .ampersound-list .ampersound-play-count{font-size:.85em;opacity:.8;white-space:nowrap}.popular-ampersounds-page .ampersound-list .ampersound-author a{font-weight:500;color:var(--link-color-dark)}.popular-ampersounds-page .ampersound-list .ampersound-author a:hover{color:var(--primary-color)}.popular-ampersounds-page .ampersound-list-item>.ampersound-play-button{flex-shrink:0}@media (max-width: 400px){.popular-ampersounds-page .ampersound-list .ampersound-name{font-size:1em}.popular-ampersounds-page .ampersound-list .ampersound-info{gap:.1rem .5rem;padding-left:0}.popular-ampersounds-page .ampersound-list-item>.ampersound-play-button{width:100%;margin-bottom:.5rem;padding:8px 10px}}.create-ampersound-youtube-container{max-width:600px;margin:2rem auto;padding:2rem;border:1px solid #ddd;border-radius:8px;background-color:#f9f9f9}.create-ampersound-youtube-container h2{text-align:center;margin-bottom:1.5rem;color:#333}.create-ampersound-form .form-group{margin-bottom:1rem}.create-ampersound-form label{display:block;margin-bottom:.5rem;font-weight:700;color:#555}.create-ampersound-form input[type='"text"'],.create-ampersound-form input[type='"url"'],.create-ampersound-form input[type='"number"'],.create-ampersound-form select{width:100%;padding:.75rem;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:1rem}.create-ampersound-form .time-inputs{display:flex;gap:1rem}.create-ampersound-form .time-inputs>div{flex:1}.create-ampersound-form .error-message{color:#d9534f;background-color:#f2dede;border:1px solid #ebccd1;padding:.75rem;border-radius:4px;margin-bottom:1rem;text-align:center}.create-ampersound-form .success-message{color:#5cb85c;background-color:#dff0d8;border:1px solid #d6e9c6;padding:.75rem;border-radius:4px;margin-bottom:1rem;text-align:center}.create-ampersound-form .submit-button{background-color:#007bff;color:#fff;padding:.75rem 1.5rem;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .2s ease-in-out;width:100%}.create-ampersound-form .submit-button:hover{background-color:#0056b3}.create-ampersound-form .submit-button:disabled{background-color:#ccc;cursor:not-allowed}.chat-page{--chat-shell-height: min(88vh, 48rem);display:grid;gap:1rem}.chat-sidebar,.chat-thread,.chat-action-error{padding:0;min-height:0}.chat-sidebar,.chat-thread{border:1px solid #dbe3ea;background:#fff;overflow:hidden}.chat-sidebar{display:flex;flex-direction:column;height:var(--chat-shell-height);max-height:var(--chat-shell-height)}.chat-sidebar-shell{display:flex;flex-direction:column;gap:1rem;min-height:0;height:100%;padding:1rem;overflow-y:auto}.chat-sidebar-header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:.85rem}.chat-sidebar-title-block h2,.chat-sheet-header h2{margin:0}.chat-sidebar-title-block p,.chat-sheet-header p,.chat-list-caption{margin:.35rem 0 0;color:#64748b;font-size:.9rem}.chat-sidebar-header-actions,.chat-thread-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem;min-width:0}.chat-pill{font-size:.75rem;font-weight:700;padding:.35rem .65rem;border-radius:999px}.chat-pill.online{color:#166534;background:#dcfce7}.chat-pill.offline{color:#991b1b;background:#fee2e2}.chat-secondary-button,.chat-icon-button{border:1px solid #dbe3ea;background:#fff;color:#0f172a}.chat-secondary-button:hover,.chat-icon-button:hover{background:#f8fafc}.chat-inline-status{display:grid;gap:.65rem}.chat-inline-status .error-message,.chat-action-error .error-message{margin-bottom:0}.chat-dm-launcher{display:grid;gap:.65rem;padding:.95rem;border:1px solid #e2e8f0;border-radius:1rem;background:linear-gradient(180deg,#fff,#f8fafc)}.chat-section-label{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#64748b}.inline-row{display:flex;gap:.65rem;align-items:center}.chat-dm-row{align-items:stretch}.inline-row select,.inline-row input,.chat-sheet input,.chat-composer textarea{width:100%;border:1px solid #d6dbe3;border-radius:.9rem;padding:.8rem .95rem;background:#fff;color:#0f172a}.chat-composer textarea{resize:none;min-height:2.75rem;max-height:8.75rem;line-height:1.45;font:inherit}.chat-sidebar button,.chat-composer button,.chat-sheet button{border-radius:.95rem;padding:.78rem 1rem;font-weight:700}.chat-list-shell{display:flex;flex-direction:column;gap:.75rem;min-height:0;flex:1}.chat-list-scroll{min-height:0;overflow:auto;padding-right:.2rem}.chat-list{display:grid;gap:.65rem}.chat-list-item{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.75rem;align-items:center;padding:.85rem .9rem;border:1px solid #dbe3ea;border-radius:1rem;background:#f8fafc;color:#0f172a;text-align:left}.chat-list-item:hover{background:#f1f5f9;border-color:#cbd5e1}.chat-list-item.active{border-color:#60a5fa;background:#eff6ff;box-shadow:inset 0 0 0 1px #2563eb14}.chat-avatar{width:2.6rem;height:2.6rem;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:linear-gradient(135deg,#0f172a,#1d4ed8);color:#fff;font-size:.85rem;font-weight:800;flex-shrink:0}.chat-list-copy,.chat-thread-copy{min-width:0}.chat-list-copy{display:grid;gap:.25rem}.chat-list-topline{display:flex;align-items:baseline;justify-content:space-between;gap:.65rem}.chat-list-title{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-list-subtitle,.chat-list-time{color:#475569}.chat-list-subtitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.86rem}.chat-list-time{font-size:.76rem;white-space:nowrap}.chat-unread-badge{min-width:1.35rem;height:1.35rem;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#dc2626;color:#fff;font-size:.72rem;font-weight:800}.chat-thread{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:0;height:var(--chat-shell-height);max-height:var(--chat-shell-height);background:linear-gradient(180deg,#fff,#f8fafc)}.chat-empty-state,.chat-empty-card{border:1px dashed #cbd5e1;border-radius:1rem;background:#f8fafcd9;text-align:center}.chat-empty-state{align-self:center;justify-self:center;padding:2rem 1.25rem;max-width:24rem}.chat-empty-card{padding:1.25rem}.chat-empty-card h3,.chat-empty-state h2{margin:0 0 .45rem}.chat-empty-card p,.chat-empty-state p{margin:0;color:#64748b}.chat-empty-thread-card{align-self:center}.chat-thread-header{display:flex;align-items:center;justify-content:space-between;gap:.85rem;padding:1rem;border-bottom:1px solid #e2e8f0;background:#ffffffeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.chat-thread-heading{display:flex;align-items:center;gap:.85rem;min-width:0}.chat-thread-copy h2{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-thread-copy p,.chat-thread-status{margin:.2rem 0 0;color:#64748b;font-size:.88rem;min-width:0;max-width:100%;overflow-wrap:anywhere}.chat-icon-button{display:inline-flex;align-items:center;justify-content:center;min-height:2.5rem;padding:.65rem .95rem}.chat-back-button{display:none}.chat-messages{display:flex;flex-direction:column;gap:.75rem;min-height:0;overflow:auto;padding:1rem;background:radial-gradient(circle at top,rgba(191,219,254,.18),transparent 28%),linear-gradient(180deg,#f8fafc,#f1f5f9);overscroll-behavior:contain;scroll-behavior:smooth}.chat-message{width:fit-content;min-width:min(12rem,100%);max-width:min(82%,34rem);display:grid;gap:.4rem;padding:.75rem .9rem;border:1px solid #dbe3ea;border-radius:1.1rem;background:#fff;box-shadow:0 8px 24px #0f172a0f}.chat-message.mine{align-self:flex-end;background:#dbeafe;border-color:#93c5fd}.chat-message.theirs{align-self:flex-start}.chat-message p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.chat-message-meta,.chat-message footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.45rem;font-size:.75rem;color:#475569}.chat-typing-indicator,.chat-meta,.chat-selected-summary{margin:0;font-size:.85rem;color:#475569}.chat-typing-indicator{padding:.65rem 1rem 0}.chat-composer{display:flex;gap:.75rem;align-items:flex-end;padding:.85rem 1rem calc(.85rem + env(safe-area-inset-bottom,0px));border-top:1px solid #e2e8f0;background:#fffffff5}.chat-composer textarea{flex:1;margin:0;background:#f8fafc}.chat-composer button{flex-shrink:0;min-height:2.75rem}.chat-action-error{grid-column:1 / -1}.chat-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:flex-end;justify-content:center;padding:1rem;background:#0f172a7a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.chat-sheet{width:min(100%,30rem);max-height:min(88vh,42rem);display:flex;flex-direction:column;border:1px solid #dbe3ea;border-radius:1.4rem;background:#fff;overflow:hidden;box-shadow:0 24px 64px #0f172a40}.chat-sheet-header,.chat-sheet-actions{padding:1rem}.chat-sheet-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;border-bottom:1px solid #e2e8f0}.chat-sheet-body{display:grid;gap:.85rem;padding:1rem;overflow:auto}.chat-sheet-field{display:grid;gap:.45rem}.chat-sheet-field input{margin:0}.chat-sheet-list,.chat-friend-grid{display:grid;gap:.65rem}.chat-group-helper{margin:0;color:#64748b;font-size:.86rem}.chat-member-option{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.85rem .9rem;border:1px solid #dbe3ea;border-radius:1rem;background:#fff;color:#0f172a;text-align:left}.chat-member-option:hover{background:#f8fafc;border-color:#93c5fd}.chat-member-option.selected{background:#eff6ff;border-color:#60a5fa}.chat-member-option-name{font-weight:700}.chat-member-option-state{color:#475569;font-size:.82rem}.chat-sheet-actions{display:flex;justify-content:flex-end;gap:.75rem;border-top:1px solid #e2e8f0;background:#fff}.chat-security-panel{display:grid;gap:.9rem;padding:1rem;border:1px solid rgba(15,23,42,.08);border-radius:1rem;background:linear-gradient(145deg,#f8fafcf5,#f1f5f9cc)}.chat-security-header,.chat-device-row,.chat-security-summary,.chat-security-actions,.chat-link-metadata{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.chat-security-summary,.chat-link-metadata,.chat-security-actions{flex-wrap:wrap}.chat-security-subpanel{display:grid;gap:.75rem;padding-top:.85rem;border-top:1px solid rgba(15,23,42,.08)}.chat-device-list{display:grid;gap:.6rem}.chat-device-row{padding:.8rem .9rem;border-radius:.9rem;background:#ffffffb8;border:1px solid rgba(15,23,42,.08)}.chat-device-copy{display:grid;gap:.2rem;min-width:0}.chat-device-copy span{color:#64748b;font-size:.82rem}.chat-security-panel input{width:100%;padding:.75rem .85rem;border:1px solid #d0d7e2;border-radius:.9rem;background:#fff;color:#0f172a}.chat-security-badge{display:inline-flex;align-items:center;justify-content:center;padding:.2rem .55rem;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.chat-security-badge.e2ee{color:#065f46;background:#10b98129}.chat-security-badge.legacy{color:#92400e;background:#f59e0b2e}.chat-approval-grid{display:grid;gap:.65rem}.chat-link-metadata{padding:.8rem .9rem;border-radius:.9rem;background:#ffffffb8;border:1px dashed rgba(15,23,42,.16)}.chat-link-metadata strong{font-size:1rem;letter-spacing:.08em}.chat-message-state{font-weight:600}.chat-message-state.pending_keys{color:#92400e}.chat-message-state.failed_to_decrypt{color:#b91c1c}@media (max-width: 980px){.chat-page{min-height:var(--chat-shell-height)}.chat-sidebar,.chat-thread{height:var(--chat-shell-height);max-height:var(--chat-shell-height)}.chat-thread{border-radius:1.25rem}.chat-back-button{display:inline-flex}.chat-thread-header,.chat-composer{padding-left:.85rem;padding-right:.85rem}.chat-thread-header{padding-top:calc(.85rem + env(safe-area-inset-top,0px));flex-direction:column;align-items:stretch}.chat-thread-heading{width:100%;align-items:flex-start;gap:.7rem}.chat-thread-copy h2{font-size:clamp(1.6rem,6vw,2.2rem)}.chat-thread-actions{width:100%;justify-content:flex-start;align-items:flex-start;flex-direction:row}.chat-thread-status{width:100%}.chat-message{max-width:88%}.chat-sheet-backdrop{padding:0;align-items:flex-end}.chat-sheet{width:100%;max-width:none;max-height:92vh;border-bottom-left-radius:0;border-bottom-right-radius:0}}@media (min-width: 981px){.chat-page{grid-template-columns:minmax(320px,360px) minmax(0,1fr);align-items:start}.chat-sidebar{position:sticky;top:1rem}.chat-thread{position:relative}}.main-content{padding:2rem;flex-grow:1;max-width:1100px;width:100%;margin:0 auto}.nav-title{font-size:1.5em;font-weight:700;color:inherit;text-decoration:none;margin-right:auto}.nav-title:hover{color:var(--primary-color)}.logout-button{background:none;border:none;padding:0;margin:0;font:inherit;color:var(--primary-color);text-decoration:underline;cursor:pointer;align-items:center;width:100%}.logout-button:hover{color:var(--primary-hover-color)}.success-message{color:#4caf50;background-color:#4caf501a;border:1px solid rgba(76,175,80,.3);padding:.75em 1em;border-radius:4px;margin-bottom:1em;font-size:.95em}nav ul{align-items:center}.nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:.5rem;margin-left:auto}.nav-toggle span{display:block;width:25px;height:3px;background-color:var(--text-color-dark);margin:5px 0;transition:all .3s ease-in-out}.nav-toggle.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.nav-toggle.open span:nth-child(2){opacity:0}.nav-toggle.open span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.nav-links{align-items:center}@media (max-width: 768px){.nav-toggle{display:block;order:2;margin-left:1rem}nav ul.nav-links{display:none;flex-direction:column;width:100%;position:absolute;top:100%;left:0;background-color:var(--nav-background-dark);padding:1rem 0;box-shadow:0 4px 6px #0000001a;z-index:99}nav ul.nav-links.nav-links-open{display:flex}nav ul.nav-links li{width:100%;text-align:center;margin:.5rem 0}nav ul.nav-links li a{padding:.75rem 1rem;display:block;width:100%;border-bottom:none}nav ul.nav-links li a.active{background-color:var(--primary-color);color:var(--background-color-dark);border-bottom:none}nav ul.nav-links li a:hover{background-color:var(--primary-hover-color);color:var(--background-color-dark);border-bottom:none}.nav-title{margin-right:auto}nav{display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100}.main-content{padding:1rem}}@media (min-width: 769px){.nav-toggle{display:none}nav ul.nav-links{display:flex!important;flex-direction:row;position:static;width:auto;background-color:transparent;box-shadow:none;padding:0}nav ul.nav-links li{width:auto;text-align:left;margin:0}nav ul.nav-links li a{display:inline;padding:.5rem 0}nav ul.nav-links li a.active{background-color:transparent;color:var(--primary-color)}nav ul.nav-links li a:hover{background-color:transparent;color:var(--primary-color)}nav{display:block}}.ampersound-suggestions{position:absolute;list-style:none;padding:5px 0;margin:5px 0 0;border:1px solid var(--border-color-dark);background-color:var(--input-background-dark);border-radius:4px;max-height:150px;overflow-y:auto;z-index:10;width:calc(100% - 2px);box-shadow:0 4px 8px #0003}@media (prefers-color-scheme: light){.ampersound-suggestions{border-color:var(--border-color-light);background-color:var(--input-background-light);box-shadow:0 4px 8px #0000001a}}.suggestion-item{padding:6px 12px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background-color .15s ease-in-out}.suggestion-item:hover{background-color:var(--primary-color);color:var(--background-color-dark)}.suggestion-item:hover .suggestion-item-details{color:var(--background-color-dark);opacity:.8}.suggestion-item-details{font-size:.85em;opacity:.7;margin-left:8px;white-space:nowrap}.suggestion-preview-button{padding:2px 6px;margin-left:10px;background-color:transparent;border:1px solid var(--primary-color);color:var(--primary-color);border-radius:3px;cursor:pointer;line-height:1;flex-shrink:0;opacity:.7;transition:opacity .2s ease-in-out,background-color .2s ease-in-out}.suggestion-preview-button:hover{opacity:1;background-color:#2dd4bf1a}.suggestion-preview-button:disabled{opacity:.3;cursor:not-allowed}.suggestion-preview-button svg{display:block}.suggestion-item-loading{padding:6px 12px;color:var(--text-color-dark);opacity:.6;font-style:italic}@media (prefers-color-scheme: light){.suggestion-item-loading{color:var(--text-color-light)}.suggestion-item:hover,.suggestion-item:hover .suggestion-item-details{color:var(--background-color-light)}.suggestion-preview-button{border-color:var(--primary-color);color:var(--primary-color)}.suggestion-preview-button:hover{background-color:#2dd4bf1a}}