:root{--surface:#fff;--surface-muted:#f0f0f0;--surface-highlight:#fbfaf7;--text:#565656;--text-strong:#000;--text-muted:#959595;--border:#e9e5de;--border-strong:#d5cec3;--accent:#02aab0;--accent-soft:#3da6bb;--accent-wash:#e6f7f8;--coral:#f5a391;--success:#70a87c;--success-soft:#e1f1e4;--avatar-ink:#fff9f0;--avatar-start:#00cdac;--avatar-end:#02aab0;--font-body:"SF Pro", "Trebuchet MS", sans-serif;--font-display:"Poppins", "Trebuchet MS", sans-serif;--radius-sm:.55rem;--radius-md:.9rem;font:16px/1.45 var(--font-body);color:var(--text);background:var(--surface);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{background:radial-gradient(circle at 78% 0%, #e6f7f8 0, transparent 24rem), var(--surface);min-width:320px;margin:0;overflow-x:clip}button,input{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}#root{min-height:100vh}.page-tools{color:var(--text-muted);justify-content:space-between;align-items:center;padding-top:1.15rem;font-size:.68rem;display:flex}.page-tools button{color:var(--accent);border:1px solid var(--accent-soft);border-radius:var(--radius-sm);background:var(--accent-wash);cursor:pointer;padding:.35rem .55rem;font-size:.68rem}html,body,#root{width:100%;max-width:100%;margin:0;overflow-x:clip}.auth-page{background:var(--surface);grid-template-columns:minmax(18rem,.8fr) minmax(24rem,1.2fr);min-height:100vh;display:grid;overflow-x:hidden}.auth-intro{color:var(--surface);background:linear-gradient(145deg, #007f85, var(--accent));flex-direction:column;min-width:0;padding:2.5rem clamp(2rem,6vw,6rem);display:flex}.auth-brand{width:fit-content;max-width:100%;color:inherit;font-family:var(--font-display);letter-spacing:-.05em;align-items:center;gap:.6rem;font-size:1.35rem;font-weight:800;text-decoration:none;display:inline-flex}.auth-brand-logo{object-fit:contain;width:2rem;height:2rem;color:var(--accent);background:var(--surface);border-radius:.65rem;flex-shrink:0;place-items:center;display:inline-grid}.auth-intro-copy{min-width:0;max-width:28rem;margin:auto 0}.auth-eyebrow{color:#ffffffb8;letter-spacing:.14em;text-transform:uppercase;font-size:.7rem;font-weight:800}.auth-intro h1{color:var(--surface);font-family:var(--font-display);letter-spacing:-.07em;word-break:break-word;margin:.7rem 0 1rem;font-size:clamp(2rem,5vw,4.8rem);line-height:1.02}.auth-intro-copy p{color:#fffc;max-width:24rem;font-size:.95rem;line-height:1.7}.auth-note{color:#ffffff9e;margin:0;font-size:.72rem}.auth-form-side{place-items:center;min-width:0;padding:3rem 2rem;display:grid}.auth-form-wrap{width:min(100%,27rem);min-width:0;max-width:100%}.auth-mobile-brand{display:none}.auth-card-heading{margin-bottom:2rem}.auth-card-heading h2{color:var(--text-strong);font-family:var(--font-display);letter-spacing:-.06em;margin:0 0 .5rem;font-size:2rem}.auth-card-heading p{color:var(--text-muted);margin:0;font-size:.84rem}.auth-form{gap:1rem;min-width:0;display:grid}.auth-submit{width:100%;min-height:3rem;color:var(--surface);background:var(--accent);cursor:pointer;border:0;justify-content:center;align-items:center;margin-top:.5rem;padding:0 1rem;font-size:18px;font-weight:500;transition:transform .16s,filter .16s;display:inline-flex}.auth-submit:hover{filter:brightness(.94);transform:translateY(-1px)}.auth-submit:disabled{cursor:wait;opacity:.65}.auth-secondary{width:100%;min-height:3rem;color:var(--text-strong);border:1px solid var(--border-strong);justify-content:center;align-items:center;font-size:.8rem;font-weight:700;text-decoration:none;display:inline-flex}.auth-inline{color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;font-size:.72rem;display:flex}.auth-inline a,.auth-footer a{color:var(--accent);font-weight:700;text-decoration:none}.terms-link{color:#000;font:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:0;text-decoration:underline}.terms-link:hover{text-decoration:underline}.fl-right{margin-left:auto}.auth-check{align-items:center;gap:.45rem;display:inline-flex}.auth-check input{accent-color:var(--accent)}.auth-divider{color:var(--text-muted);align-items:center;gap:.75rem;margin:1.2rem 0;font-size:.68rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);flex:1;height:1px}.auth-footer{color:var(--text-muted);text-align:center;margin-top:2rem;font-size:.75rem}.auth-footer p{margin:0}.auth-error{color:#b33d37;word-break:break-word;margin:-.2rem 0 0;font-size:.72rem}.auth-progress{gap:.35rem;margin-bottom:2rem;display:flex}.auth-progress span{background:var(--border);border-radius:1rem;flex:1;height:.22rem}.auth-progress span.is-current,.auth-progress span.is-complete{background:var(--accent)}.auth-step-label{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin-bottom:.55rem;font-size:.68rem;font-weight:800}.auth-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;display:grid}.auth-choice{min-width:0;min-height:3.1rem;color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;text-align:left;overflow-wrap:break-word;align-items:center;gap:.55rem;padding:.7rem;font-size:.75rem;display:flex}.auth-choice.is-selected{color:var(--accent);border-color:var(--accent);background:var(--accent-wash)}.auth-choice input{accent-color:var(--accent)}.auth-checkbox-row>span{font-size:.8rem}.auth-google-btn{width:100%;min-height:3rem;font-family:var(--font-body);color:var(--text-strong);background:var(--surface);border:1px solid var(--border-strong);cursor:pointer;justify-content:center;align-items:center;gap:.6rem;padding:0 1rem;font-size:.85rem;font-weight:700;transition:background .15s,border-color .15s;display:flex}.auth-google-btn:hover{background:var(--surface-muted)}.auth-google-btn:active{background:var(--surface-highlight)}.auth-business-link{text-align:center;color:var(--text-muted);margin-top:.85rem;font-size:.78rem}.auth-business-link a{color:var(--accent);font-weight:700;text-decoration:none}.auth-business-link a:hover{text-decoration:underline}.auth-success{color:#317846;border:1px solid var(--success-soft);border-radius:var(--radius-sm);background:var(--success-soft);word-break:break-word;padding:1rem;font-size:.8rem}.otp-input-wrapper{justify-content:center;gap:12px;margin-top:8px;display:flex}.otp-input{text-align:center;color:#222;background:0 0;border:none;border-bottom:2px solid #999;border-radius:0;outline:none;width:61px;height:48px;font-size:24px;font-weight:500}.otp-input:focus{border-bottom-color:#222}.account-details-card{width:100%}.account-details-form{gap:2.2rem;min-width:0;display:grid}.account-details-form .radio-group{width:100%;border:0!important;margin:0!important;padding:0!important;display:block!important}.account-details-form .radio-group legend{width:100%;color:var(--text);font-size:.8rem;font-weight:400;display:block;margin:0 0 .55rem!important;padding:0!important}.account-details-form .radio-group__options{justify-content:flex-start;align-items:center;width:100%;flex-direction:row!important;gap:2rem!important;margin:0!important;padding:0!important;display:flex!important}.account-details-form .radio{color:var(--text);justify-content:flex-start;align-items:center;font-size:.8rem;flex-direction:row!important;gap:.45rem!important;width:auto!important;margin:0!important;padding:0!important;display:inline-flex!important}.account-details-form .radio input{accent-color:var(--accent);flex-shrink:0;margin:0}.account-details-form .radio__dot{flex-shrink:0;margin:0}.account-details-form .radio__label{white-space:nowrap;margin:0;padding:0;font-size:.8rem}.account-details-form .field{margin:0}.account-details-submit{margin-top:.25rem}.account-terms{color:var(--text-muted);cursor:pointer;align-items:flex-start;gap:.55rem;font-size:.75rem;line-height:1.5;display:flex}.account-terms input{width:15px;height:15px;accent-color:var(--accent);flex-shrink:0;margin-top:2px}.practice-details-card{width:100%}.practice-details-form{gap:1.1rem;min-width:0;display:grid}.practice-details-form .field{margin:0}.practice-details-submit{margin-top:.8rem}@media (width<=480px){.otp-input-wrapper{gap:8px}.otp-input{width:38px;height:44px}}@media (width<=760px){.auth-page{display:block}.auth-intro{display:none}.auth-form-side{min-height:100vh;padding:2rem 1.2rem}.auth-mobile-brand{color:var(--text-strong);margin-bottom:3.5rem;display:block}.auth-mobile-brand .auth-brand-logo{color:var(--surface);background:var(--accent)}}@media (width<=400px){.auth-form-side{padding-inline:1rem}.auth-card-heading h2{font-size:1.75rem}.auth-choice-grid{grid-template-columns:1fr}.auth-inline{flex-direction:column;align-items:flex-start}.fl-right{margin-left:0}.business-option-text{color:var(--text-muted);text-align:center;margin:0 0 .85rem;font-size:.84rem;line-height:1.5}}.field{font-family:var(--font-body);flex-direction:column;gap:.35rem;display:flex}.field span{color:var(--text-strong);letter-spacing:0;font-size:.9rem;font-weight:400}.field input,.field select{font-family:var(--font-body);color:var(--text-strong);background:var(--surface);border:none;border-bottom:1px solid var(--border-strong);outline:none;width:100%;padding:.4rem 0;font-size:1rem;font-weight:400;transition:border-color .15s}.field input::placeholder{color:var(--text-muted);font-weight:400}.field input:focus,.field select:focus{border-bottom-color:var(--accent)}.field textarea{font-family:var(--font-body);color:var(--text-strong);background:var(--surface);border:none;border-bottom:1px solid var(--border-strong);resize:none;outline:none;width:100%;padding:.4rem 0;font-size:1rem;font-weight:400;transition:border-color .15s}.field input:read-only{color:var(--text-muted);cursor:default}.field input:disabled,.field select:disabled{color:var(--text-muted);cursor:not-allowed;opacity:.7}.field small{color:var(--text-muted);font-size:.75rem}.field--error input,.field--error select{border-bottom-color:#d64545}.field__error{color:#d64545}.field__input-wrap{align-items:center;display:flex;position:relative}.field__input-wrap input{padding-right:1.75rem}.field__toggle{color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.2rem;display:flex;position:absolute;right:0}.field__toggle:hover{color:var(--text)}.field__select-wrap{align-items:center;display:flex;position:relative}.field__select-wrap select{appearance:none;cursor:pointer;padding-right:1.5rem}.field__chevron{color:var(--text-muted);pointer-events:none;position:absolute;right:0}.radio-group{font-family:var(--font-body);border:none;flex-direction:column;gap:.5rem;margin:0;padding:0;display:flex}.radio-group legend{color:var(--text-strong);margin-bottom:.15rem;padding:0;font-size:.9rem;font-weight:400}.radio-group__options{flex-direction:column;gap:.6rem;display:flex}.radio{cursor:pointer;color:var(--text-strong);align-items:center;gap:.5rem;font-size:.95rem;display:flex}.radio input{opacity:0;width:0;height:0;position:absolute}.radio__dot{border:1.5px solid var(--border-strong);background:var(--surface);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:border-color .15s;display:inline-flex}.radio__dot:after{content:"";background:var(--accent);border-radius:50%;width:9px;height:9px;transition:transform .15s;transform:scale(0)}.radio input:checked+.radio__dot{border-color:var(--accent)}.radio input:checked+.radio__dot:after{transform:scale(1)}.radio input:focus-visible+.radio__dot{outline:2px solid var(--accent);outline-offset:2px}.radio__label{line-height:1.3}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(105deg, var(--surface-muted) 20%, var(--surface-highlight) 40%, var(--surface-muted) 60%);background-size:200% 100%;min-height:1rem;animation:1.5s ease-in-out infinite skeleton-shimmer;display:block}.skeleton-circle{border-radius:50%;width:2.75rem;height:2.75rem}@keyframes skeleton-shimmer{to{background-position:-200% 0}}.feed{padding-top:1rem}.feed-heading{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.65rem;display:flex}.feed-heading h1{color:var(--text-strong);font-family:var(--font-display);letter-spacing:-.06em;margin:.1rem 0 0;font-size:clamp(1.2rem,2.2vw,1.6rem);line-height:1}.feed-description{max-width:27rem;color:var(--text-muted);margin:.35rem 0 0;font-size:.7rem}.create-post-button{color:var(--surface);border:1px solid var(--accent);border-radius:var(--radius-sm);background:var(--accent);cursor:pointer;font:inherit;flex-shrink:0;padding:.55rem .75rem;font-size:.68rem;font-weight:600;transition:background .16s,transform .16s,box-shadow .16s;box-shadow:0 1px 2px #0000000f}.create-post-button:hover{background:var(--accent-soft);transform:translateY(-1px);box-shadow:0 4px 10px #00000014}.feed-filters{flex-wrap:wrap;gap:.5rem;margin-bottom:.9rem;display:flex}.feed-filter{color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;flex-shrink:0;align-items:center;gap:.35rem;padding:.4rem .6rem;font-size:.68rem;display:inline-flex}.feed-filter span,.feed-filter select{font-size:.68rem}.feed-filter span{color:var(--text-muted)}.feed-filter select{color:var(--text);cursor:pointer;font:inherit;background:0 0;border:0;outline:0;padding:0}.feed-filter select:focus-visible{outline-offset:2px}.feed-filter select option{color:var(--text)}.feed-filter>span:last-child{color:var(--accent);font-size:.9rem;line-height:.5}.posts-list{gap:.85rem;display:grid}.post{border:1px solid var(--border);border-radius:var(--radius-lg,1rem);background:var(--surface);grid-template-columns:2.5rem minmax(0,1fr) auto;column-gap:.6rem;padding:1rem 1.1rem .85rem;transition:box-shadow .2s,transform .2s,border-color .2s;animation:.42s both post-enter;display:grid;box-shadow:0 1px 2px #0f172a0a}.post:hover{border-color:var(--border-strong);transform:translateY(-1px);box-shadow:0 8px 20px #0f172a12}.post-top{display:contents}.post-top>:first-child{grid-column:1}.post-meta{grid-column:2;align-self:center;gap:.05rem;min-width:0;display:grid}.post-title{color:var(--text-strong);grid-column:1/-1;margin:.65rem 0 .25rem;font-size:1.15rem;font-weight:700;line-height:1.35}.pending-posts{color:#dc2626;font-size:.75rem;font-weight:600}.share-filter-row{align-items:center;gap:.5rem;width:100%;margin-bottom:.9rem;display:flex}.share-filter-row .feed-filters{flex:1;margin-bottom:0;display:flex}.share-more{flex-shrink:0;margin-left:auto}.share-more-wrapper{flex-shrink:0;margin-left:auto;position:relative}.share-menu{z-index:20;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);min-width:8rem;padding:.25rem;position:absolute;top:calc(100% + .25rem);right:0;box-shadow:0 4px 12px #0f172a1f}.share-menu button{width:100%;color:var(--text);border-radius:var(--radius-sm);cursor:pointer;text-align:left;font:inherit;background:0 0;border:0;padding:.5rem .65rem;font-size:.72rem}.share-menu button:hover{background:var(--accent-wash);color:var(--accent)}.post-meta strong{color:#1f2937;font-size:.8rem;font-weight:700}.post-meta span{color:#6b7280;font-size:.68rem}.post-meta i{color:var(--border-strong);font-style:normal}.post-more{grid-column:3;align-self:start}.post-body{max-width:47rem;color:var(--text);grid-column:1/-1;margin:.65rem 0;font-size:.85rem;line-height:1.55}.post-image{border:1px solid var(--border);border-radius:var(--radius-sm);object-fit:cover;grid-column:1/-1;width:100%;max-height:20rem;margin-top:.7rem;margin-bottom:.7rem;display:block}.post-actions{border-top:1px solid var(--border);color:var(--text-muted);grid-column:1/-1;align-items:center;gap:.1rem;padding-top:.55rem;font-size:.65rem;display:flex}.post-actions .icon-button{width:1.75rem;height:1.75rem}.post-actions .icon-button:hover{color:var(--accent);background:var(--accent-wash)}.action-spacer{flex:1}.loading-post{border:1px solid var(--border);border-radius:var(--radius-lg,1rem);background:var(--surface);grid-template-columns:2.5rem minmax(0,1fr);gap:.65rem .6rem;padding:1rem 1.1rem 1.1rem;display:grid}.loading-post .post-top{display:contents}.post-avatar-skeleton{border-radius:50%;grid-column:1;width:2.5rem;height:2.5rem}.post-line{width:5rem;height:.55rem}.post-line.short{width:3.25rem}.body-line{grid-column:2/-1;width:85%;height:.65rem}.body-line.medium{width:55%}.post-image-skeleton{border-radius:var(--radius-sm);grid-column:1/-1;width:100%;height:12rem}.view-more-button{color:var(--accent);cursor:pointer;font:inherit;background:0 0;border:0;padding:0;font-size:.8rem;font-weight:700;display:inline}.view-more-button:hover{text-decoration:underline}.post-comments{border-top:1px solid var(--border);grid-column:1/-1;margin-top:.65rem;padding-top:.65rem}.post-comments-empty{color:var(--text-muted);margin:0;font-size:.72rem}.post .non-judgemental-category{box-sizing:border-box;color:#fff;text-align:center;border-radius:0;padding:.4rem 1rem;font-size:18px;font-weight:600;grid-column:1/-1!important;width:calc(100% + 2.5rem)!important;margin:-1.15rem -1.25rem 1rem!important}@keyframes post-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=600px){.feed-heading{align-items:flex-start;gap:.6rem}.feed-heading h1{font-size:clamp(1.15rem,6vw,1.45rem)}.feed-description{font-size:.75rem}.create-post-button{padding:.5rem .6rem;font-size:.72rem}.feed-filters{gap:.35rem;margin-bottom:.7rem}.feed-filter{flex:9rem;min-width:0;padding:.45rem .5rem;font-size:.72rem}.feed-filter span,.feed-filter select{font-size:.72rem}.posts-list{gap:.65rem}.post{border-radius:var(--radius-md,.75rem);grid-template-columns:2rem minmax(0,1fr) auto;column-gap:.5rem;padding:.85rem .85rem .7rem}.post-image{max-height:13rem}.post-body{font-size:.8rem}.post-actions{font-size:.7rem}.loading-post{grid-template-columns:2rem minmax(0,1fr);padding:.85rem .85rem .95rem}.post-avatar-skeleton{width:2rem;height:2rem}.post .non-judgemental-category{grid-column:1/-1!important;width:calc(100% + 1.7rem)!important;margin:-.85rem -.85rem 1rem!important}}@media (width>=900px){.posts-list{gap:1rem}.post{padding:1.15rem 1.25rem 1rem}}.loading-more{justify-content:center;align-items:center;padding:20px 0;display:flex}.loading-spinner{border:3px solid #0096c733;border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite loading-spin}@keyframes loading-spin{to{transform:rotate(360deg)}}.feed-details-heading{align-items:center;gap:12px;display:flex}.details-back-button{color:var(--accent);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:8px;display:flex}.details-post{overflow:hidden}.details-post-image{object-fit:cover;width:100%;max-height:520px;display:block}.details-post-content{padding:20px}.details-post-content .post-body{white-space:pre-wrap;overflow-wrap:anywhere;margin:12px 0 0}.details-category-tag{color:var(--accent);background:#eaf8f8;border:1px solid #b7e3e3;border-radius:6px;padding:5px 10px;font-size:.85rem;display:inline-block}.details-post-actions{align-items:center;gap:12px;padding:12px 20px;display:flex}.details-action-button{color:var(--accent);background:0 0;border:none;align-items:center;gap:8px;font-size:15px;display:inline-flex}button.details-action-button{cursor:pointer}.details-comments-section{margin-top:16px}.details-comments-title{color:var(--accent);border-bottom:1px solid #e5e5e5;margin:0;padding:16px 20px;font-size:17px;font-weight:500}.details-comments-list{flex-direction:column;gap:12px;padding:16px 12px;display:flex}.details-comment-card{background:#fff;border:1px solid #dedede;border-radius:8px;padding:12px;box-shadow:0 1px 3px #00000014}.details-comment-content p{overflow-wrap:anywhere;white-space:pre-wrap;margin:8px 0 0;font-size:14px}.details-comment-menu{cursor:pointer;background:0 0;border:none;font-size:23px}.details-comment-footer{color:#777;justify-content:flex-end;align-items:center;gap:18px;margin-top:8px;font-size:12px;display:flex}.details-comment-action.is-liked{font-weight:600}.details-comment-composer{z-index:5;background:#fff;border-top:1px solid #e3e3e3;align-items:center;gap:12px;padding:12px;display:flex;position:sticky;bottom:0;box-shadow:0 -2px 8px #0000000d}.details-comment-composer input{background:0 0;border:none;outline:none;flex:1;min-width:0;padding:10px 0;font-size:14px}.details-comment-send{color:var(--accent);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:6px;display:flex}.details-comment-send:disabled{opacity:.45;cursor:not-allowed}@media (width<=600px){.feed-details-page{padding-bottom:72px}.details-post-image{max-height:420px}.details-post-content{padding:16px}.details-comments-list{padding:12px 8px}.details-comment-composer{gap:8px}}.details-image-carousel{background:#f3f3f3;width:100%;position:relative;overflow:hidden}.details-carousel-image{object-fit:contain;width:100%;height:auto;max-height:600px;margin:0 auto;display:block}.details-carousel-arrow{color:#fff;cursor:pointer;z-index:2;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.details-carousel-prev{left:12px}.details-carousel-next{right:12px}.details-carousel-counter{color:#fff;background:#0000008c;border-radius:20px;padding:5px 10px;font-size:12px;position:absolute;top:12px;right:12px}.details-carousel-dots{justify-content:center;gap:7px;display:flex;position:absolute;bottom:12px;left:0;right:0}.details-carousel-dot{cursor:pointer;background:#fff9;border:none;border-radius:50%;width:8px;height:8px;padding:0}.details-carousel-dot.active{background:var(--accent);transform:scale(1.2)}@media (width<=600px){.details-carousel-image{max-height:450px}}.feed-details-page .post{display:block;overflow:hidden}.feed-details-page .post-top{align-items:center;gap:.6rem;padding:0;display:flex}.feed-details-page .post-top>:first-child{flex-shrink:0}.feed-details-page .post-meta{grid-column:auto;gap:.05rem;min-width:0;display:grid}.feed-details-page .details-image-carousel{width:100%;margin-top:.9rem;display:block}.feed-details-page .details-post-content{padding:20px;display:block}.feed-details-page .details-post-actions{display:flex}.details-comments-section{margin-top:20px;padding:0 20px 30px}.details-comments-title{margin:0 0 16px;font-size:18px;font-weight:600}.details-comments-list{flex-direction:column;gap:14px;display:flex}.details-comment-card{background:#fff;border:1px solid #e5e5e5;border-radius:10px;padding:14px}.details-comment-main{align-items:flex-start;gap:10px;display:flex}.details-comment-content{flex:1;min-width:0}.details-comment-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.details-comment-header strong{font-size:14px;font-weight:600}.details-comment-menu{cursor:pointer;background:0 0;border:0;padding:0 4px;font-size:20px;line-height:1}.details-comment-content p{color:#333;white-space:pre-wrap;overflow-wrap:anywhere;margin:7px 0 0;font-size:14px;line-height:1.5}.details-comment-footer{align-items:center;gap:14px;margin-top:10px;margin-left:42px;display:flex}.details-comment-action:hover,.details-comment-action.is-liked{color:var(--accent)}.details-comment-time{color:#888;margin-left:auto;font-size:12px}.details-replies{border-left:2px solid #e5e5e5;margin-top:12px;margin-left:48px;padding-left:14px}.details-reply-card{background:#fafafa;border:1px solid #e5e5e5;border-radius:8px;margin-top:10px;padding:10px}.details-reply-card:first-child{margin-top:0}.details-reply-card .details-comment-content p{font-size:13px}.details-reply-card .details-comment-footer{margin-top:7px}.details-no-comments{text-align:center;color:#888;padding:20px;font-size:.85rem}.details-comments-load-more{justify-content:center;padding:18px 0 5px;display:flex}.details-load-more-button{color:#555;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-width:150px;padding:9px 16px;font-size:13px;display:inline-flex}.details-load-more-button:hover{border-color:var(--accent);color:var(--accent)}.details-load-more-button:disabled{cursor:not-allowed;opacity:.7}.details-small-spinner{border:2px solid #0096c733;border-top-color:var(--accent);border-radius:50%;width:14px;height:14px;animation:.8s linear infinite loading-spin}@media (width<=600px){.details-comments-section{padding-left:12px;padding-right:12px}.details-comment-card{padding:11px}.details-comment-footer{gap:10px;margin-left:38px}.details-replies{margin-left:28px;padding-left:10px}.details-reply-card{padding:8px}}.details-comment-reply-button{width:30px;height:30px;color:var(--accent);cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:background-color .2s,color .2s;display:inline-flex}.details-comment-reply-button:hover{color:var(--accent);background:#0096c71a}.details-comment-reply-button svg{stroke-width:2px}.details-reply-cancel{color:var(--accent);cursor:pointer;margin-left:8px;font-weight:500}.details-reply-cancel:hover{text-decoration:underline}.details-comment-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.details-comment-action{width:36px;height:36px;color:var(--accent);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:flex}.details-comment-action:hover,.details-comment-send:hover{opacity:.75}.details-incognito-icon{object-fit:contain;width:22px;height:22px;display:block}.non-judgemental-truth-actions{align-items:center;gap:12px;margin:.75rem 0;display:flex}.truth-button,.false-button{cursor:pointer;background:0 0;border-radius:5px;min-width:120px;min-height:38px;padding:6px 10px;font-size:14px;font-weight:400}.truth-button{color:#34a853;border:1px solid #34a853}.false-button{color:#ef5350;border:1px solid #ef5350}.truth-button span,.false-button span{margin-right:5px;font-size:18px}.truth-button-active{color:#fff;background:#34a853}.false-button-active{color:#fff;background:#ef5350}.post-category-banner{box-sizing:border-box;background:var(--accent);color:#fff;text-align:center;border-radius:var(--radius-lg,1rem) var(--radius-lg,1rem) 0 0;grid-column:1/-1;width:calc(100% + 2.5rem);margin:-1.15rem -1.25rem 1rem;padding:6px 4px;font-size:15px;font-weight:400}.avatar{color:var(--avatar-ink);background:linear-gradient(135deg, var(--avatar-start), var(--avatar-end));font-family:var(--font-display);letter-spacing:.04em;border-radius:50%;flex:none;place-items:center;font-size:.72rem;font-weight:800;display:inline-grid;position:relative;overflow:hidden}.avatar-sm{width:2rem;height:2rem}.avatar-md{width:2.75rem;height:2.75rem}.avatar-lg{border:3px solid var(--surface);outline:2px solid var(--accent);width:4.25rem;height:4.25rem}.avatar-status{border:2px solid var(--surface);background:var(--success);border-radius:50%;width:.62rem;height:.62rem;position:absolute;bottom:0;right:0}.avatar-image{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}@media (width<=600px){.avatar-sm{width:1.75rem;height:1.75rem}.avatar-md{width:2.25rem;height:2.25rem}.avatar-lg{width:3.5rem;height:3.5rem}.avatar-image{object-fit:cover;width:100%;height:100%}}.icon-button{width:2.25rem;height:2.25rem;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;transition:color .16s,background .16s,transform .16s;display:inline-grid}.icon-button:hover{color:var(--text-strong);background:var(--surface-muted)}.icon-button:active{transform:scale(.94)}.icon-button.is-active{color:var(--accent)}.icon-button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.create-post-form{grid-column:1/-1;width:100%;max-width:27rem;margin:0 auto}.create-post-header{justify-content:center;align-items:center;margin-bottom:3rem;display:flex;position:relative}.create-post-header h2{color:var(--text-strong);font-family:var(--font-display);margin:0;font-size:1.35rem;font-weight:600}.create-post-close{width:1.5rem;height:1.5rem;color:var(--accent);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;left:0}.create-post-title-field{margin-bottom:1.5rem;position:relative}.create-post-title-dot{border-radius:50%;width:.6rem;height:.6rem;position:absolute;top:0;left:0;transform:translateY(-.45rem)}.field .create-post-category-label,.field .create-post-category-select{color:var(--text-muted);font-weight:400}.create-post-title-dot--case{background:var(--accent)}.create-post-title-dot--concern{background:#f52323}.create-post-type-row{justify-content:flex-start;align-items:center;gap:2rem;margin-bottom:.8rem;display:flex}.create-post-image{margin-bottom:1rem}.create-post-image label{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;background:#d9d9d9;justify-content:center;align-items:center;width:100%;height:10rem;display:flex;overflow:hidden}.create-post-image label span{color:#fff;text-align:center;font-size:.8rem;font-weight:600}.create-post-image img{object-fit:cover;width:100%;height:100%}.create-post-image-list{flex-wrap:wrap;gap:.5rem;margin-top:-1rem;margin-bottom:1.5rem;display:flex}.create-post-image-item{width:7rem;height:4rem;position:relative}.create-post-image-item img{object-fit:cover;border-radius:var(--radius-sm);width:100%;height:100%}.create-post-image-item button{color:#fff;cursor:pointer;background:#0f172ab3;border:0;border-radius:50%;width:1.3rem;height:1.3rem;padding:0;position:absolute;top:.2rem;right:.2rem}.create-post-switch-row{justify-content:space-between;align-items:center;margin:.4rem 0 1rem;display:flex}.create-post-switch-row span{color:var(--text);font-size:.8rem}.create-post-switch-row input[type=checkbox]{appearance:none;background:var(--border-strong);cursor:pointer;border:0;border-radius:999px;width:2.4rem;height:1.4rem;margin:0;transition:background .15s;position:relative}.create-post-switch-row input[type=checkbox]:after{content:"";background:#fff;border-radius:50%;width:1.1rem;height:1.1rem;transition:transform .15s;position:absolute;top:.15rem;left:.15rem}.create-post-switch-row input[type=checkbox]:checked{background:var(--accent)}.create-post-switch-row input[type=checkbox]:checked:after{transform:translate(1rem)}.create-post-audience-button{background:var(--accent);width:5rem;height:2rem;color:var(--surface);cursor:pointer;font:inherit;border:0;padding:0;font-size:.72rem}.create-post-audience-row{justify-content:space-between;align-items:center;margin:.4rem 0 1rem;display:flex}.create-post-audience-row>span{color:var(--text);font-size:.8rem}.create-post-tag-wrapper{position:relative}.create-post-tag-results{z-index:20;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);max-height:10rem;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #0f172a1f}.create-post-tag-results button{width:100%;color:var(--text);cursor:pointer;text-align:left;font:inherit;background:0 0;border:0;padding:.5rem .65rem;font-size:.72rem;display:block}.create-post-tag-results button:hover{background:var(--accent-wash)}.create-post-actions{margin-top:1.2rem}.create-post-actions button{background:var(--accent);width:50%;min-height:2.7rem;color:var(--surface);cursor:pointer;font:inherit;border:0;margin:0 auto;font-size:.85rem;font-weight:600;display:block}.create-post-actions button:disabled{opacity:.6;cursor:wait}.share-audience-overlay{z-index:100;background:#0f172a73;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.share-audience-dialog{border:1px solid var(--border);border-radius:var(--radius-lg,1rem);background:var(--surface);width:100%;max-width:32rem;max-height:90vh;overflow:hidden;box-shadow:0 12px 40px #0f172a2e}.share-audience-header{justify-content:space-between;align-items:center;padding:1rem 1.1rem;display:flex}.share-audience-header h2{color:var(--text-strong);margin:0;font-size:1rem;font-weight:600}.share-audience-header button{width:2rem;height:2rem;color:var(--text-strong);cursor:pointer;background:0 0;border:0;padding:0;font-size:1.25rem}.share-audience-divider{background:var(--border);height:1px}.share-audience-select-all{padding:.75rem 1.1rem}.share-audience-select-all button{border-radius:var(--radius-sm);background:var(--accent);color:var(--surface);cursor:pointer;font:inherit;border:0;padding:.4rem .7rem;font-size:.72rem}.share-audience-loading{color:var(--text-muted);text-align:center;padding:1.5rem;font-size:.8rem}.share-audience-content{max-height:55vh;padding:0 1.1rem 1rem;overflow-y:auto}.share-audience-content h3{color:var(--text-strong);margin:.75rem 0 .5rem;font-size:.8rem;font-weight:600}.audience-tags{flex-wrap:wrap;gap:.45rem;display:flex}.audience-tag{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;font:inherit;border-radius:999px;padding:.4rem .65rem;font-size:.7rem}.audience-tag:hover{border-color:var(--accent)}.audience-tag.selected{border-color:var(--accent);background:var(--accent);color:var(--surface)}.share-audience-footer{border-top:1px solid var(--border);justify-content:flex-end;padding:.8rem 1.1rem;display:flex}.share-audience-footer button{border-radius:var(--radius-sm);background:var(--accent);min-width:5rem;color:var(--surface);cursor:pointer;font:inherit;border:0;padding:.45rem .8rem;font-size:.72rem;font-weight:600}.create-post-form>.field{margin-bottom:1.5rem}.field textarea{width:100%;font-family:var(--font-body);color:var(--text-strong);background:var(--surface);border:none;border-bottom:1px solid var(--border-strong);resize:none;outline:none;padding:.4rem 0;font-size:1rem;font-weight:400}.field textarea::placeholder{color:var(--text-muted);font-weight:400}.field textarea:focus{border-bottom-color:var(--accent)}.create-post-image{margin-top:2rem;margin-bottom:2rem}@media (width<=600px){.create-post-form{max-width:100%}.create-post-type-row{gap:1.5rem}.create-post-image label{height:9rem}.share-audience-dialog{max-width:100%}}.stories-panel{border-bottom:1px solid var(--border);padding:.5rem 0 .6rem}.section-heading{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.eyebrow{display:none}.section-heading h1{color:var(--text-strong);font-family:var(--font-display);letter-spacing:-.06em;margin:.1rem 0 0;font-size:clamp(1.2rem,2.2vw,1.6rem);line-height:1}.section-heading h2{color:var(--text-strong);font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:1rem;font-weight:700}.text-button{color:var(--accent);cursor:pointer;font:inherit;background:0 0;border:0;padding:0;font-size:.75rem;font-weight:700}.stories-list{scrollbar-width:none;gap:1rem;margin:0;padding:.1rem 0 .2rem;display:flex;overflow-x:auto}.stories-list::-webkit-scrollbar{display:none}.story{color:var(--text-muted);cursor:pointer;background:0 0;border:0;flex:0 0 4.2rem;justify-items:center;gap:.35rem;padding:0;display:grid}.story-ring{background:conic-gradient(var(--accent), var(--coral), var(--accent));border-radius:50%;padding:2px;display:block;position:relative}.story-ring.viewed{background:var(--border-strong)}.story-avatar{border:2px solid var(--surface);object-fit:cover;border-radius:50%;width:3.8rem;height:3.8rem;display:block}.story-add{width:1rem;height:1rem;color:var(--surface);border:2px solid var(--surface);background:var(--accent);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-1px;right:-1px}.story-add svg{width:10px;height:10px}.story-name{text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:.85rem;line-height:.9rem;overflow:hidden}.story-skeleton{border-radius:50%;width:3.8rem;height:3.8rem}.story-label{width:2.8rem;height:.5rem}@media (width<=600px){.stories-panel{padding-block:.35rem .45rem}.stories-list{gap:.7rem;padding-bottom:.15rem}.story{flex-basis:3.8rem}.story-avatar{width:3.35rem;height:3.35rem}.story-name{font-size:.75rem;line-height:.85rem}}.app-header{z-index:10;min-height:4.5rem;color:var(--text);border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;gap:2rem;padding:0 2rem;display:flex;position:sticky;top:0;box-shadow:0 1px 3px #0000000a}.brand{color:inherit;flex-shrink:0;align-items:center;gap:.5rem;text-decoration:none;display:inline-flex}.brand-logo{object-fit:contain;border-radius:50%;width:2rem;height:2rem}.brand-name{color:var(--text-strong);font-family:var(--font-display);letter-spacing:-.05em;font-size:1.1rem;font-weight:800}.header-search{max-width:56rem;height:2.75rem;color:var(--text-muted);border:1px solid var(--border);background:var(--surface-muted);border-radius:999px;flex:1;align-items:center;gap:.75rem;margin:0;padding:0 1.25rem;display:flex}.header-search input{min-width:0;color:var(--text);font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:.95rem}.header-search input::placeholder{color:var(--text-muted)}kbd{color:var(--text-muted);border:1px solid var(--border-strong);background:var(--surface);border-radius:.3rem;padding:.15rem .35rem;font-size:.62rem}.header-actions{flex-shrink:0;justify-content:flex-end;align-items:center;gap:1.1rem;display:flex}.header-icon-btn{width:2.2rem;height:2.2rem;color:var(--text);background:var(--surface-muted);cursor:pointer;border:0;border-radius:50%;justify-content:center;align-items:center;transition:background .16s;display:inline-flex;position:relative}.header-icon-btn:hover{background:var(--border)}.header-icon-btn b{min-width:1.1rem;height:1.1rem;color:var(--surface);background:var(--accent);text-align:center;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:.6rem;font-weight:700;line-height:1.2;display:flex;position:absolute;top:-.35rem;right:-.35rem;box-shadow:0 2px 8px #02aab04d}.header-avatar-btn{cursor:pointer;background:0 0;border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-left:0;padding:0;transition:box-shadow .16s;display:inline-flex}.header-avatar-btn:hover{box-shadow:0 0 0 2px var(--border-strong)}.header-avatar{object-fit:cover;background:linear-gradient(135deg, var(--avatar-start), var(--avatar-end));border-radius:50%;width:2.2rem;height:2.2rem}.header-profile-menu{flex-shrink:0;align-items:center;display:inline-flex;position:relative}.header-profile-dropdown{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);flex-direction:column;min-width:11rem;padding:.4rem;display:flex;position:absolute;top:calc(100% + .6rem);right:0;box-shadow:0 8px 24px #0000001f}.header-profile-item{width:100%;color:var(--text);border-radius:var(--radius-sm);cursor:pointer;text-align:left;font:inherit;background:0 0;border:0;padding:.55rem .75rem;font-size:.85rem;text-decoration:none;display:block}.header-profile-item:hover{background:var(--surface-muted)}.header-profile-item-danger{color:var(--coral)}.header-avatar-fallback{color:var(--avatar-ink);font-family:var(--font-display);justify-content:center;align-items:center;font-size:.9rem;font-weight:700;display:flex}.header-skeleton{background:var(--surface-muted);border-radius:50%;width:2.2rem;height:2.2rem}.header-skeleton-avatar{width:2.2rem;height:2.2rem}@media (width<=760px){.app-header{flex-wrap:wrap;row-gap:.5rem;min-height:4rem;padding:.5rem .75rem .5rem 4.75rem}.brand-name{font-size:.95rem}.header-actions{gap:.45rem}.header-icon-btn,.header-avatar,.header-skeleton,.header-skeleton-avatar{width:2rem;height:2rem}.header-search{flex-basis:100%;order:3;max-width:none;height:2.35rem;margin:0;padding-inline:.85rem}.header-search input{font-size:.85rem}kbd{display:none}}@media (width<=420px){.app-header{padding-left:4.5rem}.brand-name{display:none}}.right-panel{flex-direction:column;gap:1.25rem;min-width:0;padding:1.25rem .9rem 2rem 1rem;display:flex}.right-panel-section{border-bottom:1px solid var(--border);padding-bottom:1.1rem}.right-panel-section:last-child{border-bottom:0}.right-panel h2{color:var(--text-strong);font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:1.1rem;font-weight:600}.right-panel-eyebrow{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.2rem;font-size:.72rem;display:block}.account-options{gap:.25rem;margin-top:.85rem;display:grid}.account-option{width:100%;min-width:0;color:var(--text);border-radius:var(--radius-sm);align-items:center;gap:.65rem;padding:.6rem .5rem;text-decoration:none;transition:background .16s,color .16s,transform .16s;display:flex}.account-option:hover{color:var(--text-strong);background:var(--surface-muted);transform:translate(2px)}.account-option>span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.95rem;font-weight:500;overflow:hidden}.account-option-icon{width:2.1rem;height:2.1rem;color:var(--accent);background:var(--accent-wash);border-radius:.5rem;flex:none;justify-content:center;align-items:center;display:inline-flex}.category-tree{gap:.25rem;margin-top:.85rem;display:grid}.category-tree-branch{min-width:0}.category-tree-parent{width:100%;color:var(--text);border-radius:var(--radius-sm);cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:.65rem;padding:.6rem .5rem;font-size:.95rem;font-weight:500;display:flex}.category-tree-parent>span:first-child{flex:1}.category-tree-toggle{width:1.5rem;height:1.5rem;color:var(--accent);border:1px solid var(--border-strong);background:var(--surface);border-radius:.3rem;flex:none;justify-content:center;align-items:center;display:inline-flex}.category-tree-children{border-left:1px solid var(--border);gap:.15rem;margin:.1rem 0 .35rem 2.75rem;padding-left:.75rem;display:grid}.category-tree-child{color:var(--text-muted);border-radius:var(--radius-sm);padding:.4rem .5rem;font-size:.88rem;text-decoration:none}.category-tree-child:hover{color:var(--accent);background:var(--surface-muted)}.panel-actions-group{border-top:1px dashed var(--border);flex-direction:column;gap:.65rem;margin-top:1rem;padding-top:.85rem;display:flex}.qr-card{width:100%;color:inherit;border:1px solid var(--border);border-radius:var(--radius-md,.75rem);background:linear-gradient(135deg, var(--accent-wash), var(--surface));cursor:pointer;font:inherit;text-align:left;justify-content:space-between;align-items:center;padding:.85rem .9rem;transition:transform .16s,box-shadow .16s;display:flex}.qr-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.qr-card-content{align-items:center;gap:.75rem;display:flex}.qr-card-icon{width:2.25rem;height:2.25rem;color:var(--accent);background:var(--surface);border-radius:.5rem;justify-content:center;align-items:center;display:flex;box-shadow:0 2px 4px #0000000a}.qr-card-text{flex-direction:column;display:flex}.qr-card-text strong{color:var(--text-strong);font-size:.9rem;font-weight:600}.qr-card-text span{color:var(--text-muted);font-size:.75rem}.qr-card-action{color:var(--accent);align-items:center;display:flex}.logout-button{color:#c96f5e;border-radius:var(--radius-sm,.5rem);cursor:pointer;width:100%;font:inherit;background:#fff0eb;border:1px solid #c96f5e40;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;font-size:.9rem;font-weight:600;transition:background .16s,color .16s,border-color .16s;display:flex}.logout-button:hover{color:#fff;background:#c96f5e;border-color:#c96f5e}.qr-modal-backdrop{z-index:999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.qr-modal-card{border-radius:var(--radius-md,.75rem);background:var(--surface);text-align:center;flex-direction:column;align-items:center;width:100%;max-width:320px;padding:1.5rem;display:flex;box-shadow:0 10px 25px #00000026}.qr-modal-card h3{color:var(--text-strong);margin:0 0 .4rem;font-size:1.1rem}.qr-modal-card p{color:var(--text-muted);margin:0 0 1.25rem;font-size:.8rem;line-height:1.4}.qr-code-wrapper{border:1px solid var(--border);background:#fff;border-radius:.5rem;padding:.75rem}.qr-code-wrapper img{width:160px;height:160px;display:block}.qr-modal-close{width:100%;color:var(--text-strong);border:1px solid var(--border);border-radius:var(--radius-sm,.5rem);background:var(--surface-muted);cursor:pointer;font:inherit;margin-top:1.25rem;padding:.65rem;font-size:.85rem;font-weight:600}.qr-modal-close:hover{background:var(--border)}@media (width<=900px){.right-panel{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:1rem}.right-panel-section:first-child,.right-panel-footer-options{grid-column:1/-1}}@media (width<=600px){.right-panel{grid-template-columns:1fr;gap:.85rem;padding-top:.85rem;display:grid}.right-panel-section:first-child,.right-panel-footer-options{grid-column:auto}.right-panel-section{padding-bottom:.85rem}.right-panel h2{font-size:1rem}.category-tree-parent,.account-option{min-height:2.75rem}}.right-panel{box-sizing:border-box;flex-direction:column;gap:1.25rem;width:100%;min-width:0;max-width:100%;padding:1.25rem .9rem 2rem 1rem;display:flex;overflow-x:clip}.right-panel-section,.account-options,.category-tree,.panel-actions-group,.qr-card{min-width:0;max-width:100%}.sidebar{border-right:1px solid var(--border);background:var(--surface);flex-direction:column;width:100%;min-width:0;height:100%;padding:1rem .75rem;display:flex}.sidebar-profile{border-bottom:1px solid var(--border);align-items:center;gap:.75rem;padding:0 .3rem .95rem;display:flex}.sidebar-avatar{object-fit:cover;border-radius:50%;flex:none;width:2.8rem;height:2.8rem;display:block}.profile-category{color:#4faeb0;white-space:nowrap;background:#eefafa;border:1px solid #a9dddd;border-radius:.25rem;align-items:center;width:fit-content;padding:.12rem .45rem;font-size:.72rem;font-weight:500;line-height:1.4;display:inline-flex}.profile-copy{flex:1;gap:.15rem;min-width:0;display:grid}.profile-copy strong{color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;font-weight:600;overflow:hidden}.profile-copy span{color:var(--text-muted);font-size:.8rem}.sidebar-nav{gap:.25rem;padding-top:.95rem;display:grid}.sidebar-link{min-height:0;color:var(--text);border-radius:var(--radius-sm);align-items:center;gap:.65rem;padding:.6rem .5rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:color .16s,background .16s,transform .16s;display:flex;position:relative}.sidebar-link:hover{color:var(--text-strong);background:var(--surface-muted);transform:translate(2px)}.sidebar-link-icon{width:2.1rem;height:2.1rem;color:var(--accent);background:var(--accent-wash);border-radius:.5rem;flex:none;justify-content:center;align-items:center;transition:color .16s,background .16s;display:inline-flex}.sidebar-link:hover .sidebar-link-icon{color:var(--accent);background:var(--accent-wash)}.sidebar-link.is-active{color:var(--accent);font-weight:600}.sidebar-link.is-active:before{background:var(--accent);content:"";border-radius:0 2px 2px 0;width:3px;position:absolute;top:.35rem;bottom:.35rem;left:0}.sidebar-link.is-active .sidebar-link-icon{color:var(--accent);background:var(--accent-wash)}.sidebar-link-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar-show-more{width:100%;color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;padding:.6rem .5rem;font-size:.85rem;font-weight:500;display:flex}.sidebar-show-more:hover{color:var(--text-strong);background:var(--surface-muted)}.sidebar-show-more svg{transition:transform .16s}.sidebar-show-more svg.is-expanded{transform:rotate(180deg)}.sidebar-badge{min-width:1.25rem;height:1.25rem;color:var(--surface);background:var(--accent);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;padding:0 .35rem;font-size:.7rem;font-weight:700;display:inline-flex}.sidebar-footer{color:var(--text-muted);border-top:1px solid var(--border);align-items:center;gap:.5rem;margin-top:auto;padding:.85rem .3rem 0;font-size:.8rem;display:flex}.system-status-dot{background:var(--success);width:.45rem;height:.45rem;box-shadow:0 0 0 3px var(--success-soft);border-radius:50%;flex-shrink:0}.profile-skeleton{border-radius:50%;flex:none;width:2.5rem;height:2.5rem}.line-skeleton{width:5.5rem;height:.6rem}.line-skeleton.short{width:3.5rem}@media (width<=1100px){.sidebar{align-items:center;width:64px;padding:.8rem .35rem}.sidebar-link-label,.sidebar-profile .profile-copy,.sidebar-footer{display:none}.sidebar-link{justify-content:center;padding:.45rem}.sidebar-link.is-active:before{display:none}.sidebar-profile{border-bottom:0;justify-content:center;padding-inline:0}.sidebar-avatar{width:2.35rem;height:2.35rem}}@media (width<=600px){.sidebar{padding-top:4.65rem}.sidebar-nav{scrollbar-width:none;width:100%;max-height:calc(100vh - 5rem);overflow-y:auto}.sidebar-nav::-webkit-scrollbar{display:none}.sidebar-show-more{justify-content:center;padding-inline:.35rem}.sidebar-show-more span{display:none}}.app-shell{width:100%;max-width:100%;min-height:100vh;overflow-x:clip}.app-layout{grid-template-columns:minmax(0,2fr) minmax(0,6fr) minmax(0,2fr);width:100%;min-width:0;max-width:84rem;min-height:calc(100vh - 3.5rem);margin:0 auto;display:grid;overflow-x:clip}.sidebar,.main-panel,.right-panel{min-width:0;max-width:100%}.main-panel{box-sizing:border-box;width:100%;padding:1rem 1.25rem 2rem;overflow-x:clip}.main-panel>*{min-width:0;max-width:100%}@media (width<=1100px){.app-layout{grid-template-columns:4rem minmax(0,1fr);width:100%;max-width:100%;overflow-x:clip}.main-panel{width:100%;min-width:0;max-width:100%;overflow-x:clip}.right-panel{box-sizing:border-box;grid-column:2;width:100%;min-width:0;max-width:100%;overflow-x:clip}}@media (width<=600px){.app-layout{width:100%;min-width:0;max-width:100%;display:block;overflow-x:clip}.sidebar{z-index:9;width:4rem;height:100vh;position:fixed;top:0;bottom:0;left:0}.main-panel{box-sizing:border-box;width:100%;min-width:0;max-width:100%;margin:0;padding:.85rem .75rem 2rem 4.75rem;overflow-x:clip}.right-panel{box-sizing:border-box;width:100%;min-width:0;max-width:100%;margin:0;padding:1rem .75rem 2rem 4.75rem;overflow-x:clip}}.home-page .feed-heading h1{font-size:clamp(1.75rem,3vw,2.3rem)}.home-page .feed-description{font-size:.8rem}.home-page .create-post-button,.home-page .feed-filter,.home-page .feed-filter span,.home-page .feed-filter select{font-size:.78rem}.home-page .post-meta strong{font-size:.9rem}.home-page .post-meta span,.home-page .post-actions{font-size:.76rem}.home-page .post-body{font-size:.95rem}.home-page .view-more-button{font-size:.9rem}.home-page .post-comments-empty{font-size:.82rem}.home-page .section-heading h2{font-size:.9rem}.home-page .text-button,.home-page .story-name{font-size:.7rem}.home-page .sidebar-link{font-size:.8rem}.home-page .profile-copy strong{font-size:.9rem}.home-page .profile-copy span,.home-page .sidebar-footer{font-size:.78rem}.shared-post-page{background:#f5f6f8;justify-content:center;align-items:center;min-height:100vh;padding:30px 16px;display:flex}.shared-post-card{background:#fff;border-radius:16px;width:100%;max-width:600px;padding:30px;box-shadow:0 4px 20px #00000014}.shared-post-card h1{margin:0 0 20px}.shared-post-card h2{margin-bottom:10px}.shared-post-content{border:1px solid #e5e5e5;border-radius:12px;margin-top:25px;padding:20px}.shared-post-card button{cursor:pointer;border:0;border-radius:8px;margin-top:25px;padding:12px 20px}.profile-page{border:1px solid var(--line,#e3e9e9);background:#fff;border-radius:16px;max-width:80%;margin:0 auto;padding:16px 18px 28px;box-shadow:0 4px 16px #0000000f}.profile-head{grid-template-columns:40px 1fr 40px;align-items:center;margin-bottom:8px;display:grid}.profile-title{text-align:center;letter-spacing:-.06em;color:var(--text-strong);margin:0;font-size:clamp(1.2rem,2.2vw,1.6rem);font-weight:700}.profile-icon-btn{width:40px;height:40px;color:var(--accent);cursor:pointer;background:0 0;border:none;justify-content:flex-start;align-items:center;padding:4px;display:flex}.profile-identity{border-bottom:1px solid var(--line,#e3e9e9);align-items:center;gap:14px;margin-bottom:18px;padding:10px 0 18px;display:flex}.profile-avatar-wrap{flex-shrink:0;position:relative}.profile-avatar{object-fit:cover;border:2px solid var(--accent);border-radius:50%;width:68px;height:68px}.profile-identity-meta{flex-direction:column;gap:6px;display:flex}.profile-name{color:var(--ink-900,#1f2a2e);margin:0;font-size:17px;font-weight:700}.profile-role-chip{background:var(--chip-bg,#e6f7f5);width:fit-content;color:var(--accent);border-radius:8px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.profile-section-title{color:var(--ink-900,#1f2a2e);justify-content:center;align-items:center;gap:8px;margin:6px 0 14px;font-weight:700;display:flex}.profile-edit-btn{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:2px;display:flex}.profile-account-badge{background:var(--ink-900,#1f2a2e);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.profile-field{border:1px solid var(--line,#e3e9e9);background:#fff;border-radius:10px;align-items:flex-start;gap:12px;margin-bottom:10px;padding:10px 14px;display:flex}.profile-field-icon{color:var(--accent);flex-shrink:0;margin-top:2px;display:flex}.profile-field-meta{flex-direction:column;gap:2px;display:flex}.profile-field-value{color:var(--ink-900,#1f2a2e);font-weight:500}.profile-field-verified .profile-field-icon{color:var(--accent)}.profile-logout-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:8px;padding:13px;font-size:15px;font-weight:700;display:flex}.profile-logout-btn:hover{opacity:.9}.profile-skeleton-title{width:90px;height:22px}.profile-skeleton-avatar{border-radius:50%;width:68px;height:68px}.profile-skeleton-line{width:120px;height:16px;margin-bottom:8px}.profile-skeleton-chip{border-radius:8px;width:160px;height:20px}.profile-skeleton-field{border-radius:10px;width:100%;height:52px;margin-bottom:10px}@media (width<=600px){.profile-page{box-sizing:border-box;border-radius:12px;width:100%;max-width:100%;margin:0;padding:14px 14px 24px}.profile-head{margin-bottom:6px}.profile-title{font-size:18px}.profile-icon-btn{padding:4px}.profile-identity{gap:12px;margin-bottom:16px;padding:10px 0 16px}.profile-avatar{width:60px;height:60px}.profile-name{font-size:16px}.profile-role-chip{padding:3px 8px;font-size:11px}.profile-section-title{margin:6px 0 12px;font-size:13px}.profile-field{gap:10px;margin-bottom:8px;padding:9px 11px}.profile-field-icon{margin-top:1px}.profile-field-label{font-size:11px}.profile-field-value{font-size:13px}.profile-logout-btn{margin-top:8px;padding:12px;font-size:14px}}@media (width<=400px){.profile-page{border-radius:10px;padding:12px 10px 20px}.profile-avatar{width:56px;height:56px}.profile-name{font-size:15px}.profile-role-chip{text-overflow:ellipsis;white-space:nowrap;max-width:200px;overflow:hidden}.profile-field{padding:8px 10px}.profile-field-value{word-break:break-word;font-size:13px}}