.web-root .web-notifications-page,.web-root .web-search-page,.web-root .web-settings{min-height:100%;padding:16px 18px 18px;display:flex;flex-direction:column;gap:12px}.web-root .web-search-page>.web-section-heading,.web-root .web-settings>.web-section-heading{margin:0;flex-shrink:0}.web-root .web-search-page>.web-section-heading p,.web-root .web-settings>.web-section-heading p{font-size:13.333px}.web-root .web-search-controls{padding:16px 16px 14px;margin:0}.web-root .web-search-query-row{display:flex;gap:10px;margin-bottom:12px}.web-root .web-search-query-row .web-search{flex:1;min-width:0;min-height:46px;margin:0;padding:0 15px;border-radius:14px}.web-root .web-search-query-row .web-search input{width:100%;padding:0}.web-root .web-search-query-row>.web-button{min-width:104px;min-height:46px;padding:0 20px;border-radius:14px}.web-root .web-search-filters{align-items:center;gap:8px;padding:8px 10px}.web-root .web-search-filters label{min-width:0}.web-root .web-search-filters select{min-height:40px;max-width:100%;background:var(--web-raised);padding:6px 10px;color:var(--web-text)}.web-root .web-search-filters label:first-child select{min-width:118px}.web-root .web-search-filters label:nth-child(2) select{min-width:154px}.web-root .web-search-filters label:nth-child(3) select{min-width:138px}.web-root .web-search-filters .web-checkbox{gap:7px;padding:7px 10px;border:1px solid var(--web-soft-line);border-radius:11px;background:var(--web-raised);min-height:40px;white-space:nowrap}.web-root .web-search-filters .web-checkbox:has(:checked){color:var(--web-text);background:var(--web-soft);border-color:color-mix(in srgb,var(--web-accent) 40%,transparent)}.web-root .web-search-results-card{flex:1;min-width:0;padding:10px;border:1px solid var(--web-soft-line);border-radius:18px;background:color-mix(in srgb,var(--web-raised) 93%,transparent)}.web-root .web-search-results-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 4px 8px}.web-root .web-search-results-heading h2{font-size:15.333px;font-weight:700}.web-root .web-search-results-heading>span{font-size:12px;text-align:right}.web-root .web-search-results{padding:0;margin:0;border:0;border-radius:0;background:transparent}.web-root .web-search-person,.web-root .web-search-post{display:flex;align-items:center;gap:12px;min-height:96px;width:calc(100% - 4px);margin:5px 2px;padding:12px 16px;border:1px solid color-mix(in srgb,var(--web-line) 28%,transparent);border-radius:14px;background:color-mix(in srgb,var(--web-input) 57%,transparent)}.web-root .web-search-person:hover,.web-root .web-search-post:hover{background:color-mix(in srgb,var(--web-hover) 92%,transparent);border-color:color-mix(in srgb,var(--web-accent) 39%,transparent)}.web-root .web-search-person .web-avatar,.web-root .web-search-post .web-avatar{width:46px;height:46px;flex-basis:46px}.web-root .web-search-person .web-person-link,.web-root .web-search-post .web-person-link{padding:0;align-self:stretch}.web-root .web-search-person .web-person-link>span:not(.web-avatar),.web-root .web-search-post .web-person-link>span:not(.web-avatar){display:flex;flex-direction:column;gap:4px}.web-root .web-search-person strong,.web-root .web-search-post strong{font-size:14.4px;font-weight:700;min-width:0}.web-root .web-search-person .web-person-link small{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.web-root .web-search-person-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.web-root .web-search-person-heading strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.web-root .web-search-person-heading .web-search-presence{flex-shrink:0;font-size:11.333px;font-weight:600}.web-root .web-search-presence[data-online=true]{color:#35c759}.web-root .web-search-person small.web-search-person-stats{font-size:11.333px}.web-root .web-search-person>.web-icon-button{margin-left:-4px}.web-root .web-search-post[data-has-media=true]{min-height:128px}.web-root .web-search-post-link{min-width:0}.web-root .web-search-post-text{font-size:12.667px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--web-text)}.web-root .web-search-post-media{flex:0 0 168px;width:168px;height:100px;overflow:hidden;border:1px solid var(--web-soft-line);border-radius:14px}.web-root .web-search-post-media .web-feed-media{width:100%;height:100%;min-height:0;margin:0}.web-root .web-search-post-media .web-feed-image,.web-root .web-search-post-media .web-media-load{min-height:0;width:100%;height:100%;border:0;border-radius:0;margin:0;padding:0}.web-root .web-search-post-media .web-feed-media img,.web-root .web-search-post-media .web-feed-media video{width:100%;height:100%;max-height:100px;-o-object-fit:cover;object-fit:cover;border-radius:0}.web-root .web-search-post-media .web-media-load>small,.web-root .web-search-post-media .web-media-load>span{display:none}.web-root .web-search-results-card .web-search-suggestions{margin:12px 4px}.web-root .web-search-results-card .web-load-more{display:flex;min-width:140px;margin:12px auto 0}.web-root .web-profile{padding:0}.web-root .web-profile-back{margin:10px 16px}.web-root .web-profile-card{margin:0;border:0;border-radius:0;overflow:visible;background:transparent}.web-root .web-profile-hero{min-height:190px;padding:14px 18px;border-radius:18px;overflow:hidden;flex-direction:column;align-items:stretch;justify-content:space-between;gap:14px}.web-root .web-profile-banner-image{position:absolute;inset:0;z-index:-2}.web-root .web-profile-scrim{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent,rgba(0,0,0,.1) 55%,rgba(0,0,0,.55));pointer-events:none}.web-root .web-profile-brand{display:flex;align-items:center;align-self:flex-end;gap:9px;padding:7px 14px 7px 12px;border:1px solid #ffffff2e;border-radius:16px;background:rgba(10,12,20,.34);box-shadow:0 2px 26px #0009;font-size:14.667px;font-weight:800;letter-spacing:.5px}.web-root .web-profile-brand img{width:26px;height:26px;-o-object-fit:contain;object-fit:contain}.web-root .web-profile-identity{align-items:flex-end;gap:14px;flex:0 0 auto;width:100%}.web-root .web-profile-identity>.web-avatar{width:96px;height:96px;flex-basis:96px;border:0}.web-root .web-profile-identity h1{font-size:22.667px}.web-root .web-profile-tag{font-size:12px;font-weight:600;overflow-wrap:anywhere}.web-root .web-profile-meta{gap:8px;margin-top:4px}.web-root .web-profile-presence{font-weight:600}.web-root .web-profile-presence:before{content:none}.web-root .web-profile-body{display:flex;flex-direction:column;gap:14px;padding:16px}.web-root .web-profile-actions{display:flex;flex-wrap:nowrap;gap:9px;margin:0}.web-root .web-profile-actions>button{flex:1;min-width:0;min-height:42px;padding:9px 18px}.web-root .web-profile-actions+.web-profile-stats{margin-top:-7px}.web-root .web-profile-stats{text-align:center;font-size:12px;margin:0}.web-root .web-profile-block{padding:14px 16px;margin:0;background:var(--web-raised)}.web-root .web-profile-bio{color:var(--web-muted)}.web-root .web-profile-xp{position:relative;width:100%;height:18px;margin:10px 0}.web-root .web-profile-xp progress{display:block;width:100%;height:18px;margin:0;border:1px solid var(--web-line);border-radius:8px;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--web-input)}.web-root .web-profile-xp progress::-webkit-progress-bar{border-radius:7px;background:var(--web-input)}.web-root .web-profile-xp progress::-webkit-progress-value{border-radius:7px;background:var(--web-xp-gradient,var(--web-accent))}.web-root .web-profile-xp progress::-moz-progress-bar{border-radius:7px;background:var(--web-xp-gradient,var(--web-accent))}.web-root .web-profile-xp>span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:12px;line-height:1}.web-root .web-profile-block .web-section-heading h2{margin:0}.web-root .web-profile-block .web-section-heading .web-text-button{padding:0;color:var(--web-text);font-weight:700}.web-root .web-achievement-list{display:flex;flex-direction:column;gap:10px}.web-root .web-achievement{position:relative;display:flex;flex-direction:row;align-items:flex-start;gap:12px;padding:10px 12px}.web-root .web-achievement-icon{display:flex;align-items:center;justify-content:center;flex:0 0 52px;width:52px;height:52px;border:1px solid var(--web-line);border-radius:12px;background:var(--web-raised);font-size:21.333px;overflow:hidden}.web-root .web-achievement-icon img{width:42px;height:42px;-o-object-fit:contain;object-fit:contain}.web-root .web-achievement>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;overflow-wrap:anywhere}.web-root .web-achievement strong{font-size:13.333px;font-weight:700}.web-root .web-achievement p{font-size:13.333px}.web-root .web-achievement-state{flex-shrink:0;color:var(--web-accent);font-weight:800;font-size:13.333px}.web-root .web-achievement-locked{opacity:1}.web-root .web-achievement-locked:after{content:"";position:absolute;inset:0;border-radius:inherit;background:rgba(20,20,20,.49);pointer-events:none}.web-root .web-achievements-dialog{width:min(560px,calc(100vw - 32px));height:min(640px,calc(100dvh - 32px));max-width:none;max-height:none;margin:auto;padding:16px;border:1px solid var(--web-line);border-radius:16px;background:var(--web-bg);color:var(--web-text)}.web-root .web-achievements-dialog[open]{display:flex;flex-direction:column;gap:12px}.web-root .web-achievements-dialog::backdrop{background:#0009}.web-root .web-achievements-dialog h2{margin:0;font-size:14.667px}.web-root .web-achievements-dialog .web-achievement-list{flex:1;min-height:0;overflow:auto}.web-root .web-achievements-dialog>.web-button{align-self:flex-end}.web-root .web-profile-editor>label{display:grid;grid-template-columns:180px minmax(0,1fr);align-items:center;-moz-column-gap:10px;column-gap:10px}.web-root .web-profile-editor>label small{grid-column:2}.web-root .web-profile-editor>label textarea{height:84px;min-height:84px}.web-root .web-profile-image-fields{flex-direction:row;flex-wrap:wrap;gap:8px}.web-root .web-settings-desktop{display:flex;flex-direction:column;flex:1;padding:9px;margin:0;border:0;border-radius:0;background:transparent}.web-root .web-settings-tabs{flex-shrink:0;min-height:0;gap:6px;padding:0 0 4px;border:0;border-radius:0;background:transparent;backdrop-filter:none}.web-root .web-settings-tabs>button{min-height:36px;padding:8px 12px;border:1px solid var(--web-line);border-radius:11px;background:var(--web-input);color:var(--web-text);font-size:13.333px;font-weight:400}.web-root .web-settings-tabs>button.active,.web-root .web-settings-tabs>button[aria-selected=true]{border:1px solid var(--web-line);background:var(--web-panel);font-weight:700}.web-root .web-settings-panel{flex:1;min-height:320px;padding:12px;border:1px solid var(--web-line);border-radius:14px;background:var(--web-panel)}.web-root .web-settings-about{padding:0;gap:8px}.web-root .web-settings-about h2{margin:0;font-size:13.333px}.web-root .web-settings-description{margin-top:8px;overflow-wrap:anywhere}.web-root .web-settings-mobile-account{display:none}.web-root .web-settings-desktop>.web-settings-actions{flex-shrink:0;margin-top:9px;gap:6px}.web-root .web-settings-panel .web-form{gap:10px}.web-root .web-device-group{margin:0;padding:12px}.web-root .web-device-group .web-settings-actions{margin:0;flex-wrap:nowrap}.web-root .web-device-group .web-settings-actions>button{flex:1;min-width:0}.web-root .web-device-level{width:100%;height:18px;accent-color:var(--web-accent)}.web-root .web-notifications-page>.web-settings-card{flex:1;display:flex;flex-direction:column;gap:12px;padding:16px;margin:0;border-radius:16px}.web-root .web-notifications{flex:1;border:0;border-radius:0;background:transparent}.web-root .web-notification{align-items:center;gap:12px;width:calc(100% - 4px);padding:12px;margin:6px 2px;border:1px solid var(--web-soft-line);border-radius:13px;background:var(--web-raised)}.web-root .web-notification:last-child{border:1px solid var(--web-soft-line)}.web-root .web-notification.unread{border-color:color-mix(in srgb,var(--web-accent) 40%,transparent);background:var(--web-soft)}.web-root .web-notification>span:last-child{min-width:0;overflow-wrap:anywhere}.web-root .web-notification-symbol{width:40px;height:40px;border:1px solid var(--web-soft-line);border-radius:11px;background:var(--web-input)}.web-root .web-notification strong{font-size:13.333px}.web-root .web-notification p,.web-root .web-notification small{font-size:12px}.web-root .web-notifications-page .web-settings-actions{margin:0}@media (max-width:700px){.web-root .web-notifications-page,.web-root .web-search-page,.web-root .web-settings{padding:10px}.web-root .web-notifications-page>:not(.web-section-heading),.web-root .web-search-page>:not(.web-section-heading),.web-root .web-settings>:not(.web-section-heading){margin-left:0;margin-right:0}.web-root .web-search-controls{padding:12px}.web-root .web-search-query-row{gap:8px}.web-root .web-search-query-row>.web-button{min-width:72px;padding:0 12px}.web-root .web-search-filters>label:not(.web-checkbox){flex:1 1 130px}.web-root .web-search-filters select{width:100%}.web-root .web-search-post{padding:12px;gap:10px}.web-root .web-search-post-media{flex-basis:100px;width:100px;height:90px}.web-root .web-search-post .web-avatar{display:none}.web-root .web-search-person{padding:10px;gap:6px}.web-root .web-search-person-heading{align-items:flex-start;flex-direction:column;gap:0}.web-root .web-search-person-heading strong{max-width:100%}.web-root .web-profile-hero{padding:14px 18px;min-height:190px}.web-root .web-profile-identity>.web-avatar{width:80px;height:80px;flex-basis:80px}.web-root .web-profile-body{padding:12px}.web-root .web-profile-block{padding:14px}.web-root .web-profile-editor>label{display:flex;flex-direction:column;align-items:stretch}.web-root .web-achievement{gap:9px;flex-wrap:wrap}.web-root .web-achievement-state{width:100%;text-align:right}.web-root .web-settings-desktop{padding:0}.web-root .web-device-group .web-settings-actions{flex-wrap:wrap}}@media (max-width:600px){.web-root .web-settings-mobile-account{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-top:12px}}.web-onboarding-gate{width:min(100%,680px);margin:0 auto;padding:42px 26px}.web-onboarding-intro{max-width:620px}.web-onboarding-intro h1{font-size:clamp(23px,3.5vw,32px);line-height:1.28;margin:0 0 15px;font-weight:700;text-wrap:pretty}.web-onboarding-intro>p:last-child,.web-onboarding-next p{color:var(--web-muted,#9ca3af);line-height:1.6;font-size:14px}.web-onboarding-steps{display:flex;justify-content:space-between;gap:7px;padding:0;margin:30px 0;list-style:none}.web-onboarding-steps li{flex:1;min-width:0;color:var(--web-muted,#9ca3af);font-size:11px;border-top:2px solid #818cf822;padding-top:12px}.web-onboarding-steps li span{display:grid;place-items:center;width:23px;height:23px;background:#818cf815;border-radius:50%;margin-bottom:6px}.web-onboarding-steps li b{font-weight:500}.web-onboarding-steps .is-current{border-color:#818cf8;color:#a5b4fc}.web-onboarding-steps .is-current span{background:#6366f1;color:white}.web-onboarding-steps .is-done{border-color:#4ade80;color:#4ade80}.web-onboarding-next{border:1px solid #818cf83d;background:linear-gradient(135deg,#818cf80d,transparent);border-radius:20px;padding:25px}.web-onboarding-next h2{font-size:19px;line-height:1.45;margin:0 0 12px;text-wrap:pretty}.web-onboarding-next p{margin:0 0 20px}.web-onboarding-guide .web-button,.web-onboarding-next .web-button{display:inline-flex;align-items:center;justify-content:center;gap:8px}.web-onboarding-first-post .web-publish{border:1px solid #818cf860;box-shadow:0 0 0 4px #818cf80a;border-radius:16px}.web-onboarding-first-post .web-publish-top>textarea{border-radius:10px}.web-onboarding-guide{position:fixed;z-index:68;bottom:25px;right:28px;display:flex;flex-direction:column;width:min(420px,calc(100vw - 40px));max-height:min(560px,calc(100dvh - 60px));background:linear-gradient(145deg,#818cf80d,transparent 60%),var(--web-panel,#171b23);color:var(--web-text,#e5e7eb);border:1px solid #818cf870;border-radius:20px;box-shadow:0 16px 48px #0005;padding:18px 20px}.web-onboarding-guide-heading{display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;gap:12px}.web-onboarding-guide-heading span{color:var(--web-accent,#a5b4fc);font-size:11px;font-weight:600}.web-onboarding-fold{display:grid;place-items:center;flex:0 0 auto;width:32px;height:32px;border:1px solid transparent;border-radius:9px;background:#818cf80d;color:var(--web-muted,#b2bac8);cursor:pointer}.web-onboarding-fold:hover{background:#818cf822;color:var(--web-text,#e5e7eb)}.web-onboarding-fold:focus-visible{outline:2px solid #a5b4fc;outline-offset:2px}.web-onboarding-progress{display:flex;flex:0 0 auto;gap:5px;margin:9px 0 16px}.web-onboarding-progress span{flex:1;height:3px;border-radius:5px;background:#818cf824}.web-onboarding-progress .is-current{background:#a5b4fc}.web-onboarding-progress .is-done{background:#818cf883}.web-onboarding-guide-body{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:1px 3px 1px 0}.web-onboarding-guide-title{display:block;font-size:17px;font-weight:600;line-height:1.45;text-wrap:pretty;overflow-wrap:anywhere}.web-onboarding-guide p{font-size:13px;line-height:1.6;color:var(--web-muted,#b2bac8);margin:10px 0 14px}.web-onboarding-guide-actions{display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid #818cf824;padding-top:10px;margin-top:2px}.web-onboarding-guide-actions .web-text-button{font-size:12px;min-height:36px;padding:8px 4px;border-radius:8px}.web-onboarding-guide-actions .web-text-button:hover{background:#818cf812}.web-onboarding-first-post .web-publish-top>textarea,.web-root .web-onboarding-target{outline:2px solid #a5b4fc!important;outline-offset:4px;box-shadow:0 0 0 5px #818cf81c;animation:web-onboarding-pulse 1.4s ease-in-out infinite;scroll-margin-block:24px}.web-onboarding-first-post .web-publish-top>textarea:focus,.web-root .web-onboarding-target:focus-within{animation:none;box-shadow:0 0 0 5px #818cf81c}@keyframes web-onboarding-pulse{0%,to{outline-offset:4px;box-shadow:0 0 0 4px #818cf833}50%{outline-offset:6px;box-shadow:0 0 0 11px #818cf808}}.web-onboarding-active .web-profile-editor{padding-bottom:calc(var(--web-onboarding-guide-height, 300px) + 36px)!important}.web-onboarding-active .web-scroll{scroll-padding-block:80px calc(var(--web-onboarding-guide-height, 300px) + 55px)}.web-onboarding-debug{margin-top:22px;padding:20px;border:1px solid var(--web-border,#ffffff18);border-radius:12px}.web-onboarding-debug h3{margin:0 0 8px;font-size:16px}.web-onboarding-debug p{margin:7px 0 15px;font-size:13px}.web-onboarding-debug-actions{display:flex;flex-wrap:wrap;gap:8px}.web-onboarding-preview{height:100dvh;display:flex;flex-direction:column;background:var(--web-bg,#171b23)}.web-onboarding-preview-bar{padding:14px 22px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--web-border,#ffffff18);flex-shrink:0}.web-onboarding-preview-bar span,.web-onboarding-preview-bar strong{display:block}.web-onboarding-preview-bar strong{font-size:14px}.web-onboarding-preview-bar span{color:var(--web-muted,#9ca3af);font-size:12px;margin-top:4px}.web-onboarding-preview-content{width:min(100%,760px);margin:0 auto;flex:1;min-height:0;overflow:auto}.web-onboarding-preview-debug{width:min(100%,760px);margin:0 auto;padding:0 15px}.web-onboarding-preview-debug .web-onboarding-debug{margin:12px 0}.web-onboarding-preview-success{margin:22px;color:#4ade80;font-size:15px}@media (max-width:600px){.web-onboarding-gate{padding:27px 18px 34px}.web-onboarding-steps{gap:5px;margin:24px 0}.web-onboarding-steps li{font-size:10px}.web-onboarding-next{padding:20px}.web-onboarding-guide{bottom:calc(74px + env(safe-area-inset-bottom, 0px));left:12px;right:12px;width:auto;max-height:min(440px,calc(100dvh - 140px));padding:12px 16px;border-radius:18px}.web-onboarding-guide-title{font-size:15px;line-height:1.45}.web-onboarding-guide p{margin:8px 0 12px;font-size:12px}.web-onboarding-progress{margin:7px 0 12px}.web-onboarding-active .web-scroll{scroll-padding-bottom:calc(var(--web-onboarding-guide-height, 300px) + 100px)}.web-onboarding-preview .web-onboarding-guide{bottom:12px}.web-onboarding-preview-bar{padding:12px}}@media (prefers-reduced-motion:reduce){.web-onboarding-first-post .web-publish-top>textarea,.web-root .web-onboarding-target{animation:none}}