*{margin:0;padding:0;box-sizing:border-box}html,body{background-color:var(--background);color:var(--grey-1)}.svg-icon{width:28px;height:28px;transition:color .2s ease-in-out}.heart-icon,.chat-icon,.repost-icon{width:20px;height:20px}.main-header-no-auth,.main-header{width:100%;position:fixed;top:0;left:0;z-index:900;box-sizing:border-box;padding:0 1rem}.main-header-no-auth{background-color:var(--background);border-bottom:2px solid var(--border-color)}.header-content-no-auth{display:flex;justify-content:center;align-items:center;height:var(--main-header-height)}.main-header{background-color:var(--background);border-bottom:1px solid var(--border-color)}.header-content{display:flex;justify-content:space-between;align-items:center;height:var(--main-header-height)}.header-title{font-size:1.2rem;font-weight:700;color:var(--base);margin:0}.header-logo{font-size:1.3rem;font-weight:700;color:var(--base);text-decoration:none}.header-logo{display:flex;align-items:center;text-decoration:none}.header-logo img{height:32px;width:auto;display:block}.header-actions{display:flex;align-items:center;gap:.5rem}.header-actions a{color:var(--text-primary);text-decoration:none;transition:color .2s}.bottom-nav{display:flex;justify-content:space-around;align-items:center;position:fixed;bottom:0;left:0;width:100%;height:var(--bottom-nav-height);background-color:var(--background);border-top:1px solid var(--border-color);z-index:900}.bottom-nav a{color:var(--text-primary);text-decoration:none;transition:color .2s;position:relative}.bottom-nav a.active{color:var(--base)}.nav-icon-wrapper{display:flex;position:relative;align-items:center}.nav-icon-wrapper .notification-indicator{position:absolute;top:-4px;right:-6px;height:20px;min-width:20px;padding:0 5px;border-radius:10px;background-color:var(--danger);border:2px solid var(--background);color:var(--background);font-size:.7rem;font-weight:700;line-height:1;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.bottom-nav a svg{width:28px;height:28px}@media (min-width: 768px){.main-header,.bottom-nav{display:none}}.trends-list{list-style:none;padding:.75rem 1rem;margin:0}.trend-item{cursor:pointer;transition:background-color .2s;border-radius:8px;padding:4px 12px;margin:0 -12px}.trend-context{font-size:13px;color:var(--text-primary);display:block}.trend-name{font-weight:700;font-size:15px;color:var(--base)}.follow-suggestion{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;transition:background-color .2s}.follow-suggestion:hover{background-color:var(--grey-7)}.follow-suggestion-user-info-nav{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:inherit;flex-grow:1;overflow:hidden}.follow-suggestion-user-info-nav div{display:flex;flex-direction:column;overflow:hidden}.follow-suggestion-user-info-nav strong{font-weight:700;color:var(--grey-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.follow-suggestion-user-info-nav small{color:var(--grey-4);font-size:.9rem}.follow-suggestion .follow-button{flex-shrink:0;padding:.4rem 1rem;font-size:.85rem}@media (prefers-color-scheme: dark){.follow-suggestion:hover{background-color:var(--grey-7)}.follow-suggestion-user-info-nav strong{color:var(--grey-1)}.follow-suggestion-user-info-nav small{color:var(--grey-4)}}.follow-suggestion-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column}.right-sidebar-container{display:none}@media (min-width: 1280px){.right-sidebar-container{padding:1rem 1.5rem;display:flex;flex-direction:column;gap:1rem;position:sticky;top:0;height:100dvh;overflow-y:auto;border-left:1px solid var(--border-color);background-color:var(--background);width:350px;min-width:300px;box-sizing:border-box}.sidebar-module{background-color:var(--primary-bg);border-radius:16px;overflow:hidden;border:1px solid var(--border-color)}.sidebar-module-title{font-size:1.25rem;font-weight:800;padding:.75rem 1rem;color:var(--text-primary);border-bottom:1px solid var(--grey-6)}.sidebar-empty-text{color:var(--text-primary);padding:1rem;font-size:.9rem}}.left-sidebar{display:none}@media (min-width: 768px){.left-sidebar{display:flex;flex-direction:column;width:var(--left-sidebar-width);height:100dvh;position:fixed;top:0;left:0;padding:1rem;box-sizing:border-box;transition:left .2s ease-in-out}.sidebar-content{display:flex;flex-direction:column;height:100%}.sidebar-logo{font-size:1.8rem;font-weight:800;color:var(--base);text-decoration:none;margin-bottom:2rem;padding:0 1rem}.sidebar-nav{display:flex;flex-direction:column;gap:.5rem}.sidebar-nav a{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;border-radius:999px;text-decoration:none;color:var(--text-primary);font-size:1.2rem;font-weight:500;transition:background-color .2s}.sidebar-nav a:hover{background-color:var(--primary-bg)}.nav-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.left-sidebar .notification-indicator{position:absolute;top:-4px;right:-6px;height:20px;min-width:20px;padding:0 5px;border-radius:10px;background-color:var(--danger);border:2px solid var(--background);color:var(--background);font-size:.7rem;font-weight:700;line-height:1;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.sidebar-footer{margin-top:auto;display:flex;flex-direction:column;gap:1rem}.sidebar-user-actions{display:flex;flex-direction:column}.sidebar-profile-link{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:8px;text-decoration:none;color:var(--grey-1);transition:background-color .2s;width:100%;box-sizing:border-box}.sidebar-profile-link:hover{background-color:var(--grey-7)}.sidebar-profile-info{display:flex;flex-direction:column}.sidebar-profile-info span{font-weight:700}.sidebar-profile-info small{color:var(--grey-4)}.sidebar-logout-button{background:none;border:none;cursor:pointer;width:100%;padding:.75rem 1rem;display:flex;align-items:center;color:var(--grey-3);gap:1rem;font-size:1rem;font-weight:500;transition:all .2s;border-radius:8px;margin-top:.25rem}.sidebar-logout-button:hover{color:var(--danger);background-color:#ff00001a}.sidebar-logout-button svg{width:24px;height:24px}}@media (min-width: 1280px){.left-sidebar{left:calc(50% - 600px)}}@media (prefers-color-scheme: dark){@media (min-width: 768px){.sidebar-logout-button:hover{background-color:#f003}}}.main-layout{display:flex;justify-content:center;width:100%;margin-top:0}.main-content{width:100%;max-width:600px;min-height:calc(100dvh - 120px);margin-bottom:var(--bottom-nav-height)}.expand-main-content{max-width:1000px}.follow-button{border-radius:9999px;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .2s ease-in-out;border:1px solid transparent;background-color:var(--grey-1);color:var(--background)}.follow-button:hover{background-color:var(--grey-2)}.follow-button.following{background-color:transparent;color:var(--grey-2);border-color:var(--grey-6)}.follow-button.following:hover{background-color:var(--danger-fill);color:var(--danger-text);border-color:var(--danger-outline)}.user-avatar{border-radius:50%;object-fit:cover;background-color:var(--grey-6);flex-shrink:0;object-position:center top;display:block}.avatar-xs{width:26px;height:26px}.avatar-sm{width:40px;height:40px}.avatar-md{width:48px;height:48px}.avatar-lg{width:90px;height:90px}.avatar-xl{width:150px;height:150px}.flag-img{border-radius:2px;width:20px;height:20px;object-fit:contain;display:inline-block;vertical-align:middle}@media (min-width: 768px){.main-layout{padding-top:0;margin-left:calc(var(--left-sidebar-width));justify-content:flex-start}.main-content{min-height:calc(100dvh - var(--main-header-height) - 1rem);margin-bottom:0;border-right:1px solid var(--border-color);border-left:1px solid var(--border-color)}}@media (min-width: 1280px){.main-layout{margin-left:calc((50% - 600px) + var(--left-sidebar-width));width:auto;min-width:calc(var(--breakpoint-md) + 200px)}}.error-page-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;text-align:center;background-color:var(--background);color:var(--grey-2);margin:auto}.error-content{max-width:500px}.error-message{background-color:var(--grey-7);color:var(--danger);padding:.5rem 1rem;border-radius:8px;margin:1.5rem 0;font-family:monospace}@media (prefers-color-scheme: dark){.error-page-container{background-color:var(--background);color:var(--grey-5)}.error-message{background-color:var(--grey-2);color:var(--danger-text)}}.post-container{padding:1rem;border-bottom:1px solid var(--border-color);background-color:var(--background);display:flex;flex-direction:column;gap:.25rem;cursor:pointer;transition:background-color .2s ease}.post-header{display:flex;flex-direction:row;align-items:center;gap:.75rem}.post-avatar-container{width:40px;height:40px;flex-shrink:0}.post-avatar-container a{display:block;width:100%;height:100%}.post-author-meta{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.author-meta-line{display:flex;align-items:center;gap:.5rem;line-height:1.3}.author-name-link{text-decoration:none}.author-display-name{font-weight:700;color:var(--grey-1)}.author-name-link:hover .author-display-name{text-decoration:underline}.author-username{color:var(--grey-4);font-size:.95rem}.post-timestamp:before{content:"·";padding-right:.5rem;color:var(--grey-4)}.post-timestamp{color:var(--grey-4);font-size:.95rem}.post-header-actions{flex-shrink:0;margin-left:auto;position:relative}.post-header-actions .icon-action-button{padding:0;margin:0}.post-header-actions .post-options-button:hover{color:var(--base-dark);background-color:#1d9bf01a}.post-content p{margin:0;line-height:1.6;color:var(--text-primary);word-wrap:break-word;white-space:pre-wrap}.rates-from-text{font-size:small;margin-right:.25rem;font-style:italic;color:var(--grey-4)}.rates-from-author{font-weight:600;color:var(--grey-4)}.rates-post-content{margin-bottom:.75rem;font-family:monospace,sans-serif;font-size:.95rem}.post-hashtags{color:var(--base)}.post-hashtags:hover{text-decoration:underline}.post-link{color:var(--base);word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.post-link:hover{text-decoration:underline}.post-detailed-info time{font-size:.95rem;color:var(--grey-4)}.post-media-container{margin-top:.75rem;border-radius:12px;overflow:hidden;border:1px solid var(--border-color)}.post-media-image{width:100%;display:block;object-fit:cover;aspect-ratio:16 / 9}.detail-page-container .post-container.detailed-view{padding-bottom:.5rem;cursor:default}.main-layout .detail-page-container .post-container.detailed-view{border-bottom:0}.detail-page-container .post-container.detailed-view:hover{background-color:var(--background)}.show-more-button{background:none;border:none;padding:0;margin-left:.5rem;color:var(--base);font-weight:600;font-size:.95rem;cursor:pointer}.show-more-button:hover{text-decoration:underline}.post-actions{display:flex;gap:1rem;max-width:425px}.icon-action-button{display:flex;align-items:center;gap:.25rem;background:none;border:none;cursor:pointer;color:var(--grey-4);font-size:.8rem;border-radius:999px;margin:-8px;padding:8px;transition:color .2s,background-color .2s}.icon-action-button svg{width:20px;height:20px}.action-share svg{width:16px;height:16px}.action-reply:hover{color:var(--base-dark);background-color:#1d9bf01a}.action-repost:hover{color:var(--base-dark);background-color:#00ba7c1a}.action-like:hover{color:var(--like);background-color:#f918801a}.comment-container{margin-left:1rem;padding-left:1rem;margin-bottom:.25rem;border-bottom:none;border-radius:16px 0 0 16px}@media (prefers-color-scheme: dark){.post-header-actions .post-options-button:hover{background-color:#1d9bf033}}@media (min-width: 768px){.guest-layout .post-container{border-radius:8px;border:1px solid var(--border-color)}}.options-popover-container{position:absolute;top:100%;right:0;background-color:var(--background);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--box-shadow-lg);z-index:10;min-width:220px;max-width:300px;padding:6px;box-sizing:border-box}.menu-option-list{list-style:none;padding:0;margin:0}.menu-option-item{display:flex;align-items:center;gap:12px;padding:10px 12px;font-weight:500;cursor:pointer;border-radius:8px;transition:background-color .2s;white-space:nowrap}.menu-option-item:hover{background-color:var(--primary-bg)}.menu-option-item svg{width:20px;height:20px;color:var(--text-secondary);flex-shrink:0}.menu-option-item.menu-option-danger{color:var(--danger)}.menu-option-item.menu-option-danger svg{color:var(--danger)}.menu-option-item.menu-option-danger:hover{background-color:var(--danger-fill);color:var(--danger-text)}@media (prefers-color-scheme: dark){.options-popover-container{background-color:var(--background);border-color:var(--grey-6);box-shadow:var(--box-shadow-lg)}.menu-option-item:hover{background-color:var(--grey-7)}.menu-option-item svg{color:var(--grey-2)}.menu-option-item.menu-option-danger:hover{background-color:var(--danger-fill-dark);color:var(--danger-text)}.menu-option-item.menu-option-danger svg{color:var(--danger-text)}}.post-feed-container{display:flex;flex-direction:column;width:100%}.feed-loading{display:flex;justify-content:center;align-items:center;padding:2rem}.feed-loading div{width:10px;height:10px;background-color:var(--grey-4);border-radius:50%;margin:0 5px;animation:bounce 1.4s infinite ease-in-out both}.feed-loading div:nth-child(1){animation-delay:-.32s}.feed-loading div:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.feed-error,.feed-message{text-align:center;padding:2rem;font-weight:500;color:var(--grey-4)}.feed-error{color:var(--danger)}@media (prefers-color-scheme: dark){.feed-loading div{background-color:var(--grey-5)}.feed-message{color:var(--grey-5)}.feed-error{color:var(--danger)}}.tab-buttons{display:flex;border-bottom:1px solid var(--border-color);background-color:var(--background-alpha);position:sticky;top:0;z-index:800;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.page-tabs .tab-buttons{top:var(--main-header-height, 60px)}.tab-button{background-color:transparent;flex:1;padding:1rem 0;border:none;border-radius:0;color:var(--primary-text);font-weight:500;font-size:.95rem;cursor:pointer;position:relative;transition:background-color .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.tab-button svg{width:24px;height:24px}.tab-button:last-child{border-right:none}.tab-button.active{font-weight:700;color:var(--base)}.tab-button.active:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:50%;height:4px;background-color:var(--base);border-radius:2px}.tab-content{width:100%}@media (min-width: 768px){.page-tabs .tab-buttons{top:0}}.auth-container{margin:10px auto;padding:24px;background-color:var(--background);border:1px solid var(--grey-6);border-radius:12px;box-sizing:border-box;text-align:center;width:90%;max-width:450px}.auth-container-title{margin-bottom:15px;font-size:1.5em;color:var(--grey-1)}.auth-container-subtitle{margin-bottom:20px;font-size:1em;color:var(--grey-4)}.auth-container form{display:flex;flex-direction:column;gap:9px}.auth-container .form-group{text-align:left;position:relative}.auth-container .form-group label{display:block;margin-bottom:4px;font-weight:600;font-size:1em;color:var(--grey-3)}.auth-container .form-group input{width:100%;padding:8px;background-color:var(--grey-7);border:1px solid var(--grey-6);border-radius:8px;color:var(--grey-3);box-sizing:border-box;transition:border-color .3s ease,box-shadow .3s ease}.auth-container .form-group input:focus{outline:none;border-color:var(--base);color:var(--grey-1)}.auth-container .form-group button{position:absolute;top:30px;right:5px;background:transparent;border:none;padding:.5em;font-size:.9rem;font-weight:600;color:var(--grey-4);cursor:pointer;transition:background-color .5s ease-in-out}.auth-container .form-group button:hover{color:var(--base);border-color:transparent;transition:background-color .5s ease-in-out}.auth-container .fg-danger{color:var(--danger);margin-top:15px;font-size:.9rem;font-weight:500}.auth-container .links{display:flex;justify-content:space-between;gap:25px;padding:10px}.auth-container .dob-container{display:flex;gap:.5rem}.auth-container .dob-container select[name=dobMonth],.auth-container .dob-container select[name=dobDay]{flex-basis:25%;padding:.5rem}.auth-container .dob-container select[name=dobYear]{padding:.5rem;flex-basis:50%}.auth-container .google-signin-button{margin-top:4px;display:flex;justify-content:center;align-items:center;border-radius:8px;border:1px solid var(--border-color);padding:8px}.auth-container .google-signin-button span{margin-left:12px;font-weight:600;color:var(--grey-3)}.auth-container .google-signin-button svg{width:20px;height:20px}.auth-container svg{top:10%;right:1%}.auth-container .dropdown-selected{padding:8px;border-radius:8px}.form-hint{font-size:smaller;color:var(--grey-4);margin:-.25rem 0 .5rem}@media (min-width: 768px){.auth-container{margin:50px auto}}.custom-dropdown{position:relative}.dropdown-selected{display:flex;align-items:center;border:1px solid var(--grey-5);border-radius:4px;padding:0 4px;cursor:pointer;min-width:6rem;transition:border-color .2s,box-shadow .2s}.dropdown-portal-menu{z-index:1100;background-color:var(--background);border:1px solid var(--grey-5);border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column}.dropdown-arrow{margin-left:auto;color:var(--grey-4);padding-left:2px}.dropdown-search{margin:5px;padding:6px!important;width:calc(100% - 10px)!important;border-radius:8px;border:1px solid var(--grey-6);box-sizing:border-box}.dropdown-list{position:absolute;top:100%;left:0;right:0;max-height:200px;overflow-y:auto;background-color:var(--background);border:1px solid var(--grey-6);border-top:none;border-radius:8px;list-style:none;padding:0;margin:0;z-index:1000;box-shadow:var(--box-shadow)}.dropdown-list li{display:flex;align-items:center;padding:4px 12px;transition:background-color .2s ease;color:var(--grey-2)}.dropdown-list li:hover{background-color:var(--grey-7);color:var(--grey-1)}.dropdown-list li img,.dropdown-selected img{margin-right:.4rem}.select{display:block;margin:auto}.currency-iso-small{font-size:.9rem;display:block}.currency-iso-xsmall{font-size:.8rem;display:block}.crypto-img{border-radius:2px;object-fit:contain;display:inline-block;vertical-align:middle;width:18px;height:18px}.not-found-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:70dvh;background-color:var(--grey-7);text-align:center;padding:1rem;box-sizing:border-box;margin:0 auto}.not-found-content{max-width:28rem}.not-found-title{font-size:3.75rem;line-height:1;font-weight:700;color:var(--grey-1);margin-bottom:1rem}.not-found-subtitle{font-size:1.5rem;font-weight:600;color:var(--grey-2);margin-bottom:.5rem}.not-found-text{color:var(--grey-4);margin-bottom:1.5rem}.btn-primary{text-decoration:none}@media (prefers-color-scheme: dark){.not-found-page{background-color:var(--background)}.not-found-title{color:var(--grey-7)}.not-found-subtitle{color:var(--grey-5)}.not-found-text{color:var(--grey-4)}}.landing-page-container{align-self:center;width:100%;min-height:100%;display:flex;flex-direction:column;background-color:var(--primary--bg);color:var(--text-primary);font-family:Arial,sans-serif}.landing-main-content{flex-grow:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;gap:3rem}.hero-section{max-width:600px;text-align:center}.hero-headline{font-size:3rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem}.hero-subheadline{font-size:1.1rem;color:var(--text-secondary);margin-bottom:2.5rem;line-height:1.5}.hero-actions{display:flex;flex-direction:column;gap:1rem;align-items:center}.hero-actions-row{width:100%;display:flex;gap:1rem;flex-direction:column;align-items:center}.cta-button-primary,.cta-button-secondary,.cta-button-google{display:inline-block;width:100%;max-width:300px;padding:.9rem 1.5rem;font-size:1rem;font-weight:700;border-radius:9999px;text-decoration:none;transition:background-color .2s ease;box-sizing:border-box}.cta-button-primary{background-color:var(--base);color:var(--background)}.cta-button-primary:hover{background-color:var(--base-dark)}.cta-button-secondary,.cta-button-google{background-color:transparent;color:var(--base);border:1px solid var(--grey-6)}.cta-button-secondary:hover,.cta-button-google:hover{background-color:#00875a1a}.cta-button-google{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer;transition:background-color .2s ease,box-shadow .2s ease;background-color:var(--background);border:1px solid var(--border-color)}.cta-button-google svg{margin-right:12px}.app-preview-section{width:100%;display:flex;justify-content:center}.app-preview-container{width:100%;max-width:500px;border-radius:16px;background-color:var(--background);border:1px solid var(--border-color)}.mock-post{background-color:var(--background);border-radius:12px;padding:1rem;border:1px solid var(--border-color)}.mock-post-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.mock-avatar{width:48px;height:48px;border-radius:50%;background-color:var(--grey-6);object-fit:cover}.mock-author-info{display:flex;flex-direction:column}.mock-display-name{font-weight:700}.mock-username{color:var(--text-secondary);font-size:.9rem}.mock-post-content p{margin:0 0 1rem;line-height:1.4}.mock-rates p{margin-bottom:.75rem;font-family:monospace,sans-serif;font-size:.95rem}.mock-hashtags{color:var(--base)}.via-exchange{font-weight:600;color:var(--grey-4)}.from-text{font-size:small;margin-right:.25rem;font-style:italic;color:var(--grey-4)}.mock-post-actions{display:flex;align-items:center;gap:2rem;margin-top:1rem;color:var(--text-secondary);font-size:.9rem}.mock-action-item{display:flex;align-items:center;gap:.3rem}.mock-post-actions svg{width:20px;height:20px}@media (min-width: 1024px){.landing-page-container{max-width:1000px}.landing-main-content{flex-direction:row;justify-content:space-around;padding:4rem 2rem}.hero-section{text-align:left}.hero-actions{justify-content:flex-start}.hero-actions-row{flex-direction:row}.cta-button-primary,.cta-button-secondary{width:auto}}.full-page-loader{display:flex;justify-content:center;align-items:center;width:100vw;height:100dvh;background-color:var(--primary-bg);position:fixed;top:0;left:0;z-index:9999}.spinner{width:50px;height:50px;border:5px solid var(--grey-6);border-top-color:var(--base);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.connection-error{display:flex;flex-direction:column;gap:1rem;padding:1rem;margin:auto;text-align:center}.auth-footer{width:100%;padding:0 2rem;text-align:center;margin-top:auto;box-sizing:border-box;flex-shrink:1}.auth-footer-content{max-width:900px;margin:30px auto 0;display:flex;flex-direction:column;align-items:center;gap:.5rem}.auth-footer-links{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.auth-footer-links a{font-size:.75rem;color:var(--text-secondary);text-decoration:none;transition:color .2s ease}.auth-footer-links a:hover{color:var(--base);text-decoration:underline}.auth-footer-copyright{font-size:.85rem;color:var(--grey-3)}.error-toast-container{position:fixed;top:20px;left:50%;transform:translate(-50%);width:90%;max-width:600px;background-color:var(--danger-fill-dark);color:var(--danger-text);border:1px solid var(--danger-outline);border-radius:8px;box-shadow:var(--box-shadow-lg);display:flex;align-items:center;gap:12px;padding:12px 16px;z-index:2000;animation:slideDown .5s ease-out forwards}.error-toast-icon{flex-shrink:0}.error-toast-icon svg{width:24px;height:24px;color:inherit}.error-toast-message{flex-grow:1;margin:0;font-weight:500;font-size:.95rem}.error-toast-close-button{background:none;border:none;cursor:pointer;padding:4px;margin-left:auto;flex-shrink:0;color:var(--danger-text);border-radius:50%;transition:background-color .2s}.error-toast-close-button:hover{background-color:#ffffff1a}.error-toast-close-button svg{width:20px;height:20px;color:inherit}@media (prefers-color-scheme: dark){.error-toast-close-button:hover{background-color:#fff3}}.success-toast-container{position:fixed;top:20px;left:50%;transform:translate(-50%);width:90%;max-width:600px;background-color:var(--success-fill-dark);color:var(--success-text);border:1px solid var(--success-outline);border-radius:8px;box-shadow:var(--box-shadow-lg);display:flex;align-items:center;gap:12px;padding:12px 16px;z-index:2000;animation:slideDown .5s ease-out forwards}@keyframes slideDown{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}.success-toast-icon{flex-shrink:0}.success-toast-icon svg{width:24px;height:24px;color:inherit}.success-toast-message{flex-grow:1;margin:0;font-weight:500;font-size:.95rem}.success-toast-close-button{background:none;border:none;cursor:pointer;padding:4px;margin-left:auto;flex-shrink:0;color:var(--success-text);border-radius:50%;transition:background-color .2s}.success-toast-close-button:hover{background-color:#ffffff1a}.success-toast-close-button svg{width:20px;height:20px;color:inherit}@media (prefers-color-scheme: dark){.success-toast-close-button:hover{background-color:#fff3}}.guest-page-wrapper{display:flex;flex-direction:column;width:100%;min-height:100dvh;margin:0}.guest-layout{margin-top:auto;flex-grow:1;width:100%}.header-included{margin-top:var(--main-header-height)}.guest-content{width:100%;box-sizing:border-box;margin:0 auto;max-width:600px;display:flex;flex-direction:column;align-items:center}@media (min-width: 768px){.header-included{margin-top:0}.guest-layout.header-included{margin-top:var(--main-header-height)}.guest-content{padding:1rem 0}}@media (min-width: 1280px){.guest-content{max-width:1200px}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background-color:#5b7083e6}.modal-content{position:relative;background:var(--background);border-radius:8px;box-shadow:0 5px 20px #0003;width:90%;max-width:450px;border:1px solid var(--border-color);max-height:95dvh;display:flex;flex-direction:column;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem;border-bottom:1px solid var(--border-color);flex-shrink:0}.modal-title{font-size:1.25rem;font-weight:700;color:var(--grey-1);margin:0}.modal-body{padding:1rem;overflow-y:auto}.modal-close-button{position:fixed;top:20px;right:20px;z-index:1001;background-color:#0000004d;border:none;color:#fff;cursor:pointer;margin-left:auto;border-radius:50%;transition:background-color .2s,color .2s;display:flex;align-items:center;justify-content:center;padding:.25rem}.modal-close-button:hover{background-color:#fff3;transform:scale(1.05)}.modal-body textarea{width:100%;border:none;resize:none;outline:none;color:var(--grey-4);background-color:var(--primary-bg);border-radius:8px;padding:1rem;transition:border-color .2s}.modal-body textarea:focus{border:1px solid var(--base);background-color:var(--background)}@media (prefers-color-scheme: dark){.modal-overlay{background-color:#141414e6}.modal-content{background:var(--background);box-shadow:0 5px 20px #0006}}@media (min-width: 768px){.modal-content{max-width:600px}}.mention-textarea-wrapper{position:relative;width:100%}.mention-textarea{width:100%;resize:none;outline:none;background-color:transparent;color:var(--text-primary);font-family:inherit;font-size:16px;min-height:24px;overflow:hidden}.mention-suggestions-list{position:absolute;left:0;width:250px;max-height:200px;overflow-y:auto;background-color:var(--background);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;list-style:none;padding:0;margin:0}.mention-suggestions-list.placement-bottom{top:100%;bottom:auto;margin-top:.2rem}.mention-suggestions-list.placement-top{bottom:100%;top:auto;margin-bottom:.2rem;box-shadow:0 -4px 12px #00000026}.mention-suggestions-list li{display:flex;align-items:center;gap:10px;padding:10px;cursor:pointer;border-bottom:1px solid var(--border-color);transition:background-color .2s}.mention-suggestions-list li:last-child{border-bottom:none}.mention-suggestions-list li:hover{background-color:var(--primary-bg)}.mention-user-info{display:flex;flex-direction:column}.mention-displayname{font-weight:700;font-size:.9rem;color:var(--text-primary)}.mention-username{font-size:.8rem;color:var(--grey-4)}.modal-body{display:flex;flex-direction:column;margin-bottom:0;min-height:200px}.original-comment-content{font-size:1rem;color:var(--grey-3);padding-left:12px;border-left:4px solid var(--grey-5);max-height:100px;overflow-y:auto;margin:0 0 10px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-clamp:4;border-radius:4px;line-height:1.5rem}@keyframes fadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@media (prefers-color-scheme: dark){.original-comment-content{color:var(--grey-5);border-left-color:var(--grey-4);background-color:var(--primary-bg)}}.modal-content.avatar-viewer{background:none;border:none;box-shadow:none;padding:0;max-width:none;width:auto;overflow:visible;border-radius:16px}.modal-content.avatar-viewer .modal-header{background:transparent;border:none;padding:0;position:absolute;top:1%;right:1%;width:100%;z-index:10}.modal-content.avatar-viewer .modal-body{padding:0;overflow:visible;line-height:0}.avatar-modal-content img{max-width:100dvw;max-height:90dvh;width:auto;height:auto;border-radius:16px;cursor:default}.avatar-modal-content{animation:fadeIn .3s ease-out}@media (min-width: 1024px){.avatar-modal-content img{max-width:70dvw}}.confirm-delete-modal-actions{margin-top:1rem;display:flex;justify-content:flex-end;gap:10px}.button-danger{padding:.75rem 1.25rem;border-radius:9999px;font-weight:700;cursor:pointer;background-color:var(--danger-text);color:#fff;border:1px solid var(--danger-text);transition:background-color .2s}.button-danger:hover:not(:disabled){background-color:var(--danger-dark)}.button-danger:disabled{opacity:.6;cursor:not-allowed}@media (prefers-color-scheme: dark){.button-danger{background-color:var(--danger);color:var(--grey-1);border-color:var(--danger)}.button-danger:hover:not(:disabled){background-color:#d93448}}.edit-post-form{display:flex;flex-direction:column;flex-grow:1}.edit-post-modal-footer{margin-top:1rem;display:flex;justify-content:flex-end;gap:10px}.edit-post-btn-primary,.edit-post-btn-secondary{padding:.75rem 1.25rem;border-radius:9999px;font-weight:700;font-size:.95rem;cursor:pointer;border:1px solid transparent;transition:background-color .2s,color .2s,border-color .2s}.edit-post-btn-primary:disabled,.edit-post-btn-secondary:disabled{opacity:.2;cursor:not-allowed}.edit-post-btn-primary{background-color:var(--grey-1);color:var(--background);border-color:var(--grey-1)}.edit-post-btn-primary:hover:not(:disabled){background-color:var(--grey-3);border-color:var(--grey-3)}.edit-post-btn-secondary{background-color:transparent;color:var(--grey-2);border-color:var(--grey-5)}.edit-post-btn-secondary:hover:not(:disabled){background-color:var(--grey-7)}@media (prefers-color-scheme: dark){.edit-post-btn-primary{background-color:var(--grey-1);color:var(--background);border-color:var(--grey-1)}.edit-post-btn-primary:hover:not(:disabled){background-color:var(--grey-2);border-color:var(--grey-2)}.edit-post-btn-secondary{color:var(--grey-1);border-color:var(--grey-6)}.edit-post-btn-secondary:hover:not(:disabled){background-color:var(--grey-7)}}.delete-account-modal h2{margin:0 0 .5rem;font-size:1.2rem;color:var(--grey-1)}.delete-account-modal p{margin:0 0 1.5rem;line-height:1.5;color:var(--grey-4)}.delete-account-modal .form-group label{display:block;margin-bottom:4px;font-weight:600;font-size:1em;color:var(--grey-3)}.delete-account-modal .form-group input{width:100%;padding:12px;background-color:var(--grey-7);border:1px solid var(--grey-6);border-radius:8px;font-size:1rem;color:var(--grey-3);box-sizing:border-box;transition:border-color .3s ease,box-shadow .3s ease}.delete-account-modal .form-group input:focus{background-color:var(--background)}.delete-account-modal .form-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem}.delete-account-modal .delete-modal-actions{margin-top:1rem;display:flex;justify-content:flex-end;gap:10px}@media (prefers-color-scheme: dark){.delete-account-modal h2{color:var(--grey-1)}.delete-account-modal p{color:var(--grey-4)}.delete-account-modal .form-group label{color:var(--grey-2)}.delete-account-modal .form-group input{background-color:var(--grey-7);border-color:var(--grey-6);color:var(--grey-1)}.delete-account-modal .form-group input:focus{background-color:var(--background)}}.user-list-item{display:flex;align-items:flex-start;padding:12px 16px;border-bottom:1px solid var(--border-color);transition:background-color .2s;text-decoration:none;color:var(--text-primary)}.user-list-item:hover{background-color:var(--primary-bg)}.user-list-item-avatar{margin-right:12px}.user-list-item-info{flex-grow:1;margin-right:12px}.user-list-item-name{font-weight:600;font-size:1rem;display:block}.user-list-item-username{font-size:.95rem;color:var(--text-secondary);display:block;margin-bottom:4px}.user-list-item-bio{font-size:.95rem;color:var(--text-primary);margin:0;white-space:nowrap;line-clamp:2;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.user-list-item-action{flex-shrink:0;padding-top:4px}.user-list-item-action .btn{padding:.4em 1em;font-size:.9rem}.connections-modal .modal-body{padding:0;height:70dvh;display:flex;flex-direction:column}.connections-modal-header{display:flex;border-bottom:1px solid var(--border-color)}.connections-modal .modal-body{padding-top:0}.connections-modal-list{overflow-y:auto;flex-grow:1}.connections-modal-footer{padding:16px;border-top:1px solid var(--border-color);flex-shrink:0}.modal-message{text-align:center;color:var(--text-secondary);padding:24px}.modal-message.error{color:var(--danger-text)}.exchange-edit-modal-content{padding:1rem;border-radius:8px;box-shadow:0 5px 15px #0000004d;width:90%;max-width:500px;position:relative}.exchange-edit-modal-body .form-group{margin-bottom:1rem}.exchange-edit-modal-body label{display:block;margin-bottom:.5rem;font-weight:500;color:#333}.exchange-edit-modal-body .form-input{width:100%;padding:.75rem;border:1px solid var(--grey-5);border-radius:8px;background-color:var(--primary-bg)}.exchange-edit-modal-body .form-input:focus{outline:none;border-color:var(--base);background-color:var(--background)}.exchange-edit-modal-body .dropdown-selected{padding:8px;border-radius:8px}.exchange-edit-modal-body .form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem}.exchange-edit-modal-body .cancel-button,.exchange-edit-modal-body .save-button{padding:.75rem 1.25rem;border-radius:9999px;font-weight:700;font-size:.95rem;cursor:pointer;border:1px solid transparent;transition:background-color .2s,color .2s,border-color .2s}.exchange-edit-modal-body .cancel-button{background-color:transparent;color:var(--grey-2);border-color:var(--grey-5)}.exchange-edit-modal-body .cancel-button:hover{background-color:var(--grey-7)}.exchange-edit-modal-body .save-button{background-color:var(--grey-1);border-color:var(--grey-1);color:var(--background)}.exchange-edit-modal-body .save-button:hover{border-color:var(--base);background-color:var(--base)}@media (prefers-color-scheme: dark){.exchange-edit-modal-header{border-bottom-color:var(--grey-6)}.exchange-edit-modal-title{color:var(--grey-1)}.exchange-edit-modal-body label{color:var(--grey-2)}.exchange-edit-modal-body .form-input{background-color:var(--grey-7);color:var(--grey-1);border-color:var(--grey-6)}.exchange-edit-modal-body .form-input:focus{background-color:var(--background)}.exchange-edit-modal-body .save-button{background-color:var(--grey-1);color:var(--background);border-color:var(--grey-1)}.exchange-edit-modal-body .save-button:hover{background-color:var(--grey-2);border-color:var(--grey-2)}.exchange-edit-modal-body .cancel-button{color:var(--grey-1);border-color:var(--grey-6)}.exchange-edit-modal-body .cancel-button:hover{background-color:var(--grey-7)}}.qr-code-modal-content{display:flex;flex-direction:column;align-items:center;padding-top:.5rem;justify-self:center}.qr-code-wrapper{padding:1rem;background:#fff}.qr-code-placeholder{background-color:#f0f0f0;border-radius:8px;animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.qr-code-url-text{font-size:.9rem;color:var(--text-secondary);margin-bottom:.5rem}.qr-code-avatar{margin-bottom:.5rem}.qr-modal-action-button{position:fixed;top:20px;right:70px;z-index:1002;display:flex;align-items:center;justify-content:center;width:35px;height:35px;padding:0;background-color:#0000004d;color:#fff;border:none;border-radius:50%;cursor:pointer;transition:background-color .2s,transform .2s;outline:none}.qr-modal-action-button:hover{background-color:#fff3;transform:scale(1.05)}.qr-modal-action-button:disabled{opacity:.5;cursor:not-allowed}.qr-code-button svg{width:28px}.new-chat-user-item{display:flex;align-items:center;padding:10px 15px;cursor:pointer;transition:background-color .2s ease}.new-chat-user-item:hover{background-color:var(--grey-7)}.new-chat-user-item .user-avatar{margin-right:12px;flex-shrink:0}.new-chat-user-info{display:flex;flex-direction:column;overflow:hidden}.new-chat-user-displayname{font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.new-chat-user-username{font-size:.9rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.new-chat-container .modal-body{padding:0}.new-chat-search-input{width:100%;padding:12px 15px;border:none;border-bottom:1px solid var(--border-color);background-color:var(--background);color:var(--text-primary);font-size:1rem;outline:none}.new-chat-search-input:focus{border-bottom-color:var(--base)}.new-chat-results-list{list-style:none;padding:0;margin:0;max-height:400px;overflow-y:auto}.chat-list-status{padding:20px;text-align:center;color:var(--text-secondary)}.inline-reply-form{display:flex;gap:8px;margin-top:8px;margin-bottom:8px}.inline-reply-form .user-avatar{flex-shrink:0;margin-top:5px}.inline-reply-content{width:100%}.inline-reply-form textarea{min-height:36px;padding:.5rem;background-color:var(--primary-bg);color:var(--grey-4);width:100%;border:none;resize:none;outline:none;border-radius:8px;transition:border-color .2s}.inline-reply-form textarea:focus{border:1px solid var(--base);background-color:var(--background)}.inline-reply-actions{display:flex;justify-content:flex-end;gap:8px}.inline-reply-actions .cancel-button{background-color:transparent;color:var(--grey-3);border:none;padding:8px 16px;border-radius:20px;cursor:pointer;font-weight:700}.inline-reply-actions .cancel-button:hover{background-color:var(--grey-7)}.inline-reply-actions .save-button{background-color:var(--base);color:var(--background-color);border:none;padding:8px 16px;border-radius:20px;cursor:pointer;font-weight:700}.inline-reply-actions .save-button:disabled{background-color:var(--grey-6);cursor:not-allowed}.comment-replies-container>*:last-child>.comment-container{border-bottom:none}.comment-thread-container{width:100%}.comment-replies-container{margin-left:20px}.is-reply{padding-left:.5rem;border-left:1px solid var(--grey-5)}.comment-replies-actions{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding-left:3rem;padding-bottom:8px}.view-replies-button{background:none;border:none;color:var(--grey-4);cursor:pointer;font-size:.9em;font-weight:700;padding:0}.view-replies-button:hover{text-decoration:underline;color:var(--grey-2)}.guest-layout .comment-container{border:1px solid var(--border-color)}.action-view-thread{padding:0}@media (prefers-color-scheme: dark){.is-reply{border-left-color:var(--grey-6)}.view-replies-button{color:var(--grey-4)}.view-replies-button:hover{color:var(--grey-1)}}.comment-thread-modal{height:95dvh}.comment-thread-modal .modal-title{padding-left:.5rem}.comment-thread-modal .modal-body{padding:0rem;height:100%}.comment-thread-modal .comment-container{margin-left:0;border-bottom:1px solid var(--border-color);border-radius:0}.thread-modal-header{display:flex;align-items:center}.comment-thread-modal .back-button{display:inline-flex;align-items:center}.thread-root-context{padding:.25rem .75rem;color:var(--text-secondary)}.loading-thread{padding:.5rem;text-align:center}.thread-replies-list{margin-left:1rem}.modal-content.media-viewer{background:none;box-shadow:none;padding:0;max-width:none;width:auto;overflow:visible;border-radius:16px;border:none}.modal-content.media-viewer .modal-body{padding:0;overflow:visible;line-height:0}.media-modal-content img{max-width:100dvw;max-height:90dvh;width:auto;height:auto;border-radius:8px;cursor:default}.media-modal-footer{display:flex;justify-content:center;align-items:center}.media-modal-button{position:fixed;top:20px;right:60px;z-index:1002;display:flex;align-items:center;justify-content:center;width:35px;height:35px;padding:0;background-color:#0000004d;color:#fff;border:none;border-radius:50%;cursor:pointer;transition:background-color .2s,transform .2s;outline:none}.media-modal-button:hover{background-color:#fff3;transform:scale(1.05)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.media-modal-content{animation:fadeIn .3s ease-out}@media (min-width: 1024px){.media-modal-content img{max-width:70dvw}}.privacy-policy-container{max-width:800px;margin:0 auto;padding:2rem;background-color:var(--primary-bg);border-radius:8px;box-shadow:0 4px 6px #0000001a;position:relative}.privacy-policy-container h1{text-align:center;font-size:2rem;margin-bottom:.5rem;margin-left:1.5rem}.privacy-policy-container p{margin-bottom:1rem;margin-left:1.5rem}.privacy-policy-container .last-updated{text-align:center;font-size:.875rem;color:var(--grey-4);margin-bottom:2rem;border-bottom:1px solid var(--border-color)}.privacy-policy-container h2{font-size:1.5rem;margin-top:1.5rem;margin-bottom:1rem;margin-left:1.5rem;border-bottom:1px solid var(--border-color)}.privacy-policy-container h3{font-size:1.25rem;margin-top:1.25rem;margin-bottom:.75rem;margin-left:1.5rem;border-bottom:1px solid var(--border-color)}.privacy-policy-container h4{font-size:1.125rem;margin-top:1rem;margin-bottom:.5rem;margin-left:1.5rem}.privacy-policy-container ol{text-decoration:none;list-style:none}.privacy-policy-container ul{margin-left:4rem;margin-bottom:1rem}.privacy-policy-container a{color:var(--grey-4);margin-left:5px}.privacy-policy-container table{text-align:left;margin-bottom:1rem}.privacy-policy-container th,.privacy-policy-container td{padding:10px;border:1px solid var(--border-color);color:var(--grey-1)}.terms-and-conditions-container{max-width:800px;margin:0 auto;padding:2rem;background-color:var(--primary-bg);border-radius:8px;box-shadow:0 4px 6px #0000001a;position:relative}.terms-and-conditions-container h1{text-align:center;font-size:2rem;margin-bottom:.5rem;margin-left:1.5rem;border-bottom:1px solid var(--border-color)}.terms-and-conditions-container p{margin-bottom:1rem;margin-left:1.5rem}.terms-and-conditions-container .last-updated{text-align:center;font-size:.875rem;color:var(--grey-4);margin-bottom:2rem}.terms-and-conditions-container h2{font-size:1.5rem;margin-top:1.5rem;margin-bottom:1rem;margin-left:1.5rem;border-bottom:1px solid var(--border-color)}.terms-and-conditions-container h3{font-size:1.25rem;margin-top:1.25rem;margin-bottom:.75rem;margin-left:1.5rem;border-bottom:1px solid var(--border-color)}.terms-and-conditions-container h4{font-size:1.125rem;margin-top:1rem;margin-bottom:.5rem}.terms-and-conditions-container ol{text-decoration:none;list-style:none;margin-left:2rem}.terms-and-conditions-container ul{margin-left:4rem;margin-bottom:1rem}.terms-and-conditions-container a{color:var(--grey-4);margin-left:5px}.terms-and-conditions-container table{text-align:left;margin-bottom:1rem}.terms-and-conditions-container th,.terms-and-conditions-container td{padding:10px;border:1px solid var(--border-color);color:var(--grey-1)}@media (prefers-color-scheme: dark){.privacy-policy-container{background-color:var(--primary-bg)}.privacy-policy-container th,.privacy-policy-container td{border:1px solid var(--grey-6);color:var(--grey-1)}}.legal-page-container{max-width:900px;margin:0 auto;padding:2rem;background-color:var(--primary-bg);border-radius:8px;line-height:1.6;position:relative}.legal-page-header{text-align:center;border-bottom:1px solid var(--border-color);padding-bottom:1.5rem;margin-bottom:2rem}.legal-page-header h1{font-size:2.5rem;margin-bottom:.5rem}.legal-page-header .subtitle{font-size:1.1rem}.legal-page-section{margin-bottom:2rem}.legal-page-section h2{border-bottom:2px solid var(--border-color);padding-bottom:.5rem;margin-bottom:1rem}.legal-page-section ul{list-style-type:disc;padding-left:20px}.legal-page-section a:hover{text-decoration:underline}.contact-grid{display:grid;grid-template-columns:2fr 1fr;gap:3rem}.contact-form .form-group{margin-bottom:1rem}.contact-form label{display:block;font-weight:700;margin-bottom:.5rem;color:var(--grey-2)}.contact-form input,.contact-form textarea{width:100%;padding:.75rem;border:1px solid var(--grey-4);border-radius:4px;font-size:1rem;box-sizing:border-box}.contact-form textarea{resize:vertical}.contact-submit-btn{width:100%;padding:.75rem;font-size:1.1rem;font-weight:700;color:var(--background);background-color:var(--grey-4);border:none;border-radius:16px;cursor:pointer;transition:background-color .2s ease}.contact-submit-btn:disabled{background-color:#999;cursor:not-allowed}.contact-submit-btn:hover:not(:disabled){background-color:var(--base)}.contact-list{list-style:none;padding:0}.contact-list li{margin-bottom:1rem}address{font-style:normal;color:var(--grey-2)}.legal-back-button{background:none;border:none;cursor:pointer;position:absolute;left:1rem;top:0;padding:.5rem;border-radius:50%;transition:background-color .2s ease}.legal-back-button:hover{background-color:var(--grey-5)}@media (max-width: 768px){.contact-grid{grid-template-columns:1fr}}.create-post-container{display:flex;flex-direction:column;width:100%;border:1px solid var(--border-color);background-color:var(--primary-bg);min-height:calc(100dvh - var(--bottom-nav-height))}.create-post-header{display:flex;padding:10px 15px;border-bottom:1px solid var(--border-color);margin-bottom:10px;background-color:var(--background)}.create-post-header h2{font-size:medium;margin:auto}.create-post-body{padding:12px;border-radius:8px;margin:0 10px;background-color:var(--background)}.user-info{display:flex;gap:5px;border-bottom:1px solid var(--border-color);padding-bottom:8px;align-items:center}.text-content{width:100%}.text-content textarea{width:100%;border:none;resize:none;outline:none;margin-top:10px;color:var(--grey-4);background-color:var(--background);border-radius:8px;padding:8px}.text-content textarea::placeholder{font-size:small}.text-content textarea:focus{color:var(--grey-1)}.select-visibility,.select-who-can-reply{position:relative;display:inline-block;cursor:pointer;border:1px solid var(--border-color);padding:4px 10px;border-radius:20px;height:fit-content;margin:auto 0}.create-post-footer{display:flex;justify-content:space-between;align-items:center}.create-post-footer .post-actions{position:relative}.emoji-picker-wrapper{position:absolute;top:100%;left:50%;z-index:10;border-radius:8px;box-shadow:0 4px 12px #00000026;overflow:hidden}.EmojiPickerReact{--epr-emoji-size: 24px !important}.EmojiPickerReact button{padding:0}.media-preview-container{position:relative;margin-top:10px;margin-bottom:10px;border-radius:8px;border:1px solid var(--border-color);overflow:hidden}.media-preview-container img{display:block;width:100%;max-height:400px;object-fit:cover}.remove-media-button{position:absolute;top:8px;right:8px;z-index:2;background-color:#000000b3;border:none;border-radius:50%;width:28px;height:28px;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;transition:background-color .2s}.remove-media-button svg{width:16px;height:16px}.remove-media-button:hover{background-color:#000000e6}.char-counter{font-size:.9rem;color:var(--grey-4)}.submit-post-button{background-color:var(--base);color:var(--background);border:none;padding:.6rem 1.2rem;border-radius:50px;font-size:1.2rem;font-weight:700;cursor:pointer;transition:background-color .2s}.submit-post-button:hover{background-color:var(--base)}.submit-post-button:disabled{background-color:var(--base-light);cursor:not-allowed}@media (min-width: 768px){.create-post-container{min-height:100dvh}}.skeleton{background-color:#e0e0e0;background-image:linear-gradient(90deg,#e0e0e0,#f5f5f5,#e0e0e0);background-size:200px 100%;background-repeat:no-repeat;animation:shimmer 1.2s infinite;border-radius:4px}.skeleton-text{width:100%;height:1.2em}.skeleton-avatar{width:50px;height:50px;border-radius:50%}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}@media (prefers-color-scheme: dark){.skeleton{background-color:#3a3a3a;background-image:linear-gradient(90deg,#3a3a3a,#4a4a4a,#3a3a3a)}}.exchange-page-container{margin:auto;display:flex;flex-direction:column;gap:20px;padding:2%;box-sizing:border-box;background-color:var(--primary-bg);min-height:calc(100dvh - var(--main-header-height) - var(--bottom-nav-height))}.card{background-color:var(--background);border-radius:8px;border:1px solid var(--border-color);padding:8px 4px}.rates-title{margin:0;font-size:1.4rem;font-weight:600;color:var(--text-primary);text-align:center}.rates-header{display:flex;align-items:center;border-bottom:1px solid var(--border-color);padding-bottom:12px;gap:12px;position:relative}.exchange-info{flex-grow:1}.profile-link{text-decoration:none;color:var(--text-secondary);font-size:.9rem;display:flex;flex-direction:column}.exchange-info span{margin-bottom:3px}.country img{width:20px;display:block}.exchange-options{color:var(--text-secondary);cursor:pointer}.table-container{width:100%}table{width:100%;border-collapse:collapse;text-align:center}th,td{padding:2px 0;border-bottom:1px solid var(--grey-5);color:var(--text-primary);vertical-align:middle}thead th{font-weight:600;color:var(--text-primary);font-size:.9rem}tbody td{font-size:1rem}tbody td .currency-input{width:90%;padding:4px;border:1px solid var(--border-color);border-radius:4px;text-align:end;color:var(--text-secondary)}tbody td input:focus{outline:none;border-color:var(--base);color:var(--grey-1)}tbody tr:last-child td{border-bottom:none}.col-1{width:22%}.col-2,.col-3{width:32.5%}.action-cell{width:8%}.action-cell-icons{display:flex;align-items:center;gap:2px}.action-cell svg{width:18px;height:18px;cursor:pointer}.add-row-icon svg{width:24px;height:24px}.close-row-icon{color:var(--danger)}.footer-section{display:flex;justify-content:space-between;align-items:center;padding-top:4px;border-top:1px solid var(--border-color);font-size:.8rem;color:var(--text-secondary);min-height:30px}.refresh-rate{cursor:pointer;color:var(--grey-4);display:flex;align-items:center}.refresh-rate:hover{color:var(--base)}.refresh-rate svg{width:24px;height:24px}.converter-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);margin-bottom:4px}.converter-header span{padding:8px 4px;cursor:pointer;font-weight:600;color:var(--text-secondary);border-bottom:2px solid transparent}.converter-header span.active{color:var(--base);border-bottom-color:var(--base)}.converter-tabs{display:flex;gap:20px}.converter-body{display:flex;flex-direction:column;gap:4px}.converter-column-title{display:flex;justify-content:space-between;font-size:.9rem;font-weight:600;color:var(--text-primary);padding:0 10px}.converter-row{display:flex;flex-direction:column;border-top:1px solid var(--grey-5)}.converter-options,.converter-values{display:flex;align-items:center;justify-content:space-between;gap:8px}.converter-options{padding-top:6px}.converter-values{padding-top:4px}.left-column,.right-column{display:flex;width:45%}.converter-row-actions{display:flex;gap:4px;align-items:center;margin-left:auto}.converter-row-actions .action-icon:hover{color:var(--text-primary)}.converter-row-actions .action-icon{width:18px;height:18px;cursor:pointer;color:var(--text-secondary)}.middle-column-static{color:var(--text-secondary)}.middle-column-static svg{width:20px}.middle-column svg{width:18px}.currency-input{width:100%;padding:4px 2px;border-radius:6px;border:1px solid var(--border-color);background-color:var(--primary-bg);box-sizing:border-box;text-align:end}.converter-row li{padding:4px}.conversion-output-box{width:100%;padding:2px;background-color:var(--background);font-weight:500;align-items:center;text-align:right;border-bottom:1px solid var(--base);border-top:1px solid var(--base);overflow-x:auto}@media (min-width: 768px){.exchange-page-container{min-height:100%}}.conversation-list-item{display:flex;align-items:center;padding:10px 15px;cursor:pointer;border-bottom:1px solid var(--border-color);transition:background-color .2s ease;position:relative}.conversation-list-item:hover{background-color:var(--grey-7)}.conversation-list-item.active{background-color:var(--grey-6)}.conversation-preview-wrapper{display:flex;justify-content:space-between;align-items:center}.conversation-preview{font-size:1rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 8px 0 0;flex-grow:1;min-width:0}.conversation-preview-options{position:relative;display:flex;align-items:center;gap:8px;flex-shrink:0}.unread-indicator{background-color:var(--base);color:#fff;font-size:.7rem;font-weight:600;border-radius:50%;height:20px;min-width:20px;display:flex;align-items:center;justify-content:center;padding:2px;flex-shrink:0}.conversation-options-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;z-index:5}.conversation-options-btn svg{width:20px;height:20px}.conversation-options-btn:hover{background-color:var(--grey-7);color:var(--text-primary)}.conversation-options-menu{position:absolute;top:calc(100% + 4px);right:0;background:var(--primary-bg);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:10;overflow:hidden;min-width:150px}.conversation-delete-btn{display:flex;align-items:center;gap:8px;background:none;border:none;color:var(--danger-text);padding:10px 15px;cursor:pointer;width:100%;text-align:left;font-size:.9rem}.conversation-delete-btn:hover{background-color:var(--danger-bg-hover)}.conversation-delete-btn svg{width:20px;height:20px}.conversation-list-container{display:flex;flex-direction:column;height:100%;width:100%;background-color:var(--primary-bg)}.conversation-list-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem;border-bottom:1px solid var(--border-color)}.conversation-list-header h2{padding:0;margin:0;font-size:1.2rem;color:var(--text-primary);border-bottom:none}.new-chat-btn{background:transparent;border:none;color:var(--text-primary);font-size:1.5rem;cursor:pointer;padding:0 5px;line-height:1}.new-chat-btn:hover{color:var(--base)}.conversation-scroll-area{flex-grow:1;overflow-y:auto}.conversation-list-ul{list-style:none;padding:0;margin:0}.conversation-avatar{margin-right:12px;flex-shrink:0}.conversation-details{flex-grow:1;min-width:0}.conversation-header{display:flex;justify-content:space-between;align-items:center}.conversation-name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-primary)}.conversation-time{font-size:.75rem;color:var(--text-secondary);flex-shrink:0;margin-left:8px}.conversation-list-status{padding:20px;text-align:center;color:var(--text-secondary)}.conversation-list-status.error{color:var(--danger-text)}.conversation-list-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;flex-grow:1;padding:20px;box-sizing:border-box;color:var(--text-secondary)}.conversation-list-placeholder .placeholder-icon{font-size:3.5rem;margin-bottom:1rem;color:var(--grey-5)}.conversation-list-placeholder h3{font-size:1.2rem;color:var(--text-primary);margin:0 0 .5rem}.conversation-list-placeholder p{font-size:.9rem;margin:0;max-width:280px;line-height:1.4}.conversation-list-placeholder p svg{display:inline-block;vertical-align:sub;width:1em;height:1em}.message-bubble{display:flex;max-width:75%;margin-bottom:2px}.message-content-wrapper{display:flex;flex-direction:column;max-width:100%}.message-content{padding:.25rem 1rem;border-radius:18px;overflow-wrap:break-word;line-height:1.4;position:relative;-webkit-hyphens:auto;hyphens:auto;word-wrap:break-word;min-width:0}.message-sender-name{font-size:.75rem;font-weight:600;margin-bottom:3px;color:var(--text-secondary)}.message-text{font-size:1rem;line-height:1.4}.message-text i{color:var(--text-secondary);font-style:italic}.message-timestamp{font-size:.7rem;text-align:right}.message-meta{display:flex;align-items:center;gap:4px;padding:2px 8px}.message-timestamp{font-size:.75rem;color:var(--text-secondary)}.message-status{display:flex;align-items:center;color:var(--base)}.message-status.read{color:var(--base)}.message-status svg{width:1rem;height:1rem}.other-message{align-self:flex-start}.other-message .message-content{background-color:var(--grey-6);border-bottom-left-radius:4px}.other-message .message-meta{align-self:flex-start}.own-message{align-self:flex-end}.own-message .message-content{background-color:var(--base);color:#fff;border-bottom-right-radius:4px}.own-message .message-meta{align-self:flex-end}.own-message .message-content .post-link,.own-message .message-content .mention-link,.own-message .message-content .post-hashtags{color:var(--base-light);font-weight:600}.own-message .message-content .post-link:hover,.own-message .message-content .mention-link:hover,.own-message .message-content .post-hashtags:hover{color:var(--base-light);opacity:.9;text-decoration:underline}.own-message .message-content .message-text i{color:#ffffffb3}.chat-window-container{display:flex;flex-direction:column;height:100%;width:100%;background-color:var(--primary-bg)}.chat-window-placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-secondary)}.chat-header{padding:.5rem;border-bottom:1px solid var(--border-color);color:var(--text-primary);flex-shrink:0;display:flex;align-items:center;gap:10px}.chat-header-info{display:flex;flex-direction:column}.chat-header-back-btn{background:none;border:none;cursor:pointer;color:var(--text-primary);font-size:1.5rem;padding:0 5px;margin-right:5px;display:block}.chat-header-back-btn:hover{color:var(--base)}.chat-header-name{font-weight:700}.chat-header-status-wrapper{display:flex;align-items:center;gap:8px}.chat-header-status{text-align:center;color:var(--text-secondary);font-size:.9rem;line-height:1.3}.chat-header-status-wrapper .chat-spinner{width:1rem;height:1rem;border-width:2px}.chat-loader-container{display:flex;justify-content:center;align-items:center;width:100%;flex-grow:1;min-height:200px}.message-list{flex-grow:1;overflow-y:auto;padding:15px;display:flex;flex-direction:column}.load-more-messages-btn{align-self:center;margin-bottom:15px;background-color:transparent;color:var(--base);border:1px solid var(--base);padding:5px 10px;font-size:.8rem;border-radius:15px}.chat-status{text-align:center}.load-more-messages-btn:hover{background-color:var(--primary-bg)}.message-avatar{margin-right:8px;align-self:flex-end}.chat-input-area{display:flex;padding:.5rem;border-top:1px solid var(--border-color);background-color:var(--primary-bg);flex-shrink:0;flex-direction:column;gap:8px}.chat-caveat{font-size:.75rem;color:var(--text-secondary);text-align:center;width:100%;padding:0 10px 4px;line-height:1.3;box-sizing:border-box;margin:0}.chat-input-row{display:flex;align-items:flex-end;width:100%}.chat-input-area textarea{flex-grow:1;resize:none;border:1px solid var(--border-color);border-radius:20px;padding:1rem;margin-right:10px;max-height:100px;overflow-y:auto;background-color:var(--background);color:var(--text-primary)}.chat-input-area textarea:focus{outline:none;border-color:var(--base);box-shadow:0 0 0 2px #00875a33}.send-button{flex-shrink:0;align-self:flex-end}.chat-window-placeholder{display:flex;align-items:center;justify-content:center;height:100%;width:100%;color:var(--text-secondary);flex-direction:column;text-align:center;padding:20px;box-sizing:border-box}.chat-window-placeholder .placeholder-icon{font-size:4rem;margin-bottom:1rem;color:var(--grey-5)}.chat-window-placeholder h3{font-size:1.25rem;color:var(--text-primary);margin:0 0 .5rem}.chat-window-placeholder p{font-size:.95rem;margin:0;max-width:300px;line-height:1.4}.chat-input-area textarea:disabled{background-color:var(--grey-7);cursor:not-allowed}@media (min-width: 1024px){.chat-header-back-btn{display:none}}.chat-spinner{width:1.5rem;height:1.5rem;border:2px solid var(--grey-6);border-top-color:var(--base);border-radius:50%;animation:chat-spin .8s linear infinite}@keyframes chat-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.messaging-page-layout{display:flex;width:100%;overflow:hidden;height:var(--default-page-height)}.messaging-sidebar{width:100%;height:100%;display:block;flex-shrink:0;border-right:none;transition:all .3s ease}.messaging-main-content{display:none;width:100%;height:100%;flex-grow:1;border-left:none}.chat-active .messaging-sidebar{display:none}.chat-active .messaging-main-content{display:flex}@media (min-width: 768px){.messaging-page-layout{height:100dvh}}@media (min-width: 1024px){.messaging-page-layout{height:100dvh;max-width:calc(100dvw - var(--left-sidebar-width));margin:0 auto;border-left:1px solid var(--border-color);border-right:1px solid var(--border-color)}.messaging-sidebar{width:38%;display:block;border-right:1px solid var(--border-color);height:auto;padding:0;overflow-y:hidden}.messaging-main-content{width:62%;display:flex;flex-grow:1;height:auto;padding:0;overflow-y:hidden}.chat-active .messaging-sidebar,.chat-active .messaging-main-content{display:block}}.notification-item{display:flex;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);text-decoration:none;color:inherit;transition:background-color .2s}.notification-item:hover{background-color:var(--grey-7)}.notification-item.unread{background-color:var(--background);border-left:3px solid var(--base);padding-left:calc(1.5rem - 3px)}.notification-icon-container{width:30px;flex-shrink:0;text-align:right;margin-top:2px;align-content:center;border-right:solid 1px var(--grey-5);padding-right:.75rem}.notification-icons{width:20px;height:20px}.notification-icon.like{fill:var(--like);stroke-width:0}.notification-icon.reply{color:var(--base)}.notification-icon.follow{color:var(--accent-color)}.notification-content{flex-grow:1;display:flex;gap:.75rem;align-items:flex-start;overflow:hidden}.notification-text-content{display:flex;flex-direction:column;flex-grow:1;min-width:0}.notification-text,.notification-post-snippet{margin:0;line-height:1.5;word-break:break-word}.notification-text{padding:0;line-height:1.4;color:var(--grey-1)}.notification-user-link{font-weight:700;color:inherit;text-decoration:none}.notification-user-link:hover{text-decoration:underline}.notification-post-snippet{font-size:.95rem;color:var(--grey-4);padding-left:.75rem;border-left:1px solid var(--grey-5);margin-top:4px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.notification-timestamp{font-size:.85rem;color:var(--grey-4);white-space:nowrap;flex-shrink:0;padding-top:2px;padding-left:16px}@media (prefers-color-scheme: dark){.notification-item.unread{background-color:#1d9bf01a}.notification-text{color:var(--grey-1)}.notification-post-snippet{color:var(--grey-4);border-color:var(--grey-6)}.notification-timestamp{color:var(--grey-4)}.notification-icon-container{border-right-color:var(--grey-6)}}.notifications-page-container{width:100%;margin:0 auto;min-height:100dvh;min-height:calc(100dvh - var(--bottom-nav-height) - var(--footer-height))}.notifications-list{display:flex;flex-direction:column;background-color:var(--primary-bg)}.notifications-message{padding:2rem;text-align:center;color:var(--grey-4);font-weight:500;font-size:1rem}.notifications-message.error{color:var(--danger)}.notifications-actions{padding:.5rem 0;text-align:right}.load-more-container{text-align:center;padding:1.5rem 1rem;border-top:1px solid var(--border-color)}@media (min-width: 768px){.notifications-page-container{min-height:100dvh}}.user-result-card{display:flex;align-items:flex-start;gap:.75rem;padding:.5rem 1rem;border-bottom:1px solid var(--border-color);text-decoration:none;color:inherit;transition:background-color .2s}.user-result-card:hover{background-color:var(--grey-7)}.user-result-info{flex-grow:1}.user-result-displayname{display:block;font-weight:700;color:var(--grey-1)}.user-result-username{display:block;color:var(--grey-4);margin-bottom:.25rem}.user-result-bio{margin:0;font-size:.9rem;font-weight:400;color:var(--grey-1);display:-webkit-box;line-clamp:2;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}@media (prefers-color-scheme: dark){.user-result-card:hover{background-color:var(--grey-7)}.user-result-displayname{color:var(--grey-1)}.user-result-username{color:var(--grey-4)}.user-result-bio{color:var(--grey-2)}}.results-container{display:flex;flex-direction:column}.no-results-text{padding:1rem;font-size:.9rem}.no-results-text.error{color:var(--error-red)}.section-title{font-weight:700;font-size:1.125rem;color:#1f2937;padding:.5rem 1rem}.topics-container{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.search-results-container{padding-top:.5rem}.topic-tag{background-color:var(--bg-blue-50);color:var(--base);font-size:.875rem;font-weight:600;padding:.25rem .75rem;border-radius:9999px;cursor:pointer;transition:background-color .2s}.topic-tag:hover{background-color:var(--bg-blue-100)}@media (prefers-color-scheme: dark){.section-title{color:var(--grey-1)}.topic-tag{background-color:var(--bg-blue-dark-50);color:var(--base)}.topic-tag:hover{background-color:var(--bg-blue-dark-100)}}.search-overlay-action{padding:.5rem 1rem;transition:background-color .2s;font-weight:600}.search-overlay-action:hover{background-color:var(--grey-6)}.search-page-container{background-color:#fff;min-height:100dvh}.search-bar{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;border-bottom:1px solid var(--border-color);position:sticky;top:0;background-color:var(--background);z-index:10}.search-page-content{margin-left:auto;margin-right:auto}.search-input-wrapper{position:relative;flex-grow:1}.search-input-wrapper .search-bar-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--grey-4);width:20px;height:20px;pointer-events:none}.search-input{width:100%;border:none;background-color:var(--grey-7);padding:.6rem 2.5rem;border-radius:9999px;color:var(--grey-2);outline:none}.search-input:focus{outline:none;box-shadow:0 0 0 1px var(--base)}.search-input-wrapper .search-clear-icon{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);color:var(--grey-4);width:18px;height:18px;cursor:pointer}.search-cancel-button{background:none;border:none;color:var(--base);font-size:1rem;cursor:pointer;padding:.5rem;flex-shrink:0}.loading-text,.no-results-text{text-align:center;padding:2.5rem 0;color:#6b7280}@media (prefers-color-scheme: dark){.search-page-container{background-color:var(--primary-bg)}.search-bar{background-color:var(--background);border-bottom-color:var(--border-color)}.search-input-wrapper .search-bar-icon,.search-input-wrapper .search-clear-icon{color:var(--grey-5)}.search-input{background-color:var(--grey-7);color:var(--grey-1)}.search-input:focus{background-color:var(--background)}.loading-text,.no-results-text{color:var(--grey-5)}}.settings-card{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid var(--border-color);text-decoration:none;color:inherit;transition:background-color .2s}.settings-card:hover{background-color:var(--grey-7)}.card-info{display:flex;flex-direction:column}.card-info h3{margin:0 0 .25rem;font-size:1rem}.card-info p{margin:0;font-size:.9rem;color:var(--grey-4)}.card-info button{margin-top:.5rem}.card-arrow{font-size:1.5rem;color:var(--grey-5)}.settings-page{margin:0 auto;background-color:var(--primary);color:var(--grey-1);min-height:calc(100dvh - var(--bottom-nav-height));display:flex;flex-direction:column}.settings-header{display:flex;align-items:center;padding:.5rem 1rem;border-bottom:1px solid var(--border-color);position:sticky;top:0;background-color:var(--background);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:10}.settings-header h1{font-size:1.25rem;margin:0;text-align:center;flex-grow:1}.close-button{background:none;border:none;color:var(--grey-1);font-size:1rem;cursor:pointer;padding:.5rem}.settings-menu{display:flex;flex-direction:column}.settings-form{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.settings-form-group{display:flex;flex-direction:column;gap:.5rem}.settings-form-group label{font-weight:600;color:var(--grey-2)}.settings-form-group input,.settings-form-group textarea{width:100%;padding:.75rem;border:1px solid var(--grey-5);border-radius:12px;color:var(--grey-4);background-color:var(--primary-bg)}.settings-form-group input:focus,.settings-form-group textarea:focus{outline:none;border-color:var(--grey-2);box-shadow:0 0 0 2px var(--base-alpha);color:var(--grey-1);background-color:var(--background)}.settings-form-group input::placeholder,.settings-form-group textarea::placeholder{font-style:italic;color:var(--grey-5)}.settings-form-group input:disabled{background-color:var(--grey-6);cursor:not-allowed}.settings-form-error{color:var(--danger);text-align:center}.settings-message{padding:2rem;text-align:center;color:var(--grey-4)}.settings-message.error{color:var(--danger)}.settings-link-button{display:flex;justify-content:space-between;padding:1rem;width:100%;background-color:var(--background)}.settings-content .section-description{color:var(--grey-4);font-size:.95rem;margin:0;padding-bottom:1rem}@media (min-width: 768px){.settings-page{min-height:100dvh}}.detail-page-container{display:flex;flex-direction:column;width:100%;max-width:600px}.main-layout .detail-page-container{height:calc(100dvh - var(--bottom-nav-height))}.detail-header{display:flex;align-items:center;gap:1rem;padding:.5rem;border-bottom:1px solid var(--border-color);position:sticky;top:0;background-color:var(--background-alpha);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10}.detail-header h2{margin:0;font-size:1.2rem}.back-button{background:none;border:none;font-size:1.5rem;font-weight:700;padding:.25rem .75rem;border-radius:999px;cursor:pointer;color:var(--grey-1);transition:background-color .2s}.back-button:hover{background-color:var(--grey-7)}.main-layout .detail-scroll-area{flex:1;overflow-y:auto;background-color:var(--primary-bg)}.create-comment-section{padding:.5rem;border-top:1px solid var(--border-color);position:sticky;bottom:0;background-color:var(--background);z-index:10}.comment-input-area{display:flex;flex-direction:column;min-height:0;gap:.5rem}.comment-textarea{width:100%;min-height:36px;max-height:200px;overflow-y:auto;resize:none;padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:20px;background-color:var(--primary-bg);color:var(--grey-1);line-height:1.4;transition:all .3s ease;box-sizing:border-box}.comment-textarea:focus{outline:none;border-color:var(--base);box-shadow:0 0 0 1px var(--base);transition:min-height .3s ease}.create-comment-section .btn-primary{padding:.6rem 1.2rem;font-size:.95rem}.comment-submit-btn{margin-top:0;width:auto;border-radius:9999px}.replying-to-banner{display:flex;justify-content:space-between;align-items:center;padding:.25rem .75rem;font-size:.85rem;color:var(--grey-3);background-color:var(--grey-7);border-radius:12px;margin-bottom:.25rem}.cancel-reply-button{background:transparent;border:none;cursor:pointer;width:24px;height:24px;color:var(--grey-4);display:flex;align-items:center;justify-content:center;transition:color .2s}.cancel-reply-button:hover{color:var(--grey-1)}.comments-header{padding:.5rem 1rem;font-size:1.1rem;font-weight:700;color:var(--grey-2);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);background-color:var(--background)}.comments-list>*:last-child .comment-container{border-bottom:none}.detail-message{padding:2rem;text-align:center;color:var(--grey-4);font-weight:500}.detail-message.error{color:var(--danger)}.load-more-container{display:flex;justify-content:center;padding:1rem}.load-more-button{background-color:transparent;border:1px solid var(--border-color);color:var(--grey-2);font-weight:600;font-size:.9rem;padding:.5rem 1rem;border-radius:9999px;cursor:pointer;transition:background-color .2s}.load-more-button:hover:not(:disabled){background-color:var(--grey-7)}.load-more-button:disabled{color:var(--grey-4);cursor:not-allowed}.parent-comment-link{padding:12px 16px;border-bottom:1px solid var(--border-color);background-color:var(--primary-bg)}.parent-comment-link a{color:var(--base);text-decoration:none;font-weight:500;font-size:.9rem}.parent-comment-link a:hover{text-decoration:underline}@media (min-width: 768px){.main-layout .detail-page-container{height:100dvh}.guest-layout .detail-page-container{margin-bottom:1rem;border-radius:8px}}.live-rates-container{padding:1rem .2rem}.live-rates-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background-color:var(--background);border-bottom:1px solid var(--grey-6)}.live-rates-user-info{display:flex;align-items:center;gap:.75rem;flex-grow:1;overflow:hidden}.live-rates-details{display:flex;flex-direction:column}.live-rates-header h3{margin:0;font-size:1.1rem;font-weight:700;color:var(--grey-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-rates-header p{margin:0;color:var(--grey-4);display:flex;align-items:center;gap:.5rem;font-size:.9rem}.live-rates-header p strong{color:var(--grey-2);font-weight:600}.live-rates-actions{position:relative;flex-shrink:0}.rates-table{width:100%;border-collapse:collapse;background-color:var(--background)}.rates-table th,.rates-table td{padding:.85rem .75rem;text-align:left;vertical-align:middle}.rates-currency{display:flex;align-items:center;gap:.75rem}.rates-table thead th{color:var(--grey-4);font-weight:500;font-size:.9rem;text-transform:uppercase;border-bottom:2px solid var(--grey-6)}.rates-table tbody tr{border-bottom:1px solid var(--grey-6);transition:background-color .2s ease-in-out}.rates-table tbody tr:last-child{border-bottom:none}.rates-table tbody tr:hover{background-color:var(--grey-7)}.rates-table tbody td{color:var(--grey-1);font-weight:550}.rates-table th:nth-child(2),.rates-table td:nth-child(2),.rates-table th:nth-child(3),.rates-table td:nth-child(3){text-align:right;font-family:Courier New,Courier,monospace}.live-rates-footer{text-align:right;background-color:var(--background);padding:.5rem .75rem;border-top:1px solid var(--grey-6)}.live-rates-footer p{margin:0;font-size:.8rem;color:var(--grey-3);font-style:italic}@media (min-width: 768px){.guest-layout .live-rates-container{border-radius:8px;border:1px solid var(--border-color)}}@media (prefers-color-scheme: dark){.live-rates-header,.rates-table,.live-rates-footer,.rates-table tbody tr,.rates-table thead th{border-color:var(--grey-6)}.live-rates-header h3,.live-rates-header p strong,.rates-table tbody td{color:var(--grey-1)}.live-rates-header p,.rates-table thead th{color:var(--grey-4)}.rates-table tbody tr:hover{background-color:var(--grey-7)}.live-rates-footer p{color:var(--grey-4)}}.page-header{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;border-bottom:1px solid var(--border-color);position:sticky;top:0;background-color:var(--background-alpha);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:10}.page-header-title{margin:0;font-size:1.25rem;font-weight:700}.page-header-back-button{background:none;border:none;padding:.5rem;border-radius:50%;cursor:pointer;color:var(--grey-1);display:flex;align-items:center;justify-content:center;transition:background-color .2s}.page-header-back-button:hover{background-color:var(--grey-7)}.page-header-back-button svg{width:20px;height:20px}.profile-page-container{width:100%;max-width:600px;margin:0 auto;background-color:var(--background-alpha);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.profile-header{padding:.5rem 1rem}.profile-main-info{display:flex;align-items:center;gap:2rem;margin-bottom:1rem}.user-avatar.clickable{cursor:pointer;transition:transform .2s ease-in-out}.user-avatar.clickable:hover{transform:scale(1.05)}.profile-stats-and-actions{flex-grow:1;display:flex;flex-direction:column;gap:1rem}.profile-stats{display:flex;gap:1.5rem;font-size:.95rem}.profile-stats .stat strong{font-weight:700;color:var(--grey-1)}.clickable{cursor:pointer}.clickable:hover{text-decoration:underline}.edit-profile-button{padding:.5rem 1.25rem;border-radius:9999px;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .2s ease-in-out;align-self:center;flex-shrink:0;width:100%;background-color:var(--base);color:var(--background);border:1px solid var(--base)}.edit-profile-button:hover{background-color:var(--base-dark);border-color:var(--base-dark)}.profile-actions .edit-profile-button{width:100%;max-width:200px}.profile-actions{display:flex;gap:.5rem;width:100%;max-width:250px}.profile-actions .follow-button{width:100%;flex-grow:1}.message-button{padding:.5rem;border-radius:9999px;cursor:pointer;transition:all .2s ease-in-out;flex-shrink:0;background-color:var(--background);color:var(--base);display:flex;align-items:center;justify-content:center}.message-button svg{width:20px;height:20px}.message-button:hover{background-color:var(--background-light);border-color:var(--base-light)}.message-button:disabled{cursor:not-allowed;opacity:.7}.profile-bio-info{display:flex;flex-direction:column}.profile-display-name{font-size:1.1rem;font-weight:700;color:var(--grey-1);margin:0}.profile-username{color:var(--grey-4);margin:0;font-size:.95rem}.profile-bio{color:var(--grey-2);margin:.5rem 0;white-space:pre-wrap;word-wrap:break-word}.profile-joined-date{display:flex;align-items:center;color:var(--grey-4);font-size:.9rem;gap:.5rem}.profile-joined-date svg{width:16px;height:16px}.profile-message{padding:2rem;text-align:center;color:var(--grey-4);font-weight:500}.profile-message.error{color:var(--danger)}.settings-content{display:flex;flex-direction:column;background-color:var(--background)}.settings-form-section{padding:1rem;display:flex;flex-direction:column;gap:1.5rem;border-bottom:1px solid var(--border-color)}.settings-form-section h3{margin:0;font-size:1.1rem;color:var(--grey-1);border-bottom:1px solid var(--grey-6);padding-bottom:1rem}.settings-form-footer{display:flex;gap:1rem}.settings-form-footer button{width:100%}.form-success{color:#00ba7c;font-weight:500}@media (prefers-color-scheme: dark){.form-success{color:#00e08a}}.profile-picture-uploader{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:1rem}.profile-picture-uploader input[type=file]{display:none}:root{font-size:clamp(14px,1.5vw,16px);font-family:Roboto,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-y:scroll}:root{--base: #00875A;--base-dark: #006F4A;--base-light: #cce7de;--accent-color: #1877f2;--background: #ffffff;--primary-bg: #f0f2f5;--text-primary: #1c1e21;--text-secondary: #65676b;--border-color: #dddfe2;--box-shadow: 0 2px 4px rgba(0, 0, 0, .1);--background-alpha:rgba(255, 255, 255, 0);--grey-1: #1A1A1A;--grey-2: #2E2E2E;--grey-3: #4D4D4D;--grey-4: #696969;--grey-5: #B2B2B2;--grey-6: #D3D3D3;--grey-7: #EDEDED;--danger: #F44336;--danger-dark: #c53030;--like: #f91880;--bg-blue-100: #dbeafe;--bg-blue-50: #eff6ff;--danger-fill: #FEF2F2;--danger-fill-dark: #FDE8E8;--danger-outline: #FCA5A5;--danger-outline-dark: #F87171;--danger-text: #DC2626;--success-fill: #F0FDF4;--success-fill-dark: #DCFCE7;--success-outline: #86EFAC;--success-outline-dark: #22C55E;--success-text: #16A34A}:root{--left-sidebar-width: 275px;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px}:root{--bottom-nav-height: 40px;--main-header-height: 60px;--footer-height: 50px;--default-page-height: calc(100dvh - var(--main-header-height) - var(--bottom-nav-height)) }body{margin:0}#root{box-sizing:border-box;display:flex;min-height:100dvh}a{font-weight:500;color:var(--grey-3);text-decoration:inherit;transition:color .25s}a:hover{opacity:.8}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--background);cursor:pointer}textarea{font-family:sans-serif;font-size:16px}input[type=text],input[type=email],input[type=password],input[type=search],input[type=tel],input[type=url],input[type=number],textarea,select{font-size:16px}.btn{display:inline-block;border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:.95rem;font-weight:600;font-family:inherit;cursor:pointer;text-decoration:none;text-align:center;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;margin-top:4px}.btn:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px;box-shadow:0 0 0 4px #1877f24d}.btn-primary{background-color:var(--base);color:var(--background);border-color:var(--base)}.btn-primary:hover:not(:disabled){background-color:var(--base-dark);border-color:var(--base-dark)}.btn-primary:disabled{background-color:var(--grey-6);border-color:var(--grey-6);color:var(--grey-4);cursor:not-allowed}.btn-secondary{background-color:transparent;color:var(--grey-2);border-color:var(--grey-6)}.btn-secondary:hover:not(:disabled){background-color:var(--grey-7);border-color:var(--grey-5)}.btn-secondary:disabled{color:var(--grey-4);border-color:var(--grey-6);cursor:not-allowed}.btn-pill{border-radius:9999px}.btn-danger{padding:.6rem 1.2rem;border:1px solid var(--danger-outline);background-color:var(--danger);color:var(--background);font-weight:700;cursor:pointer;transition:background-color .2s}.btn-danger:hover{background-color:var(--danger)}.btn-full-width{width:100%}.mention-link{color:var(--base);font-weight:500;text-decoration:none;cursor:pointer}.mention-link:hover{text-decoration:underline}.avatar-icon-path{fill:var(--grey-4)}.text-pre-wrap{white-space:pre-wrap;word-wrap:break-word}@media (prefers-color-scheme: dark){:root{color:var(--text-primary);background-color:var(--background)}a:hover{color:var(--text-primary)}button{background-color:var(--primary-bg)}button:hover{border-color:var(--border-color)}}@media (prefers-color-scheme: dark){:root{--background: #000000;--primary-bg: #101010;--text-primary: #f5f5f5;--text-secondary: #cccccc;--border-color: #333333;--box-shadow: 0 2px 4px rgba(0, 0, 0, .4);--grey-1: #f5f5f5;--grey-2: #e0e0e0;--grey-3: #bdbdbd;--grey-4: #9e9e9e;--grey-5: #757575;--grey-6: #616161;--grey-7: #424242;--btn-danger: #f44336;--btn-danger-dark: #c53030;--danger-fill: rgba(220, 38, 38, .1);--danger-fill-dark: rgba(220, 38, 38, .2);--danger-outline: #F87171;--danger-outline-dark: #FCA5A5;--danger-text: #F87171}}html{scrollbar-width:thin;scrollbar-color:var(--grey-5) var(--background)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{background-color:var(--grey-6);border-radius:10px;border:2px solid var(--background)}::-webkit-scrollbar-thumb:hover{background-color:var(--grey-5)}