.demo-strip{box-sizing:border-box;background-color:var(--text-primary);width:100%;min-height:48px;color:var(--background-surface);justify-content:center;align-items:center;gap:16px;padding:6px 56px;font-family:Mada;font-size:15px;display:flex;position:relative}.demo-strip-message{min-width:0;margin:0}.demo-strip-message strong{font-weight:700}.demo-strip-button{background-color:var(--brand-red);color:var(--static-white);border:none;border-radius:16px;flex-shrink:0;padding:6px 16px;font-family:Mada;font-size:15px;font-weight:700}.demo-strip-button:hover{cursor:pointer}.demo-strip-button:disabled{cursor:not-allowed;opacity:.5}.demo-strip-close{color:var(--background-surface);background-color:#0000;border:none;padding:0;line-height:0;position:absolute;top:50%;right:24px;transform:translateY(-50%)}.demo-strip-close:hover{cursor:pointer;opacity:.5}.demo-strip-close:focus-visible{outline:2px solid var(--background-surface);outline-offset:2px}@media (width<=599px){.demo-strip{justify-content:flex-start;gap:12px;min-height:44px;padding:6px 48px 6px 16px;font-size:14px}.demo-strip-button{border-radius:14px;padding:5px 12px;font-size:14px}.demo-strip-close{right:16px}}@media (width<=339px){.demo-strip-guest .demo-strip-message{display:none}}.logo{color:var(--brand-red);font-family:Pacifico;font-size:26px}@keyframes spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner{border:8px solid var(--border-inset);border-top:8px solid var(--brand-red);border-radius:50%;width:30px;height:30px;animation:1.5s linear infinite spinner}.spinner-container{justify-content:center;align-items:center;padding-top:15px;padding-bottom:15px;display:grid}.spinner-container-full-page{align-content:center;min-height:100vh;padding:0}.spinner-container-below-header{min-height:calc(100vh - var(--header-height))}.profile-picture{object-fit:cover;border-radius:50%;display:block}.search-results{box-sizing:border-box;background-color:var(--background-surface);flex-direction:column;align-items:stretch;width:100%;padding:8px 0;display:flex}.search-result{--search-result-padding-x:16px;--search-result-avatar-size:44px;--search-result-gap:12px;padding:10px var(--search-result-padding-x);align-items:center;gap:var(--search-result-gap);text-decoration:none;display:flex}.search-result:hover{background-color:var(--border-inset)}.search-result-avatar{width:var(--search-result-avatar-size);height:var(--search-result-avatar-size);box-sizing:border-box;border:.5px solid var(--text-muted);border-radius:50%;flex-shrink:0}.search-result-text{flex-direction:column;gap:2px;min-width:0;display:flex}.search-result-username{white-space:nowrap;text-overflow:ellipsis;color:var(--text-primary);font-family:Mada;font-size:15px;font-weight:700;overflow:hidden}.search-result-followers{color:var(--text-secondary);font-family:Mada;font-size:13px}.search-results-empty{color:var(--text-secondary);margin:0;padding:10px 16px;font-family:Mada;font-size:15px}.search-results-dropdown .search-result,.user-list-results .search-result{padding:8px var(--search-result-padding-x);--search-result-avatar-size:40px}.search-input-wrapper{box-sizing:border-box;border:1px solid var(--border-divider);border-radius:20px;width:280px;max-width:100%;padding:0 16px;position:relative}@media (width>=600px) and (width<=1279px){.search-input-wrapper{width:220px}}.search-input{background-color:var(--background-surface);width:100%;height:34px;color:var(--text-primary);border:none;font-family:Mada;font-size:14px}.search-input::placeholder{color:var(--text-primary)}.search-input:focus{outline:none}.options-wrapper{box-sizing:border-box;border:1px solid var(--text-muted);border-radius:12px;flex-direction:column;width:100%;display:flex;position:absolute;top:calc(100% + 9px);left:0;overflow:hidden;box-shadow:0 4px 12px #0000001f}.bottom-sheet-handle{display:none}@media (width<=599px){.bottom-sheet-handle{background-color:var(--text-muted);touch-action:none;border-radius:2px;flex-shrink:0;align-self:center;width:40px;height:4px;display:block;position:relative}.bottom-sheet-handle:after{content:"";width:100vw;height:24px;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.bottom-sheet-header{touch-action:none}}.account-menu{z-index:2;box-sizing:border-box;background-color:var(--background-surface);border:1px solid var(--text-muted);border-radius:8px;flex-direction:column;align-items:stretch;width:max-content;padding:8px 0;display:flex;position:absolute;top:100%;right:0;box-shadow:0 4px 12px #0000001f}.account-menu-row{box-sizing:border-box;width:100%;color:var(--text-primary);text-align:left;background-color:#0000;border:none;justify-content:space-between;align-items:center;gap:16px;padding:10px 16px;font-family:Mada;font-size:15px;text-decoration:none;display:flex}.account-menu-row:hover{cursor:pointer;opacity:.7}.account-menu-badge{box-sizing:border-box;background-color:var(--brand-red);min-width:18px;height:18px;color:var(--static-white);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;padding:0 5px;font-size:11px;font-weight:700;display:flex}.account-menu-switch{background-color:var(--border-divider);border-radius:12px;flex-shrink:0;width:44px;height:24px;position:relative}.account-menu-switch:after{content:"";background-color:var(--static-white);border-radius:50%;width:20px;height:20px;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0003}.account-menu-switch-on{background-color:var(--brand-red)}.account-menu-switch-on:after{left:22px}.account-menu-sheet{border:none;border-top:1px solid var(--border-divider);border-radius:16px 16px 0 0;width:100%;padding:10px 0 24px;position:fixed;inset:auto 0 0;box-shadow:0 -4px 12px #0000001f}.account-menu-sheet .bottom-sheet-handle{margin-bottom:14px}.account-menu-sheet .account-menu-row{padding:16px 24px;font-size:16px}.popup-container{z-index:2;background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;inset:0}.popup-container ::-webkit-scrollbar{width:2px}.popup-container ::-webkit-scrollbar-track{background:0 0}.popup-container ::-webkit-scrollbar-thumb{background:var(--border-card);border-radius:4px}.popup-container ::-webkit-scrollbar-thumb:hover{background:var(--border-divider)}.popup-body{box-sizing:border-box;background:var(--background-surface);border-radius:12px;position:relative}.popup-close{color:var(--text-muted);background-color:#0000;border:none;padding:0;line-height:0;position:absolute;top:10px;right:10px}.popup-close:hover{cursor:pointer;opacity:.5}.popup-close svg{width:24px;height:24px}.popup-title{color:var(--text-primary);text-align:center;margin:0;padding-top:56px;font-family:Mada;font-size:26px;font-weight:400}@media (width<=599px){.popup-container{align-items:flex-start}.popup-body{border-radius:0;width:100%;height:100%}.popup-close{top:15px;left:16px;right:auto}.popup-title{box-sizing:border-box;border-bottom:1px solid var(--border-divider);justify-content:center;align-items:center;height:54px;padding-top:0;font-size:16px;font-weight:700;display:flex}}.button-classname{box-sizing:border-box;min-width:120px;height:40px;color:var(--static-white);background-color:var(--brand-red);border:1px solid #0000;border-radius:20px;padding:0 20px;font-family:Mada;font-size:15px}.button-classname:hover{color:var(--brand-red);background-color:var(--background-surface);border:1px solid var(--brand-red);cursor:pointer}.button-classname:disabled{color:var(--static-white);background-color:var(--brand-red);cursor:not-allowed;opacity:.5;border:1px solid #0000}.button-secondary{color:var(--brand-red);border:1px solid var(--brand-red);background-color:#0000}.button-secondary:hover{color:var(--static-white);background-color:var(--brand-red);border:1px solid var(--brand-red)}.button-secondary:disabled{color:var(--brand-red);border:1px solid var(--brand-red);background-color:#0000}.change-password-form{box-sizing:border-box;flex-direction:column;align-items:center;width:526px;padding:0 60px 40px;font-family:Mada;display:flex}.change-password-form .change-password-error{width:100%;margin-top:16px}@media (width<=599px){.change-password-form{width:100%;height:calc(100% - 54px);padding:0 16px 32px}.change-password-form .profile-form-input-wrapper:first-child{margin-top:32px}}.load-more-error{color:var(--text-primary);text-align:center;justify-content:center;align-items:center;gap:6px;margin:0;padding:16px 0;font-family:Mada;font-size:15px;display:flex}.load-more-error-retry{font:inherit;color:inherit;background-color:#0000;border:none;padding:0;font-weight:700}.load-more-error-retry:hover{cursor:pointer}.notification-row{box-sizing:border-box;align-items:center;gap:12px;min-height:56px;padding:8px 16px;display:flex;position:relative}.notification-row-unread{background-color:var(--background-unread)}.notification-row:hover{background-color:var(--border-inset)}.notification-row-target{position:absolute;inset:0}.notification-row-avatar-link{flex-shrink:0;line-height:0;position:relative}.notification-row-avatar{box-sizing:border-box;border:.5px solid var(--text-muted);border-radius:50%;width:40px;height:40px}.notification-row-text{overflow-wrap:anywhere;min-width:0;color:var(--text-primary);flex:1;margin:0;font-family:Mada;font-size:15px;line-height:20px}.notification-row-username{color:inherit;font-weight:700;text-decoration:none;position:relative}.notification-row-time{color:var(--text-muted)}.notification-row-thumbnail{object-fit:cover;border-radius:4px;flex-shrink:0;width:44px;height:44px}.popup-container.notifications-popup .popup-body{flex-direction:column;display:flex}.notifications-popup .popup-title{flex-shrink:0}.notifications-list{flex:auto;min-height:120px;padding-bottom:8px;overflow-y:auto}.notifications-rows{margin:0;padding:0;list-style:none}.notifications-empty{text-align:center;flex-direction:column;align-items:center;gap:4px;padding:48px 24px;font-family:Mada;font-size:15px;display:flex}.notifications-empty-heading,.notifications-empty-description{margin:0}.notifications-empty-heading{color:var(--text-primary);font-weight:700}.notifications-empty-description{color:var(--text-secondary)}@media (width>=600px){.popup-container.notifications-popup .popup-body{width:min(480px,100vw - 32px);max-height:min(560px,100vh - 32px)}}@media (width<=599px){.notifications-list{min-height:0}}.unread-dot{z-index:1;width:var(--unread-dot-size,10px);height:var(--unread-dot-size,10px);background-color:var(--brand-red);box-shadow:0 0 0 2px var(--background-surface);pointer-events:none;border-radius:50%;position:absolute}.header-wrapper{z-index:2;box-sizing:border-box;background-color:var(--background-surface);border-bottom:1px solid var(--border-divider);justify-content:center;width:100%;height:54px;padding:0 40px;display:flex;position:sticky;top:0}.header{background-color:var(--background-surface);justify-content:space-between;align-items:center;width:100%;min-width:0;max-width:1920px;display:flex}.logo-search-container{align-items:center;min-width:0;display:flex}.logo-search-container>a{flex-shrink:0}.search-component-wrapper{min-width:0;margin-left:20px;margin-right:20px}.navbar-logged-user-container{flex-shrink:0;align-items:center;height:100%;display:flex}.navigation-links{gap:34px;display:flex}@media (width>=600px) and (width<=1279px){.navigation-links{gap:22px}.header-wrapper{padding:0 24px}}.navigation-links-guest{gap:56px}.navigation-auth-actions{gap:36px;display:flex}@media (width>=600px) and (width<=1279px){.navigation-links-guest{gap:40px}.navigation-auth-actions{gap:24px}}.navigation-links a{text-decoration:none}.navigation-item-icon{height:48px;color:var(--text-primary);border-bottom:2px solid #0000;flex-direction:column;justify-content:center;align-items:center;padding:2px 0;font-size:12px;font-weight:700;text-decoration:none;display:flex;position:relative}.navigation-item-icon:after{content:"";width:44px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.navigation-item-icon svg{width:30px;height:30px}.navigation-item-icon:hover{opacity:.6}.navigation-item-text{height:48px;color:var(--text-primary);border-bottom:2px solid #0000;flex-direction:column;justify-content:center;align-items:center;padding:2px 0;font-family:Mada;font-size:18px;font-weight:700;display:flex;position:relative}.navigation-item-text:after{content:"";position:absolute;inset:0 -10px}.navigation-item-text:hover{opacity:.6}.navigation-item-active{border-bottom:2px solid var(--brand-red);color:var(--brand-red)}.navigation-item-active svg{stroke:var(--brand-red)}.navigation-item-active:hover{opacity:1}.account-menu-anchor{align-items:center;height:100%;margin-left:34px;display:flex;position:relative}.logged-user-avatar{background-color:#0000;border:none;align-items:center;gap:10px;padding:0;text-decoration:none;display:flex;position:relative}.logged-user-avatar:hover{cursor:pointer}.logged-user-avatar svg{width:12px;height:12px;color:var(--text-primary)}.logged-user-avatar .profile-picture{box-sizing:border-box;border:.5px solid var(--border-divider);width:36px;height:36px}.logged-user-avatar .logged-user-unread-dot{top:0;left:27px}.logged-user-avatar span:not(.unread-dot){color:var(--text-primary);font-family:Mada;font-size:15px;font-weight:700}@media (width<=599px){.header-wrapper{display:none}}.mobile-top-bar-slot{display:none}@media (width<=599px){.mobile-top-bar-slot{z-index:2;height:var(--header-height);display:block;position:sticky;top:0}.mobile-top-bar{box-sizing:border-box;background-color:var(--background-surface);border-bottom:1px solid var(--border-divider);flex-direction:column;width:100%;display:flex;position:absolute;top:0;left:0}}.mobile-top-bar-row{box-sizing:border-box;width:100%;height:var(--header-height);justify-content:space-between;align-items:center;gap:12px;padding:0 16px;display:flex}.mobile-top-bar-logo{text-decoration:none}.mobile-top-bar-logo .logo{font-size:22px}.mobile-top-bar-action{color:var(--text-primary);background-color:#0000;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.mobile-top-bar-action:hover{cursor:pointer}.mobile-top-bar-action .mobile-top-bar-unread-dot{--unread-dot-size:8px;top:3px;left:17px}.mobile-top-bar-searching{max-height:100vh;overflow-y:auto}.mobile-search-field{box-sizing:border-box;border:1px solid var(--text-muted);background-color:var(--background-surface);height:36px;color:var(--text-primary);border-radius:12px;flex:1;padding:0 11px;font-family:Mada;font-size:15px}.mobile-search-field:focus{outline:none}.mobile-search-field::placeholder{color:var(--text-muted)}.mobile-search-cancel{color:var(--text-primary);background-color:#0000;border:none;flex-shrink:0;padding:0;font-family:Mada;font-size:15px;font-weight:700}.mobile-search-cancel:hover{cursor:pointer}.tab-bar{display:none}.tab-bar-item{box-sizing:border-box;height:54px;color:var(--text-primary);flex-direction:column;justify-content:center;align-items:center;gap:2px;text-decoration:none;display:flex;position:relative}.tab-bar-item:after{content:"";width:44px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.tab-bar-item svg{width:30px;height:30px}.tab-bar-item-active{color:var(--brand-red);border-bottom:2px solid var(--brand-red)}.tab-bar-label{font-family:Mada;font-size:12px;font-weight:700}.tab-bar-item-text{font-family:Mada;font-size:18px;font-weight:700}.tab-bar-avatar-wrapper{line-height:0;position:relative}.tab-bar-avatar-wrapper .tab-bar-unread-dot{top:-1px;right:0}.tab-bar-avatar{box-sizing:border-box;border:.5px solid var(--text-muted);width:30px;height:30px}@media (width<=599px){.tab-bar{z-index:1;box-sizing:border-box;width:100%;height:var(--tab-bar-height);border-top:1px solid var(--border-divider);background-color:var(--background-surface);justify-content:space-between;align-items:center;padding:0 48px;display:flex;position:fixed;bottom:0;left:0}}.sign-up-section{box-sizing:border-box;border:1px solid var(--border-card);background-color:var(--background-surface);border-radius:12px;flex-direction:column;align-items:center;gap:10px;width:600px;padding-bottom:40px;display:flex}.sign-up-section h1{color:var(--text-primary);margin:0;font-family:Mada;font-size:26px;font-weight:400}.sign-up-form{box-sizing:border-box;flex-direction:column;align-items:center;gap:30px;width:100%;padding:24px 0 20px;display:flex}.login-link{color:var(--text-primary);font-family:Mada;font-size:15px}.login-link a{color:var(--brand-red);text-decoration:none}.login-link a:hover{opacity:.7;text-decoration:underline}@media (width<=599px){.sign-up-section{gap:20px;width:100%;max-width:600px;padding:28px 24px}.sign-up-form{gap:20px;padding:0}}.sign-up-wrapper{width:100%;min-height:calc(100vh - var(--header-height));box-sizing:border-box;justify-content:center;align-items:center;padding:0 16px;display:flex}@media (width<=599px){.sign-up-wrapper{padding-bottom:var(--tab-bar-height)}}.login-section{box-sizing:border-box;border:1px solid var(--border-card);background-color:var(--background-surface);border-radius:12px;flex-direction:column;align-items:center;gap:10px;width:600px;padding-bottom:40px;display:flex}.login-section h1{color:var(--text-primary);margin:0;font-family:Mada;font-size:26px;font-weight:400}.login-form{box-sizing:border-box;flex-direction:column;align-items:center;gap:30px;width:100%;padding:24px 0 20px;display:flex}.sign-up-link{color:var(--text-primary);font-family:Mada;font-size:15px}.sign-up-link a{color:var(--brand-red);text-decoration:none}.sign-up-link a:hover{opacity:.7;text-decoration:underline}@media (width<=599px){.login-section{gap:20px;width:100%;max-width:600px;padding:28px 24px}.login-form{gap:20px;padding:0}}.login-wrapper{width:100%;min-height:calc(100vh - var(--header-height));box-sizing:border-box;justify-content:center;align-items:center;padding:0 16px;display:flex}@media (width<=599px){.login-wrapper{padding-bottom:var(--tab-bar-height)}}.page-load-error{width:100%;min-height:calc(100vh - var(--header-height));box-sizing:border-box;color:var(--text-primary);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-family:Mada;display:flex}.page-load-error-heading{overflow-wrap:anywhere;margin:0;font-size:26px;font-weight:400}.page-load-error-description{overflow-wrap:anywhere;margin:0;font-size:15px}.page-load-error-action{margin-top:24px}@media (width<=599px){.page-load-error{padding-bottom:var(--tab-bar-height)}}.edit-post-image{box-sizing:border-box;border:1px solid var(--text-muted);object-fit:cover;border-radius:8px;width:292px;height:280px;margin-top:21px}.add-image-post-form .edit-post-error{width:100%;margin-top:16px}.add-image-post-form .caption-error{width:290px;margin-top:6px}@media (width<=599px){.edit-post-image{width:100%;height:320px;margin-top:32px}.add-image-post-form .caption-error{width:100%}}.delete-post-confirm{box-sizing:border-box;flex-direction:column;align-items:center;width:476px;padding:22px 40px 24px;font-family:Mada;display:flex}.delete-post-message{color:var(--text-secondary);text-align:center;margin:0;font-family:Mada;font-size:15px}.delete-post-actions{gap:50px;margin-top:29px;display:flex}@media (width>=600px){.delete-post-popup .popup-title{padding-top:48px}}@media (width<=599px){.popup-container.delete-post-popup{align-items:flex-end}.delete-post-popup .popup-body{border-top:1px solid var(--border-divider);border-radius:16px 16px 0 0;flex-direction:column;align-items:center;gap:16px;height:auto;padding:10px 24px 24px;display:flex}.delete-post-popup .popup-close{display:none}.delete-post-popup .popup-title{border-bottom:none;height:auto}.delete-post-confirm{gap:16px;width:100%;padding:0}.delete-post-actions{gap:12px;width:100%;margin-top:0}.delete-post-actions button{flex:1 1 0;min-width:0}}.profile-header{box-sizing:border-box;border-bottom:1px solid var(--border-divider);grid-template-columns:190px minmax(0,1fr) auto;grid-template-areas:"avatar username action""avatar stats stats""avatar bio bio";column-gap:60px;width:900px;max-width:100%;padding-bottom:32px;display:grid}.profile-picture-wrapper{grid-area:avatar}.profile-picture-wrapper .profile-picture{box-sizing:border-box;border:.5px solid var(--text-muted);width:190px;height:190px}.profile-header .username{color:var(--text-primary);grid-area:username;align-self:center;margin-bottom:25px;font-size:20px;font-weight:700}.profile-action{grid-area:action;align-self:center;margin-bottom:25px}.followers-data-wrapper{color:var(--text-primary);grid-area:stats;gap:30px;margin-bottom:30px;font-size:15px;display:flex}.profile-stat{gap:4px;display:inline-flex}.profile-stat-button{font:inherit;color:inherit;background:0 0;border:none;padding:0}.profile-stat-button:hover{cursor:pointer}.profile-header .bio{color:var(--text-primary);word-wrap:break-word;overflow-wrap:break-word;grid-area:bio;margin:0;font-size:15px}@media (width<=599px){.profile-header{grid-template-columns:86px minmax(0,1fr);grid-template-areas:"avatar stats""username username""bio bio""action action";gap:12px 24px;width:100%;padding:0 16px 20px}.profile-header-no-bio{grid-template-areas:"avatar stats""username username""action action"}.profile-picture-wrapper .profile-picture{width:86px;height:86px}.profile-header .username{align-self:start;margin-bottom:0;font-size:16px}.followers-data-wrapper{justify-content:space-between;align-self:center;gap:0;max-width:280px;margin-bottom:0}.profile-stat{flex-direction:column;align-items:center;gap:2px;font-size:14px}.profile-stat strong{font-size:16px}.profile-action{align-self:start;width:100%;margin-bottom:0}.profile-action button{width:100%}}.post-actions-scrim{display:contents}.account-menu.post-actions-menu{top:44px;right:8px}.post-actions-menu .post-actions-menu-row-danger{color:var(--brand-red)}@media (width<=599px){.post-actions-scrim{z-index:2;background-color:#00000080;display:block;position:fixed;inset:0}.account-menu.post-actions-menu{border-width:1px 0 0;border-color:var(--border-divider);width:100%;box-shadow:none;border-radius:16px 16px 0 0;padding:10px 0 24px;position:fixed;inset:auto 0 0}.post-actions-menu .bottom-sheet-handle{margin-bottom:14px}.post-actions-menu .account-menu-row{height:53px;padding:0 24px}}.profile-post{aspect-ratio:1;width:calc(33.3333% - 8px);position:relative}.profile-post-link{width:100%;height:100%;display:block}.profile-post img{object-fit:cover;width:100%;height:100%;display:block}.profile-post-stats{display:none}@media (hover:hover){.profile-post-stats{opacity:0;pointer-events:none;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;container-type:inline-size}.profile-post:hover .profile-post-stats{opacity:1}}.profile-post-stats-content{align-items:center;gap:24px;display:flex}@container (width<=200px){.profile-post-stats-content{flex-direction:column;gap:8px}}.profile-post-stat{color:var(--static-white);align-items:center;gap:8px;font-family:Mada;font-size:16px;font-weight:700;display:inline-flex}.post-actions-button{background-color:#0000;border:none;border-radius:50%;width:32px;height:32px;padding:0;line-height:0;position:absolute;top:8px;right:8px}.post-actions-button:hover{cursor:pointer;background-color:var(--overlay-button-hover)}.post-actions-button svg{filter:drop-shadow(0 1px 3px #0000008c)}@media (width<=599px){.profile-post{width:calc(33.3333% - 1.33333px)}.post-actions-button{top:6px;right:6px}}.image-input-wrapper{border:1px solid var(--text-muted);color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;margin-bottom:20px;display:flex}.round-image{border-radius:50%}.image-input-wrapper input{display:none}.image-input-wrapper label{flex-direction:column;align-items:center;font-family:Mada;font-size:20px;display:flex}.image-input-wrapper label:hover{cursor:pointer;opacity:.5}.image-input-wrapper label span{color:var(--text-primary);margin-top:15px;font-family:Mada;font-size:22px;font-weight:700}.preview-wrapper{border:1px solid var(--text-muted);margin-bottom:20px}.preview-wrapper img{object-fit:contain;cursor:pointer}.preview-wrapper.removable,.preview-wrapper.has-backdrop,.preview-wrapper.has-backdrop>img{position:relative}.preview-backdrop{border-radius:inherit;pointer-events:none;position:absolute;inset:0;overflow:hidden}.preview-wrapper .preview-backdrop img{object-fit:cover;filter:blur(24px);cursor:default;width:100%;height:100%;transform:scale(1.2)}.preview-wrapper .round-image,.round-image img{border-radius:50%}.hidden{display:none}.image-change-button{background-color:var(--background-surface);opacity:.8;color:var(--text-muted);border:none;outline:none;justify-content:center;align-items:center;font-family:Mada;font-size:20px;font-weight:700;display:none;position:absolute;transform:translateY(-105%)}.round-image .image-change-button{border-radius:50%}.preview-wrapper:hover .image-change-button{cursor:pointer;display:flex}.image-remove-button{box-sizing:border-box;border:1px solid var(--border-card);background-color:var(--background-surface);width:24px;height:24px;color:var(--text-primary);border-radius:12px;justify-content:center;align-items:center;padding:0;line-height:0;display:flex;position:absolute;top:5px;right:5px}.image-remove-button:hover{cursor:pointer}.add-image-post-form{box-sizing:border-box;flex-direction:column;align-items:center;width:476px;padding:0 92px 40px;font-family:Mada;display:flex}.add-image-post-image-wrapper{margin-top:21px}.add-image-post-image-wrapper .image-input-wrapper,.add-image-post-image-wrapper .preview-wrapper{box-sizing:border-box;border-radius:12px;width:292px;height:280px;margin-bottom:0}.add-image-post-image-wrapper .preview-wrapper img,.add-image-post-image-wrapper .image-change-button{width:100%;height:100%}.add-image-post-image-wrapper.has-error .image-input-wrapper{border-color:var(--feedback-error)}.caption-input{box-sizing:border-box;resize:none;border:1px solid var(--text-muted);background-color:var(--background-surface);width:290px;height:54px;color:var(--text-primary);border-radius:12px;margin-top:36px;padding:12px;font-family:Mada;font-size:16px;display:block}.caption-input.has-error{border-color:var(--feedback-error)}.caption-input::placeholder{color:var(--text-muted);opacity:1}.caption-input:focus{outline:none}.add-image-post-form .add-image-post-error{width:100%;margin-top:16px}.button-row{gap:50px;margin-top:40px;display:flex}@media (width>=600px){.add-image-post-form.is-story .add-image-post-image-wrapper .image-input-wrapper,.add-image-post-form.is-story .add-image-post-image-wrapper .preview-wrapper{width:214px;height:380px}.add-image-post-form.is-story .button-row{margin-top:30px}}@media (width<=599px){.add-image-post-form{width:100%;height:calc(100% - 54px);padding:0 16px 32px}.add-image-post-form.is-story .add-image-post-image-wrapper{flex-direction:column;align-items:center;margin-bottom:32px;display:flex}.add-image-post-form.is-story .add-image-post-image-wrapper .image-input-wrapper,.add-image-post-form.is-story .add-image-post-image-wrapper .preview-wrapper{aspect-ratio:9/16;width:auto;max-width:100%;height:min(636px,100dvh - 190px,177.778vw - 56.8889px)}.add-image-post-image-wrapper{width:100%;margin-top:32px}.add-image-post-image-wrapper .image-input-wrapper,.add-image-post-image-wrapper .preview-wrapper{width:100%;height:320px}.caption-input{width:100%;height:72px;margin-top:20px}.button-row{gap:12px;width:100%;margin-top:auto}.button-row button{flex:1 1 0;min-width:0}}.create-tabs{box-sizing:border-box;justify-content:center;gap:40px;height:90px;padding-top:52px;display:flex}.create-tab{color:var(--text-secondary);background:0 0;border:none;flex-direction:column;align-items:center;gap:6px;padding:0;font-family:Mada;font-size:22px;font-weight:400;line-height:26px;display:flex}.create-tab:hover{cursor:pointer}.create-tab-active{color:var(--text-primary);font-weight:700}.create-tab-underline{width:100%;height:2px}.create-tab-active .create-tab-underline{background-color:var(--brand-red)}@media (width<=599px){.create-tabs{border-bottom:1px solid var(--border-divider);align-items:stretch;gap:32px;height:54px;padding-top:0}.create-tab{justify-content:flex-end;gap:14px;padding-bottom:1px;font-size:16px;line-height:19px}}.edit-user-profile-form{box-sizing:border-box;flex-direction:column;align-items:center;width:526px;padding:0 60px 40px;font-family:Mada;display:flex}.profile-form-profile-picture-wrapper{margin-top:21px;position:relative}.profile-form-profile-picture-wrapper .field-error{text-align:center;white-space:nowrap;margin-top:0;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%)}.profile-form-profile-picture-wrapper .image-input-wrapper,.profile-form-profile-picture-wrapper .preview-wrapper{box-sizing:border-box;width:122px;height:122px;margin-bottom:0}.profile-form-profile-picture-wrapper .preview-wrapper img{object-fit:cover;width:100%;height:100%;display:block}.profile-form-input-wrapper{width:100%;margin-top:46px}.edit-user-profile-form .profile-form-input-wrapper textarea{resize:none;height:88px;padding:11px 12px;display:block}.edit-user-profile-form .edit-profile-error{width:100%;margin-top:16px}.profile-form-button-row{gap:50px;margin-top:40px;display:flex}@media (width<=599px){.edit-user-profile-form{width:100%;height:calc(100% - 54px);padding:0 16px 32px}.profile-form-profile-picture-wrapper{flex-direction:column;align-items:center;max-width:100%;margin-top:32px;display:flex}.profile-form-profile-picture-wrapper .field-error{white-space:normal;margin-top:6px;position:static;transform:none}.profile-form-input-wrapper,.profile-form-profile-picture-wrapper+.profile-form-input-wrapper{margin-top:20px}.profile-form-button-row{gap:12px;width:100%;margin-top:auto}.profile-form-button-row button{flex:1 1 0;min-width:0}}.user-list-popup .user-list-results,.user-list-popup .user-list-error{box-sizing:border-box;min-height:120px;max-height:min(372px,100vh - 128px);overflow-y:auto}.user-list-popup .user-list-results{padding:0 0 8px}.user-list-popup .user-list-error{color:var(--text-primary);justify-content:center;align-items:center;gap:6px;margin:0;font-family:Mada;font-size:15px;display:flex}.user-list-popup .user-list-results .search-result{position:relative}.user-list-popup .user-list-results .search-result+.search-result{margin-top:1px}.user-list-popup .user-list-results .search-result+.search-result:before{content:"";top:-1px;left:calc(var(--search-result-padding-x) + var(--search-result-avatar-size) + var(--search-result-gap));background-color:var(--border-inset);height:1px;position:absolute;right:0}.user-list-retry{font:inherit;color:inherit;background:0 0;border:none;padding:0;font-weight:700}.user-list-retry:hover{cursor:pointer}@media (width>=600px){.user-list-popup .popup-body{width:400px;overflow:hidden}.user-list-popup .popup-close{top:12px;right:16px}.user-list-popup .popup-title{box-sizing:border-box;border-bottom:1px solid var(--border-inset);justify-content:center;align-items:center;height:48px;padding:0 48px;font-size:16px;font-weight:700;display:flex}}@media (width<=599px){.user-list-popup .user-list-results,.user-list-popup .user-list-error{height:calc(100% - 54px);min-height:0;max-height:none}.user-list-popup .user-list-results{padding:0 0 8px}.popup-container.story-viewers-popup{align-items:flex-end}.story-viewers-popup .popup-body{border-radius:16px 16px 0 0;flex-direction:column;height:auto;padding:10px 0 24px;display:flex}.story-viewers-popup .popup-close{display:none}.story-viewers-popup .popup-title{border-bottom:1px solid var(--border-inset);height:auto;margin-top:16px;padding-bottom:12px;line-height:21px}.story-viewers-popup .user-list-results,.story-viewers-popup .user-list-error{height:auto;min-height:120px;max-height:min(372px,100vh - 128px);margin-top:0}.story-viewers-popup .user-list-results{padding:0}}.profile-view-wrapper{box-sizing:border-box;flex-direction:column;align-items:center;width:calc(100% - 48px);max-width:900px;padding:46px 0 40px;font-family:Mada;display:flex}.profile-view-wrapper .profile-posts-wrapper{flex-wrap:wrap;justify-content:flex-start;gap:12px;width:100%;margin-top:24px;display:flex}.add-post-button{aspect-ratio:1;box-sizing:border-box;border:1px solid var(--text-muted);background-color:var(--background-surface);flex-direction:column;justify-content:center;align-items:center;gap:15px;width:calc(33.3333% - 8px);display:flex}.add-post-button:hover{cursor:pointer}.add-post-button:hover svg,.add-post-button:hover span{opacity:.5}.add-post-button svg{width:80px;height:80px;color:var(--text-secondary)}.add-post-button span{color:var(--text-primary);font-family:Mada;font-size:20px;font-weight:700}@media (width>=600px) and (width<=1279px){.profile-view-wrapper{max-width:720px}}@media (width<=599px){.profile-view-wrapper{width:100%;max-width:none;padding:16px 0 calc(var(--tab-bar-height) + 24px)}.profile-view-wrapper .profile-posts-wrapper{gap:2px;margin-top:12px}.add-post-button{gap:0;width:calc(33.3333% - 1.33333px)}.add-post-button svg{width:56px;height:56px}.add-post-button span{display:none}}.posts-bar{box-sizing:border-box;background-color:var(--background-surface);border:1px solid var(--border-card);border-radius:12px;align-items:center;gap:16px;width:100%;height:60px;padding:12px 16px;font-family:Mada;display:flex}.posts-bar-back{color:var(--text-primary);background-color:#0000;border:none;flex-shrink:0;padding:0;line-height:0}.posts-bar-back:hover{cursor:pointer;opacity:.5}.posts-bar-title{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.posts-bar-heading{color:var(--text-primary);margin:0;font-size:15px;font-weight:700}.posts-bar-subtitle{white-space:nowrap;text-overflow:ellipsis;max-width:100%;color:var(--text-secondary);font-size:13px;font-weight:700;overflow:hidden}@media (width<=599px){.posts-bar{z-index:2;height:var(--header-height);border:none;border-bottom:1px solid var(--border-divider);border-radius:0;justify-content:center;padding:0 56px;transition:transform .2s;position:sticky;top:0}.posts-bar-hidden{transform:translateY(-100%)}.posts-bar-back{position:absolute;left:16px}.posts-bar-title{align-items:center}.posts-bar-heading{font-size:16px}}.add-comment-form{box-sizing:border-box;border-bottom:1px solid var(--border-inset);padding:18px 0 8px;font-family:Mada}.add-comment-form-disabled{opacity:.5}.add-comment-form-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.add-comment-form-input{min-width:0;color:var(--text-primary);background-color:#0000;border:none;outline:none;flex:auto;padding:0;font-family:Mada;font-size:16px}.add-comment-form-input::placeholder{color:var(--text-muted);opacity:1}.add-comment-form-input[readonly]:hover{cursor:pointer}.add-comment-form-submit{color:var(--brand-red);background-color:#0000;border:none;flex-shrink:0;padding:0;font-family:Mada;font-size:15px;font-weight:700}.add-comment-form-submit:hover{cursor:pointer}.add-comment-form-submit:disabled{cursor:not-allowed;opacity:.5}.add-comment-form-error{color:var(--feedback-error);margin:8px 0 0;font-size:13px}.comment{flex-direction:column;min-width:0;font-family:Mada;display:flex}.comment-row{align-items:center;gap:14px;min-width:0;display:flex}.comment-avatar-link{flex-shrink:0;line-height:0;text-decoration:none}.comment-avatar{flex-shrink:0;width:40px;height:40px}.comment-content{flex-direction:column;flex:1 1 0;align-items:flex-start;gap:4px;min-width:0;display:flex}.comment-username{white-space:nowrap;text-overflow:ellipsis;max-width:100%;color:var(--text-primary);font-size:15px;font-weight:700;text-decoration:none;overflow:hidden}.comment-text{color:var(--text-primary);overflow-wrap:anywhere;margin:0;font-size:15px}.comment-mention{color:var(--text-link);text-decoration:none}.comment-utils{flex-wrap:wrap;align-items:center;gap:4px 20px;padding-top:4px;display:flex}.comment-like-button,.comment-util-button{color:var(--text-secondary);background-color:#0000;border:none;padding:0;font-family:Mada;font-size:13px;font-weight:700}.comment-like-button{line-height:0}.comment-like-button svg{width:20px;height:20px}.comment-like-button:hover,.comment-util-button:hover,.comment-hide-replies:hover{cursor:pointer;opacity:.7}.comment-util-label{color:var(--text-secondary);font-size:13px;font-weight:700}.comment-content .add-comment-form{width:100%;padding-top:12px}.comment-replies{flex-direction:column;align-items:flex-start;gap:16px;margin-top:30px;padding-left:54px;display:flex}.comment-hide-replies{color:var(--text-secondary);background-color:#0000;border:none;align-items:center;gap:12px;padding:0;font-family:Mada;font-size:13px;font-weight:700;display:flex}.comment-hide-replies-line{background-color:var(--text-secondary);width:28px;height:1px}.comment-replies .comment{width:100%}.comment-reply .comment-row{align-items:flex-start;gap:10px}.comment-reply .comment-avatar{width:28px;height:28px}.comment-reply .comment-content{gap:3px}.comment-reply .comment-username,.comment-reply .comment-text{font-size:14px}.comment-reply .comment-utils{column-gap:16px;padding-top:2px}.comment-reply .comment-like-button svg{width:16px;height:16px}.comment-reply .comment-like-button,.comment-reply .comment-util-button,.comment-reply .comment-util-label{font-size:12px}.comments-popup-content{overscroll-behavior:contain;min-height:0;overflow-y:auto}.comments-popup-content .spinner-container{height:100%}.comments-popup-list{flex-direction:column;gap:30px;display:flex}.comments-popup-list>.comment>.comment-row{padding-left:16px}.comments-popup-message{height:100%;color:var(--text-primary);text-align:center;justify-content:center;align-items:center;gap:6px;margin:0;font-family:Mada;font-size:15px;display:flex}.comments-popup-retry{font:inherit;color:inherit;background-color:#0000;border:none;padding:0;font-weight:700}.comments-popup-retry:hover{cursor:pointer}@media (width>=600px){.comments-popup>.popup-body{flex-direction:column;width:600px;max-width:calc(100% - 32px);padding:10px;display:flex;box-shadow:0 8px 28px #00000038}.comments-popup>.popup-body>.popup-title{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.comments-popup-content{height:min(685px,100vh - 155px);margin-top:24px}.comments-popup-list{padding:0 30px 30px 0}.comments-popup-form{padding-left:6px;padding-right:6px}}@media (width<=599px){.popup-container.comments-popup{align-items:flex-end}.comments-popup>.popup-body{border-radius:16px 16px 0 0;flex-direction:column;height:min(644px,100%);padding:10px 0 0;display:flex}.comments-popup>.popup-body>.popup-close{display:none}.comments-popup>.popup-body>.popup-title{border-bottom:none;flex-shrink:0;align-items:flex-start;height:42px;margin-top:12px;padding:0}.comments-popup-content{flex:auto}.comments-popup-list{gap:8px;padding:0 16px 30px}.comments-popup-form{border-top:1px solid var(--border-inset);border-bottom:none;flex-direction:column;flex-shrink:0;justify-content:center;min-height:56px;padding:0 16px;display:flex}}.post-caption{color:var(--text-primary);overflow-wrap:anywhere;margin:0 0 13px;font-family:Mada;font-size:15px;position:relative}.post-caption-clamped{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.post-caption-username{font-weight:700}.post-caption-more{background-color:var(--background-surface);font:inherit;color:var(--text-secondary);border:none;padding:0 0 0 4px;position:absolute;bottom:0;right:0}.post-caption-more:hover{cursor:pointer}.post-caption-more-ellipsis{color:var(--text-primary)}.user-post{box-sizing:border-box;background-color:var(--background-surface);border:1px solid var(--border-card);border-radius:12px;width:100%;min-width:0;font-family:Mada}.user-post-header{justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.user-post-author{min-width:0;color:inherit;align-items:center;gap:16px;text-decoration:none;display:flex}.user-post-avatar{flex-shrink:0;width:40px;height:40px}.user-post-username{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--text-primary);font-size:15px;font-weight:700;overflow:hidden}.user-post-actions{flex-shrink:0;display:flex;position:relative}.user-post-actions-button{width:32px;height:32px;color:var(--text-primary);background-color:#0000;border:none;padding:0;line-height:0}.user-post-actions-button:hover{cursor:pointer;opacity:.5}.user-post-image{width:100%}.user-post-image img{object-fit:cover;width:100%;display:block}.user-post-footer{padding:0 16px 16px}.user-post-stats{flex-wrap:wrap;align-items:center;gap:8px 24px;padding:8px 0;display:flex}.user-post-stat{color:var(--text-secondary);align-items:center;gap:8px;font-size:15px;display:flex}.user-post-like-button,.user-post-likes-button,.user-post-comments-button{background-color:#0000;border:none;padding:0;font-family:Mada;line-height:0}.user-post-likes-button,.user-post-comments-button{color:var(--text-secondary);font-size:15px;line-height:normal}.user-post-like-button:hover,.user-post-likes-button:hover,.user-post-comments-button:hover{cursor:pointer;opacity:.7}@keyframes userPostHeartPulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.user-post-like-button-pulse{animation:.3s ease-in-out userPostHeartPulse}.user-post-previews{border-bottom:1px solid var(--border-inset);flex-direction:column;gap:3px;padding:8px 0;display:flex}.user-post-preview{white-space:nowrap;text-overflow:ellipsis;color:var(--text-secondary);margin:0;font-size:15px;overflow:hidden}.user-post-preview-username{color:var(--text-primary);font-weight:700}@media (width>=600px){.user-post-actions .account-menu.post-actions-menu{top:calc(100% + 4px);right:0}}@media (width<=599px){.user-post{border:none;border-radius:0}}.profile-posts-view{box-sizing:border-box;flex-direction:column;gap:20px;width:100%;max-width:500px;padding:46px 0 60px;font-family:Mada;display:flex}.profile-posts-list{flex-direction:column;gap:60px;display:flex}.profile-posts-list>.user-post{scroll-margin-top:calc(var(--header-height) + 20px)}@media (width<=599px){.profile-posts-view{max-width:none;padding:0 0 var(--tab-bar-height);gap:0}.profile-posts-list{gap:8px}.profile-posts-list>.user-post{scroll-margin-top:var(--header-height)}}.suggested-user{justify-content:space-between;align-items:center;gap:12px;padding:8px 0;font-family:Mada;display:flex}.suggested-user-link{align-items:center;gap:12px;min-width:0;text-decoration:none;display:flex}.suggested-user-avatar{flex-shrink:0;width:44px;height:44px}.suggested-user-text{flex-direction:column;gap:2px;min-width:0;display:flex}.suggested-user-username,.suggested-user-reason{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.suggested-user-username{color:var(--text-primary);font-size:14px;font-weight:700}.suggested-user-reason{color:var(--text-secondary);font-size:12px}.suggested-user-follow-link{color:var(--brand-red);background:0 0;border:none;flex-shrink:0;padding:0;font-family:Mada;font-size:13px;font-weight:700}.suggested-user-follow-link:hover{cursor:pointer}.button-classname.suggested-user-follow-button{flex-shrink:0;width:88px;min-width:0;height:32px;padding:0}.empty-feed-suggestions{box-sizing:border-box;background-color:var(--background-surface);border:1px solid var(--border-card);text-align:left;border-radius:12px;flex-direction:column;gap:4px;width:100%;margin-top:32px;padding:8px 16px;display:flex}@media (width<=599px){.empty-feed-suggestions{width:calc(100% - 32px);margin-top:28px;padding:8px 12px}}.story-circle{flex-shrink:0;width:64px;position:relative}.story-circle-button{background:0 0;border:none;flex-direction:column;align-items:center;gap:6px;width:100%;padding:0;font-family:Mada;display:flex}.story-circle-button:hover{cursor:pointer}.story-circle-ring{box-sizing:border-box;border:2px solid var(--border-divider);border-radius:50%;width:64px;height:64px;padding:2px}.story-circle-ring-unwatched{border-color:var(--brand-red)}.story-circle-avatar{width:56px;height:56px}.story-circle-label{white-space:nowrap;text-overflow:ellipsis;width:100%;color:var(--text-primary);text-align:center;font-size:12px;line-height:15px;overflow:hidden}.story-circle-badge{box-sizing:border-box;border:2px solid var(--background-surface);background-color:var(--brand-red);width:20px;height:20px;color:var(--static-white);border-radius:50%;justify-content:center;align-items:center;padding:0;line-height:0;display:flex;position:absolute;top:42px;left:42px}button.story-circle-badge:hover{cursor:pointer}.story-circle-badge-decorative{pointer-events:none}@keyframes story-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.story-viewer{z-index:2;color:var(--static-white);font-family:Mada;position:fixed;inset:0}.story-viewer-backdrop{background-color:var(--overlay-story-dim);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);position:absolute;inset:0}.story-viewer-stage{position:absolute;inset:0}.story-viewer-card{position:absolute;inset:0;overflow:hidden}.story-viewer-media{aspect-ratio:9/16;max-width:100%;height:100%;position:absolute;top:0;bottom:0;left:50%;overflow:hidden;transform:translate(-50%)}.story-viewer-media-blur{object-fit:cover;filter:blur(30px);width:100%;height:100%;position:absolute;inset:0;transform:scale(1.3)}.story-viewer-photo{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:relative}.story-viewer-photo-cover{object-fit:cover}.story-viewer-loading{place-items:center;display:grid;position:absolute;inset:0}.story-viewer-scrim{pointer-events:none;height:160px;position:absolute;left:0;right:0}.story-viewer-scrim-top{background:linear-gradient(to bottom, var(--overlay-story-scrim), transparent);top:0}.story-viewer-scrim-bottom{background:linear-gradient(to top, var(--overlay-story-scrim), transparent);bottom:0}.story-viewer-zone{touch-action:none;-webkit-tap-highlight-color:transparent;background:0 0;border:none;width:50%;padding:0;position:absolute;top:0;bottom:0}.story-viewer-zone-previous{left:0}.story-viewer-zone-next{right:0}.story-viewer-progress{pointer-events:none;gap:4px;display:flex;position:absolute;top:16px;left:12px;right:12px}.story-viewer-segment{background-color:var(--overlay-story-segment-track);border-radius:2px;flex:1 1 0;min-width:0;height:3px;overflow:hidden}.story-viewer-segment-fill{background-color:var(--static-white);transform-origin:0;width:100%;height:100%}.story-viewer-segment-fill-active{animation-name:story-progress;animation-timing-function:linear;animation-fill-mode:forwards}.story-viewer-paused .story-viewer-segment-fill-active{animation-play-state:paused}.story-viewer-header{box-sizing:border-box;pointer-events:none;justify-content:space-between;align-items:center;gap:12px;height:40px;padding:0 16px;display:flex;position:absolute;top:32px;left:0;right:0}.story-viewer-poster{align-items:center;gap:10px;min-width:0;display:flex}.story-viewer-avatar{flex-shrink:0;width:32px;height:32px}.story-viewer-username{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:14px;font-weight:700;overflow:hidden}.story-viewer-age{flex-shrink:0;font-size:13px}.story-viewer-icon-button{color:var(--static-white);pointer-events:auto;background:0 0;border:none;flex-shrink:0;padding:0;line-height:0}.story-viewer-icon-button:hover{cursor:pointer;opacity:.8}.story-viewer-header .story-viewer-icon-button svg{width:20px;height:20px}.story-viewer-footer{box-sizing:border-box;pointer-events:none;justify-content:space-between;align-items:center;gap:12px;padding:0 16px;display:flex;position:absolute;bottom:20px;left:0;right:0}.story-viewer-footer .story-viewer-icon-button{margin-left:auto}.story-viewer-seen-by{color:var(--static-white);pointer-events:auto;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-family:Mada;font-size:14px;font-weight:700;display:flex}.story-viewer-seen-by:hover{cursor:pointer;opacity:.8}.story-viewer-arrow{display:none}@media (width>=1280px){.story-viewer-stage{aspect-ratio:9/16;height:min(711px,100vh - 96px);inset:50% auto auto 50%;transform:translate(-50%,-50%)}.story-viewer-card{background-color:var(--overlay-story-dim);border-radius:8px}.story-viewer-media{width:100%;left:0;transform:none}.story-viewer-scrim{height:140px}.story-viewer-progress{top:12px;left:8px;right:8px}.story-viewer-header{padding:0 12px;top:26px}.story-viewer-footer{padding:0 12px;bottom:16px}.story-viewer-arrow{background-color:var(--static-white);width:40px;height:40px;color:var(--story-arrow-icon);border:none;border-radius:50%;justify-content:center;align-items:center;margin-top:-20px;padding:0;line-height:0;display:flex;position:absolute;top:50%}.story-viewer-arrow:hover{cursor:pointer;opacity:.8}.story-viewer-arrow svg{width:16px;height:16px}.story-viewer-arrow-previous{left:-60px}.story-viewer-arrow-next{right:-60px}}@media (width<=599px){.story-viewer-media{aspect-ratio:auto;width:100%;max-width:none;left:0;transform:none}.story-viewer-progress{top:14px;left:8px;right:8px}.story-viewer-header{padding:0 12px;top:28px}.story-viewer-footer{padding:0 12px}}.stories-tray{box-sizing:border-box;background-color:var(--background-surface);border:1px solid var(--border-card);border-radius:12px;align-items:flex-start;gap:16px;width:100%;max-width:500px;min-height:119px;padding:16px;display:flex;overflow-x:auto}@media (width<=599px){.stories-tray{border-width:0 0 1px;border-bottom-color:var(--border-divider);border-radius:0;gap:14px;max-width:none;min-height:118px;padding:16px 12px}}.suggestion-card{box-sizing:border-box;background-color:var(--background-surface);border:1px solid var(--border-card);text-align:center;border-radius:12px;flex-direction:column;flex:0 0 150px;align-items:center;gap:8px;width:150px;padding:16px 12px;font-family:Mada;display:flex}.suggestion-card-link{flex-direction:column;align-items:center;gap:8px;max-width:100%;text-decoration:none;display:flex}.suggestion-card-avatar{width:64px;height:64px}.suggestion-card-username{white-space:nowrap;text-overflow:ellipsis;max-width:100%;color:var(--text-primary);font-size:13px;font-weight:700;overflow:hidden}.suggestion-card-reason{color:var(--text-secondary);overflow-wrap:anywhere;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:11px;display:-webkit-box;overflow:hidden}.button-classname.suggestion-card-follow-button{width:126px;min-width:0;max-width:100%;height:30px;padding:0}.suggestions-carousel{box-sizing:border-box;background-color:var(--background-surface);border:1px solid var(--border-card);border-radius:12px;flex-direction:column;gap:12px;width:100%;padding:14px 16px 16px;display:flex}.suggestions-carousel-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.suggestions-carousel-heading{color:var(--text-primary);margin:0;font-family:Mada;font-size:14px;font-weight:700}.suggestions-carousel-dismiss{color:var(--text-secondary);background:0 0;border:none;flex-shrink:0;padding:0;display:flex}.suggestions-carousel-dismiss:hover{cursor:pointer}.suggestions-carousel-dismiss svg{width:18px;height:18px}.suggestions-carousel-cards{align-items:flex-start;gap:12px;display:flex;overflow-x:auto}@media (width<=599px){.suggestions-carousel{border-width:1px 0;border-color:var(--border-divider);border-radius:0}}.suggestions-sidebar{box-sizing:border-box;background-color:var(--background-surface);border:1px solid var(--border-card);border-radius:12px;flex-direction:column;grid-area:1/2/span 2;gap:4px;width:320px;padding:16px;display:flex}.suggestions-sidebar-heading{color:var(--text-primary);margin:0;padding-bottom:8px;font-family:Mada;font-size:14px;font-weight:700}.feed-wrapper{box-sizing:border-box;width:100%;max-width:500px;padding:46px 0 60px}.feed-posts{flex-direction:column;gap:60px;width:100%;max-width:500px;margin-top:19px;display:flex}.feed-empty{box-sizing:border-box;flex-direction:column;align-items:center;width:100%;max-width:500px;padding:93px 0 60px;font-family:Mada;display:flex}.feed-empty .feed-posts{margin-top:32px}.feed-empty-message{text-align:center;flex-direction:column;align-items:center;gap:8px;margin-top:56px;display:flex}.feed-empty-title{color:var(--text-primary);overflow-wrap:anywhere;margin:0;font-size:20px;font-weight:700}.feed-empty-description{color:var(--text-secondary);overflow-wrap:anywhere;margin:0;font-size:15px}@media (width>=1280px){.feed-wrapper{grid-template-columns:minmax(0,500px) 320px;align-content:start;align-items:start;column-gap:64px;max-width:884px;display:grid}}@media (width<=599px){.feed-wrapper{max-width:none;padding:0 0 var(--tab-bar-height)}.feed-posts{gap:8px;max-width:none;margin-top:0}.feed-empty{max-width:none;padding:0 0 var(--tab-bar-height)}.feed-empty .feed-posts{margin-top:28px}.feed-empty-message{gap:6px;margin-top:137px;padding:0 16px}.feed-empty-title{font-size:18px}.feed-empty-description{font-size:14px}}.popular-posts-wrapper{box-sizing:border-box;width:calc(100% - 48px);max-width:900px;padding:46px 0 40px;font-family:Mada}.popular-posts-wrapper-empty{text-align:center;padding-top:268px}.popular-posts-grid{flex-wrap:wrap;justify-content:flex-start;gap:12px;display:flex}@media (width>=600px) and (width<=1279px){.popular-posts-wrapper{max-width:720px}}@media (width<=599px){.popular-posts-wrapper{width:100%;max-width:none;padding:0 0 var(--tab-bar-height)}.popular-posts-wrapper-empty{padding:255px 16px var(--tab-bar-height)}.popular-posts-grid{gap:2px}}:root{--background-page:#f0f0f0;--background-surface:#fff;--background-unread:#f0f0f0;--text-primary:#4b4b4b;--text-secondary:#8e8e8e;--text-muted:#b5b5b5;--text-link:#2f5d8a;--border-card:#dbdbdb;--border-divider:silver;--border-inset:#e4e4e4;--brand-red:#f64d4d;--static-white:#fff;--avatar-placeholder-disc:#e8e8e8;--avatar-placeholder-figure:#9a9a9a;--feedback-error:#c62828;--feedback-error-inverse:#ff6b6b;--feedback-success-inverse:#66bb6a;--overlay-button-hover:#0006;--overlay-story-dim:#000000b8;--overlay-story-scrim:#0000008c;--overlay-story-segment-track:#ffffff59;--story-arrow-icon:#4b4b4b;--header-height:54px;--tab-bar-height:56px}:root[data-theme=dark]{--background-page:#000;--background-surface:#161616;--background-unread:#262626;--text-primary:#f0f0f0;--text-secondary:#a8a8a8;--text-muted:#6e6e6e;--text-link:#8ab4e0;--border-card:#2a2a2a;--border-divider:#333;--border-inset:#2a2a2a;--avatar-placeholder-disc:#2a2a2a;--avatar-placeholder-figure:#5a5a5a;--feedback-error:#ff6b6b;--feedback-error-inverse:#c62828;--feedback-success-inverse:#2e7d32;--overlay-button-hover:#0006;--overlay-story-dim:#000000b8;--overlay-story-scrim:#0000008c;--overlay-story-segment-track:#ffffff59;--story-arrow-icon:#4b4b4b}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.routes-wrapper{justify-content:center;display:flex}.form-error{width:450px;color:var(--feedback-error);text-align:center;margin:0;font-family:Mada;font-size:15px}.field-error{color:var(--feedback-error);margin-top:6px;font-family:Mada;font-size:13px}.auth-input-wrapper{flex-direction:column;justify-content:center;align-items:flex-start;width:450px;min-height:44px;display:flex}.auth-input-wrapper input,.profile-form-input-wrapper input,.profile-form-input-wrapper textarea{box-sizing:border-box;border:1px solid var(--text-muted);background-color:var(--background-surface);width:100%;height:44px;color:var(--text-primary);border-radius:12px;padding:0 12px;font-family:Mada;font-size:16px}.auth-input-wrapper input:focus,.profile-form-input-wrapper input:focus,.profile-form-input-wrapper textarea:focus{outline:none}.auth-input-wrapper input::placeholder,.profile-form-input-wrapper input::placeholder,.profile-form-input-wrapper textarea::placeholder{color:var(--text-muted);opacity:1}.auth-input-wrapper input.has-error,.auth-input-wrapper input.has-error:focus,.profile-form-input-wrapper input.has-error,.profile-form-input-wrapper input.has-error:focus,.profile-form-input-wrapper textarea.has-error,.profile-form-input-wrapper textarea.has-error:focus{border-color:var(--feedback-error)}@media (width<=599px){.auth-input-wrapper,.form-error{width:100%;max-width:450px}}@font-face{font-family:Pacifico;src:url(/Fonts/Pacifico/Pacifico-Regular.ttf)format("truetype")}@font-face{font-family:Vollkorn;src:url(/Fonts/Vollkorn/Vollkorn-VariableFont_wght.ttf)format("truetype")}@font-face{font-family:Mada;src:url(/Fonts/Mada/Mada-Regular.ttf)format("truetype");font-weight:400}@font-face{font-family:Mada;src:url(/Fonts/Mada/Mada-Bold.ttf)format("truetype");font-weight:700}body{background-color:var(--background-page)}.toast-region{z-index:3;box-sizing:border-box;pointer-events:none;justify-content:center;padding:0 16px;display:flex;position:fixed;bottom:24px;left:0;right:0}.toast{box-sizing:border-box;background-color:var(--text-primary);max-width:100%;color:var(--background-surface);pointer-events:auto;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;font-family:Mada;font-size:15px;display:flex}.toast-icon{color:var(--feedback-error-inverse);flex-shrink:0;line-height:0}.toast-icon-success{color:var(--feedback-success-inverse)}.toast-message{overflow-wrap:anywhere;flex:auto;min-width:0;margin:0}.toast-close{color:var(--background-surface);background-color:#0000;border:none;flex-shrink:0;padding:0;line-height:0}.toast-close:hover{cursor:pointer;opacity:.5}.toast-close:focus-visible{outline:2px solid var(--background-surface);outline-offset:2px}@media (width<=599px){.toast-region{bottom:calc(var(--tab-bar-height) + 8px)}.toast{width:100%}}.crash-view{box-sizing:border-box;background-color:var(--background-page);width:100%;min-height:100vh;color:var(--text-primary);flex-direction:column;justify-content:center;align-items:center;font-family:Mada;display:flex;position:relative}.crash-view-logo-row{max-width:1920px;height:var(--header-height);box-sizing:border-box;align-items:center;margin:0 auto;padding:0 40px;display:flex;position:absolute;top:0;left:0;right:0}.crash-view-content{width:100%;padding:var(--header-height) 16px;box-sizing:border-box;text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.crash-view-icon{width:56px;height:56px;color:var(--feedback-error);margin-bottom:16px}.crash-view-icon svg{width:100%;height:100%}.crash-view-heading{overflow-wrap:anywhere;margin:0;font-size:26px;font-weight:400}.crash-view-description{overflow-wrap:anywhere;margin:0;font-size:15px}.crash-view-actions{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:24px;display:flex}@media (width>=600px) and (width<=1279px){.crash-view-logo-row{padding:0 24px}}@media (width<=599px){.crash-view-logo-row{padding:0 16px}.crash-view-logo-row .logo{font-size:22px}}
