@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--default-font-family:var(--font-inter);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.block{display:block}.h-full{height:100%}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--navy:#1f2f69;--navy-dark:#172455;--navy-2:#2b448f;--orange:#f5a126;--orange-light:#ffb848;--bg:#f7f9ff;--surface:#fff;--text-main:#1f2f69;--text-muted:#677391;--border:#e4e9f5;--border-mid:#c8d3ee;--green:#12a05c;--red:#e53e3e;--shadow-sm:0 1px 3px #1f2f690f;--shadow-md:0 4px 16px #1f2f6917}*{box-sizing:border-box}body{color:var(--text-main);font-family:var(--font-inter), Inter, Arial, sans-serif;background:#e8edf8;margin:0}html,body{background:#fffaf6}html:has(.community-shell[data-theme=dark]){background:#16130f}html:has(.community-shell[data-theme=dark]) body{background:#16130f}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.community-shell{background:var(--bg);min-height:100vh}.community-error-page{place-items:center;padding:24px;display:grid}.community-error-card{border:1px solid var(--border);background:var(--surface);width:min(560px,100%);box-shadow:var(--shadow-md);border-radius:18px;padding:28px}.community-error-mark{width:42px;height:42px;color:var(--orange);background:#f5a12624;border-radius:12px;place-items:center;font-size:24px;font-weight:900;display:grid}.community-error-eyebrow{color:var(--orange);letter-spacing:.08em;text-transform:uppercase;margin:18px 0 8px;font-size:12px;font-weight:900}.community-error-card h1{color:var(--navy);letter-spacing:0;margin:0;font-size:clamp(28px,5vw,42px);line-height:1.05}.community-error-card p{color:var(--text-muted);margin:14px 0 0;font-size:14px;line-height:1.7}.community-error-card code{overflow-wrap:anywhere;background:var(--bg);color:var(--navy-dark);border-radius:10px;margin-top:16px;padding:10px 12px;font-size:12px;display:block}.community-error-actions{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.app-bar{z-index:20;background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:16px;height:56px;padding:0 24px;display:flex;position:sticky;top:0}.app-logo,.post-author,.group-item,.search-person-row{align-items:center;gap:10px;display:flex}.app-logo{flex:none}.app-logo-image{object-fit:contain;width:clamp(150px,14vw,196px);height:auto;max-height:44px;display:block}.logo-mark{background:var(--navy);color:#fff;border-radius:8px;place-items:center;width:32px;height:32px;font-size:11px;font-weight:800;display:grid}.logo-text{letter-spacing:-.4px;font-size:16px;font-weight:800}.eco-switcher{border:1px solid var(--border);background:var(--bg);border-radius:20px;gap:2px;padding:3px;display:flex}.eco-btn{color:var(--text-muted);border-radius:18px;padding:5px 14px;font-size:12px;font-weight:600}.eco-btn.active{color:#fff;background:var(--navy)}.app-search{border:1px solid var(--border);background:var(--bg);max-width:360px;color:var(--text-muted);border-radius:22px;flex:1;align-items:center;gap:8px;margin-left:auto;padding:9px 16px;font-size:13px;display:flex}.primary-small,.join-btn,.btn-post,.send-btn{background:var(--navy);color:#fff;border:0;border-radius:20px;padding:8px 16px;font-size:13px;font-weight:700}.btn-post:disabled,.send-btn:disabled{cursor:not-allowed;opacity:.55}.btn-primary,.btn-secondary,.btn-accent,.btn-ghost,.btn-follow,.btn-msg{border-radius:22px;padding:9px 20px;font-size:14px;font-weight:600}.btn-primary,.btn-follow{background:var(--navy);color:#fff;border:0}.btn-follow.followed,.btn-secondary,.btn-msg{border:2px solid var(--border-mid);color:var(--navy);background:0 0}.btn-accent{background:var(--orange);color:#fff;border:0}.btn-ghost{border:1px solid var(--border);color:var(--text-muted);background:0 0}.icon-btn{border:1px solid var(--border);background:0 0;border-radius:50%;place-items:center;width:36px;height:36px;display:grid;position:relative}.dot-badge,.nav-badge{background:var(--orange);color:#fff;border-radius:999px;padding:2px 7px;font-size:11px;font-weight:800}.dot-badge{position:absolute;top:-5px;right:-6px}.avatar{aspect-ratio:1;background:var(--navy);color:#fff;border-radius:50%;flex:0 0 36px;place-items:center;width:36px;height:36px;font-size:13px;font-weight:800;display:grid;position:relative;overflow:hidden}.avatar-image-shell img,.avatar-image-shell>img{object-fit:cover;object-position:center;width:100%;min-width:100%;height:100%;min-height:100%;display:block;position:absolute;inset:0}.avatar.small{flex-basis:38px;width:38px;height:38px}.avatar.tiny{flex-basis:28px;width:28px;height:28px;font-size:11px}.community-grid{grid-template-columns:240px minmax(0,1fr) 300px;min-height:calc(100vh - 56px);margin:0 auto;display:grid}.community-grid--no-rail{grid-template-columns:240px minmax(0,1fr)}.community-grid--standalone{display:block}.sidebar-left,.sidebar-right{background:var(--surface);height:calc(100vh - 56px);position:sticky;top:56px;overflow:auto}.sidebar-left{border-right:1px solid var(--border);padding:16px 8px}.nav-item{color:var(--text-muted);border-radius:8px;align-items:center;gap:10px;margin-bottom:4px;padding:10px 12px;font-size:14px;font-weight:600;display:flex}.nav-item.active,.nav-item:hover{color:var(--navy);background:#eef2ff}.nav-item:nth-child(5){border-top:1px solid var(--border);margin-top:12px;padding-top:14px}.nav-icon{text-align:center;place-items:center;width:18px;display:grid}.sidebar-right{border-left:1px solid var(--border);padding:20px 16px}.community-main{min-width:0;padding:24px}.community-main--narrow{width:100%;max-width:688px}.community-main--wide{grid-column:span 2;padding:0}.community-main--standalone{padding:0}.page-title-row{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.feed-title{color:var(--navy);letter-spacing:-.4px;margin:0;font-size:20px;font-weight:800}.composer,.post-card,.comments-section,.comment-composer-wrap,.search-result-block,.list-card,.empty-card,.settings-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:12px}.composer{margin-bottom:16px;padding:16px}.composer-row{gap:12px;display:flex}.composer-input,.page-search,.search-input-large,.msg-search,.msg-input,.comment-input,.modal-body input,.modal-body textarea,.modal-body select{border:1.5px solid var(--border);background:var(--bg);width:100%;color:var(--text-muted);text-align:left;border-radius:18px;padding:10px 16px}.composer-actions,.create-options{flex-wrap:wrap;gap:8px;margin-top:12px;margin-left:48px;display:flex}.composer-actions button,.create-options button{border:1px solid var(--border);color:var(--text-muted);background:0 0;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:700;display:flex}.link-chip{color:var(--orange)!important;border-color:#f5a12659!important}.divider-v{background:var(--border);align-self:stretch;width:1px}.feed-tabs{border-bottom:1px solid var(--border);gap:0;max-width:100%;margin-bottom:16px;display:flex}.tab{color:var(--text-muted);background:0 0;border:0;border-bottom:2px solid #0000;padding:10px 18px;font-size:14px;font-weight:700}.tab.active{border-color:var(--navy);color:var(--navy)}.post-card{margin-bottom:12px;padding:20px}.post-card:hover{box-shadow:var(--shadow-md)}.post-header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.post-meta{flex-direction:column;display:flex}.post-name{color:var(--navy);font-size:14px;font-weight:800}.post-sub,small{color:var(--text-muted);font-size:12px}.verified{color:var(--navy);font-weight:900}.post-context-tag{width:fit-content;color:var(--navy-2);background:#eef2ff;border-radius:12px;margin-top:4px;padding:3px 9px;font-size:11px;font-weight:700}.overflow-menu{position:relative}.overflow-menu>button{color:var(--text-muted);background:0 0;border:0}.overflow-panel{border:1px solid var(--border);width:170px;box-shadow:var(--shadow-md);background:#fff;border-radius:8px;padding:6px;display:none;position:absolute;top:24px;right:0}.overflow-menu.is-open .overflow-panel{display:grid}.overflow-panel button{color:var(--text-main);text-align:left;background:0 0;border:0;border-radius:6px;padding:8px;font-size:13px}.post-body{color:var(--text-main);margin-bottom:14px;font-size:14px;line-height:1.65;display:block}.inline-hashtag{color:var(--navy);font-weight:850}.inline-hashtag:hover{color:var(--orange)}.post-img-placeholder,.rail-auction-thumb,.group-disc-cover,.group-cover,.profile-cover{background:linear-gradient(135deg,#dde4f5 0%,#c5d0ec 100%)}.post-img-placeholder{height:260px;color:var(--text-muted);border-radius:8px;place-items:center;margin-bottom:14px;font-weight:700;display:grid;position:relative}.post-img-placeholder .fish-bg{color:#1f2f6929;background:#f5a1261f;border-radius:50%;place-items:center;width:64px;height:64px;display:grid;position:absolute}.post-img-placeholder>span:last-child{z-index:1;font-size:13px;position:relative}.post-img-placeholder.video:before{content:"▶";margin-right:8px}.auction-attach{border:1px solid var(--border-mid);background:var(--bg);border-radius:8px;align-items:center;gap:12px;margin-bottom:14px;padding:12px;display:flex}.auction-thumb{background:#dfe6f7;border-radius:8px;place-items:center;width:52px;height:52px;font-size:12px;font-weight:900;display:grid}.auction-info{flex:1;gap:3px;min-width:0;display:grid}.auction-info span{color:var(--text-muted);font-size:12px}.live-badge{background:var(--red);color:#fff;text-transform:uppercase;border-radius:10px;padding:2px 7px;font-size:10px}.auction-cta{border:1.5px solid var(--navy-2);color:var(--navy-2);border-radius:20px;padding:7px 14px;font-size:12px;font-weight:800}.post-tags{flex-wrap:wrap;gap:7px;margin-bottom:12px;display:flex}.post-tags a,.topic-name{color:var(--navy-2);font-size:12px;font-weight:800}.post-stats,.topic-count{color:var(--text-muted);font-size:12px}.post-like-summary{width:fit-content;color:var(--text-muted);text-align:left;background:0 0;border:0;align-items:center;gap:7px;margin:0 0 8px;padding:0;font-size:12px;font-weight:700;display:inline-flex}.post-context-row{flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px;display:flex}.post-context-row .post-context-tag{margin-top:0}.group-role-badge{border:1px solid var(--orange);align-items:center;width:fit-content;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.group-role-badge{border:1px solid color-mix(in srgb, var(--orange) 32%, transparent)}}.group-role-badge{background:var(--orange);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.group-role-badge{background:color-mix(in srgb, var(--orange) 12%, transparent)}}.group-role-badge{color:var(--orange);padding:3px 8px;font-size:10px;font-weight:850}.group-role-badge.compact{vertical-align:middle;margin-left:6px;padding:2px 6px;font-size:9px}.post-like-summary:hover{color:var(--text-main)}.like-dot{background:var(--red);color:#fff;border-radius:50%;place-items:center;width:19px;height:19px;display:grid}.like-dot svg{fill:currentColor;width:11px;height:11px}.like-modal{z-index:150;background:#0b0d1275;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.like-modal-card{border:1px solid var(--border);background:var(--surface);width:min(420px,100%);max-height:min(620px,100dvh - 36px);box-shadow:var(--shadow-md);border-radius:22px;overflow:hidden}.like-modal-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.like-modal-list{gap:2px;max-height:520px;padding:8px;display:grid;overflow:auto}.like-person{border-radius:16px;align-items:center;gap:10px;padding:10px;display:flex}.like-person:hover{background:var(--bg)}.like-person span:not(.avatar):not(.like-more-avatar){gap:2px;min-width:0;display:grid}.like-person strong,.like-person small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.like-person strong{color:var(--text-main);font-size:13px}.overflow-panel button.danger{color:var(--red)}.like-person small{color:var(--text-muted);font-size:12px}.like-person.muted{color:var(--text-muted)}.like-more-avatar{background:var(--bg);width:36px;height:36px;color:var(--navy-2);border-radius:50%;flex:0 0 36px;place-items:center;font-size:12px;font-weight:900;display:grid}.post-actions{border-top:1px solid var(--border);grid-template-columns:repeat(4,1fr);gap:4px;padding-top:12px;display:grid}.post-actions button,.post-actions a{color:var(--text-muted);text-align:center;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px;font-size:13px;font-weight:700;display:flex}.post-actions .liked{color:var(--red)}.post-actions .liked svg{fill:currentColor}.post-actions .saved{color:var(--orange)}.rail-section{margin-bottom:24px}.rail-title{color:var(--navy);letter-spacing:.5px;text-transform:uppercase;margin:0 0 12px;font-size:11px;font-weight:900}.topic-item{justify-content:space-between;padding:8px 0;display:flex}.group-avatar,.group-disc-cover span{background:var(--navy);color:#fff;border-radius:8px;place-items:center;width:36px;height:36px;font-size:11px;font-weight:900;display:grid}.group-info{flex:1;min-width:0}.group-name-sm,.group-disc-name{color:var(--navy);font-size:13px;font-weight:800;display:block}.group-members,.group-disc-meta{color:var(--text-muted);font-size:11px}.group-disc-meta{flex-wrap:wrap;gap:4px 10px;display:flex}.join-btn-sm{border:1.5px solid var(--navy-2);color:var(--navy-2);background:0 0;border-radius:14px;padding:5px 12px;font-size:12px;font-weight:800}.rail-auction{border:1px solid var(--border-mid);background:var(--bg);border-radius:8px;padding:12px}.rail-auction-thumb{color:var(--orange);border-radius:6px;place-items:center;height:100px;margin-bottom:10px;display:grid}.rail-auction-row{color:var(--text-muted);justify-content:space-between;font-size:12px;display:flex}.rail-auction-cta{background:var(--navy);color:#fff;text-align:center;border-radius:8px;margin-top:10px;padding:8px;font-weight:800;display:block}.group-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.cat-row{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.cat-chip{border:1px solid var(--border);background:var(--surface);color:var(--text-muted);border-radius:18px;padding:7px 16px;font-size:13px;font-weight:500}.cat-chip:hover{border-color:var(--navy-2);color:var(--navy)}.cat-chip.active{border-color:var(--navy);background:var(--navy);color:#fff}.section-heading{color:var(--navy);margin:24px 0 12px;font-size:15px;font-weight:800}.group-disc-card{border:1px solid var(--border);box-shadow:var(--shadow-sm);background:#fff;border-radius:12px;transition:box-shadow .15s;overflow:hidden}.group-disc-card:hover{box-shadow:var(--shadow-md)}.group-disc-cover{height:76px;padding:0;display:block;position:relative}.group-disc-body{padding:28px 16px 16px;display:grid}.group-disc-avatar{border:3px solid var(--surface);position:absolute;bottom:-20px;left:16px;border-radius:12px!important;width:52px!important;height:52px!important}.group-disc-desc,.about-desc,.topic-hero p{color:var(--text-muted);margin:0;line-height:1.55}.group-disc-desc{min-height:38px;margin:4px 0 10px;font-size:12px}.privacy-chip{align-items:center;gap:4px;font-size:11px;font-weight:500;display:inline-flex}.joined-badge{border:1.5px solid var(--border-mid);color:var(--green);background:#ecfdf5;border-radius:20px;padding:7px 14px;font-size:12px;font-weight:800}.join-btn{background:var(--orange);padding:7px 18px;font-size:12px}.join-btn.joined,.join-btn-sm.joined{color:var(--green);background:#248f621f}.join-btn.pending,.join-btn-sm.pending{color:#946200;background:#e7b10a29}.group-disc-footer{color:var(--text-muted);justify-content:space-between;align-items:center;gap:8px;font-size:11px;display:flex}.my-groups-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:12px;margin-bottom:12px;padding:8px 16px;overflow:hidden}.my-group-row{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:10px 0;display:flex}.my-group-row:last-child{border-bottom:0}.my-group-row .group-avatar{width:44px;height:44px}.my-group-activity{color:var(--text-muted);font-size:11px}.group-detail{background:#fff;border:0;border-radius:0;overflow:hidden}.group-cover{background:linear-gradient(135deg, var(--navy) 0%, var(--navy-2) 70%, #3d5fb6 100%);color:#fff;justify-content:space-between;align-items:flex-end;height:200px;padding:20px 28px;display:flex;position:relative;overflow:hidden}.cover-mark{color:#ffffff24;place-items:center;width:100px;height:100px;font-weight:900;display:grid;position:absolute;top:20px;right:40px}.cover-mark svg{width:92px;height:92px}.group-header-info{z-index:1;position:relative}.group-name-lg{color:#fff;letter-spacing:-.4px;margin-bottom:4px;font-size:22px;font-weight:800}.group-meta-row{align-items:center;gap:12px;display:flex}.group-meta-item{color:#ffffffbf;font-size:13px}.group-meta-dot{color:#fff6}.group-avatar-lg{width:72px;height:72px;color:var(--navy);box-shadow:var(--shadow-md);background:#fff;border:3px solid #fff;border-radius:14px;place-items:center;margin-bottom:10px;font-weight:900;display:grid}.group-avatar-lg svg{width:34px;height:34px}.group-avatar-lg img{object-fit:cover;width:100%;height:100%}.group-join-btn{background:var(--orange);color:#fff;z-index:1;border:0;border-radius:22px;padding:10px 24px;font-size:14px;font-weight:700}.group-join-btn.joined{background:0 0;border:2px solid #ffffff8c}.group-join-btn.pending{color:var(--navy);background:#fff}.group-body{background:var(--bg);grid-template-columns:minmax(0,1fr) 280px;display:grid}.group-main{border-right:1px solid var(--border);padding:20px 24px}.group-sidebar{background:var(--bg);padding:20px 16px}.mod-item{align-items:center;gap:8px;margin-bottom:8px;display:flex}.mod-item span:last-child{display:grid}.group-tabs{border-bottom:1px solid var(--border);background:var(--surface);gap:0;padding:0 16px;display:flex}.group-sidebar h2,.settings-section h2,.search-result-block h2{color:var(--navy);margin:0 0 10px;font-size:13px;font-weight:900}.group-sidebar ol{color:var(--text-main);margin:0 0 18px 18px;padding:0;font-size:13px}.pinned-post{color:var(--navy);background:#fffbf0;border:1px solid #f5a12640;border-radius:8px;align-items:flex-start;gap:10px;margin-bottom:16px;padding:12px 14px;font-size:13px;display:flex}.pin-icon{color:var(--orange);flex:none;margin-top:1px}.pinned-post>span:last-child{gap:3px;display:grid}.pinned-label{color:var(--orange);letter-spacing:.5px;text-transform:uppercase;font-size:11px;font-weight:800}.pinned-title{color:var(--navy);font-size:13px;font-weight:700}.group-composer{border:1px solid var(--border);width:100%;color:var(--text-muted);box-shadow:var(--shadow-sm);background:#fff;border-radius:12px;align-items:center;gap:12px;margin-bottom:16px;padding:14px 16px;display:flex}.group-composer>span:last-child{border:1.5px solid var(--border);background:var(--bg);text-align:left;border-radius:22px;flex:1;padding:9px 16px;font-size:13px}.inline-status,.group-pending-note{color:var(--navy);background:#fff9ed;border:1px solid #f5a1263d;border-radius:8px;font-size:12px;font-weight:700}.inline-status{margin-bottom:12px;padding:10px 12px}.group-pending-note{margin-top:8px;padding:7px 10px;display:inline-flex}.group-about-panel{border:1px solid var(--border);background:#fff;border-radius:12px;padding:16px}.group-admin-panel{border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:16px}.group-admin-hero{grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr);align-items:stretch;gap:14px;display:grid}.group-admin-banner{background:linear-gradient(135deg, var(--navy), var(--orange));color:#fff;background-position:50%;background-size:cover;border-radius:12px;align-items:flex-end;gap:14px;min-height:150px;padding:18px;display:flex;position:relative;overflow:hidden}.group-admin-banner .cover-mark{opacity:.18;top:-36px;right:-26px}.group-admin-banner strong{font-size:22px;font-weight:900}.group-admin-banner small{color:#ffffffc7;font-weight:750}.group-admin-avatar-preview{width:58px;height:58px;color:var(--navy);box-shadow:var(--shadow-sm);background:#fffffff0;border:2px solid #ffffffb8;border-radius:16px;flex:0 0 58px;place-items:center;display:grid;position:relative;overflow:hidden}.group-admin-avatar-preview img{object-fit:cover;width:100%;height:100%}.group-admin-banner-copy{gap:4px;min-width:0;display:grid;position:relative}.group-admin-fields{gap:10px;display:grid}.group-admin-field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.group-admin-field{color:var(--text-main);align-content:start;gap:8px;font-size:12px;font-weight:850;display:grid}.group-admin-field input,.group-admin-field textarea,.group-admin-field select{border:1px solid var(--border);background:var(--surface);min-height:42px;color:var(--text-main);font:inherit;border-radius:10px;padding:0 12px}.group-admin-field textarea{resize:vertical;min-height:84px;padding-block:10px}.group-upload-control{border:1px dashed var(--orange);justify-content:space-between;align-items:center;gap:10px;min-height:48px;display:flex;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.group-upload-control{border:1px dashed color-mix(in srgb, var(--orange) 36%, var(--border))}}.group-upload-control{background:var(--orange);border-radius:12px}@supports (color:color-mix(in lab, red, red)){.group-upload-control{background:color-mix(in srgb, var(--orange) 7%, var(--surface))}}.group-upload-control{color:var(--text-main);padding:10px 12px;font-size:12px;font-weight:850}.group-upload-control strong{color:var(--orange);font-size:11px}.group-upload-control input{cursor:pointer;opacity:0;position:absolute;inset:0}.group-save-btn{background:linear-gradient(135deg, var(--orange), #ff9a56);color:#fff;min-height:44px;box-shadow:var(--shadow-sm);border:0;border-radius:12px;font-size:13px;font-weight:900}.group-save-btn:disabled{cursor:not-allowed;opacity:.68}.community-shell .category-chip-group{flex-wrap:wrap;gap:8px;display:flex}.community-shell .category-chip{border:1.5px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:6px;padding:9px 16px;font-size:12.5px;font-weight:800;transition:all .15s;display:inline-flex}.community-shell .category-chip:hover{border-color:var(--border-mid);color:var(--text-main)}.community-shell .category-chip.active{border-color:var(--orange)}@supports (color:color-mix(in lab, red, red)){.community-shell .category-chip.active{border-color:color-mix(in srgb, var(--orange) 35%, var(--border))}}.community-shell .category-chip.active{background:var(--bg-soft);color:var(--orange)}.community-shell .privacy-option{border:1.5px solid var(--border);width:100%;color:var(--text-main);text-align:left;cursor:pointer;background:0 0;border-radius:20px;align-items:flex-start;gap:13px;padding:14px;transition:all .15s;display:flex}.community-shell .privacy-option+.privacy-option{margin-top:10px}.community-shell .privacy-option:hover{border-color:var(--border-mid)}.community-shell .privacy-option.selected{border-color:var(--orange);background:var(--bg-soft)}.community-shell .privacy-option-icon{background:var(--bg-soft);width:38px;height:38px;color:var(--text-muted);border-radius:50%;flex:0 0 38px;place-items:center;display:grid}.community-shell .privacy-option.selected .privacy-option-icon{background:var(--orange-soft);color:var(--orange)}.community-shell .privacy-option-icon svg{width:17px;height:17px}.community-shell .privacy-option-info{flex:1;gap:3px;display:grid}.community-shell .privacy-option-title{font-size:13.5px;font-weight:850}.community-shell .privacy-option-desc{color:var(--text-muted);font-size:12px;line-height:1.5}.community-shell .attach-radio{border:2px solid var(--border-mid);border-radius:50%;flex:none;width:18px;height:18px;margin-top:2px}.community-shell .privacy-option.selected .attach-radio{border:5px solid var(--orange);background:var(--surface)}.community-shell .poll-panel{gap:10px;display:grid}.community-shell .rule-row{align-items:center;gap:8px;display:flex}.community-shell .rule-number{width:18px;color:var(--text-muted);flex:none;font-size:12.5px;font-weight:850}.community-shell .poll-input{border:1px solid var(--border);background:var(--bg-soft);width:100%;min-height:42px;color:var(--text-main);font:inherit;border-radius:999px;outline:0;padding:0 14px}.community-shell .poll-input:focus{border-color:var(--orange)}@supports (color:color-mix(in lab, red, red)){.community-shell .poll-input:focus{border-color:color-mix(in srgb, var(--orange) 45%, var(--border))}}.community-shell .poll-input:focus{background:var(--surface)}.community-shell .poll-add-option{border:1px dashed var(--border-mid);width:fit-content;color:var(--text-muted);background:0 0;border-radius:999px;align-items:center;gap:6px;padding:8px 13px;font-size:12px;font-weight:800;display:inline-flex}.community-shell .poll-add-option:hover{border-color:var(--orange);color:var(--orange)}.community-shell .create-group-owner-note{border:1px solid var(--orange)}@supports (color:color-mix(in lab, red, red)){.community-shell .create-group-owner-note{border:1px solid color-mix(in srgb, var(--orange) 24%, var(--border))}}.community-shell .create-group-owner-note{background:var(--orange);border-radius:18px}@supports (color:color-mix(in lab, red, red)){.community-shell .create-group-owner-note{background:color-mix(in srgb, var(--orange) 8%, var(--surface))}}.community-shell .create-group-owner-note{color:var(--text-main);padding:13px 16px;font-size:12.5px;font-weight:750;line-height:1.55}.owner-control-card{border:1px solid var(--navy);align-items:center;gap:10px;display:flex}@supports (color:color-mix(in lab, red, red)){.owner-control-card{border:1px solid color-mix(in srgb, var(--navy) 16%, var(--border))}}.owner-control-card{background:var(--bg-soft);border-radius:14px;padding:12px}.owner-control-card>span:last-child{gap:2px;display:grid}.owner-control-card small{color:var(--text-muted);font-size:11px;font-weight:650}.about-subtitle{color:var(--navy);margin:16px 0 10px;font-size:12px;font-weight:900}.permission-list,.role-preview-list{gap:10px;display:grid}.permission-toggle,.role-preview-row{border:1px solid var(--border);background:var(--bg-soft);color:var(--text-main);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.permission-toggle{text-align:left;width:100%;font-size:13px;font-weight:800}.role-preview-row{justify-content:flex-start}.role-preview-row>span:nth-child(2){flex:1;min-width:0}.role-preview-row strong,.role-preview-row small{display:block}.about-block{border-bottom:1px solid var(--border);margin-bottom:16px;padding-bottom:16px}.about-block:last-child{border-bottom:0}.about-title{color:var(--navy);margin:0 0 8px;font-size:13px;font-weight:800}.about-desc{font-size:13px}.mod-list{gap:8px;display:grid}.mod-name{color:var(--navy);font-size:13px;font-weight:600}.mod-role{color:var(--orange);font-size:11px;font-weight:700}.member-request-list{gap:10px;display:grid}.member-request{border-bottom:1px solid var(--border);grid-template-columns:28px minmax(0,1fr);gap:9px;padding-bottom:10px;display:grid}.member-request-info{min-width:0}.member-request-info strong,.member-request-info small{display:block}.member-request-info strong{color:var(--text-main);font-size:13px}.member-request-info small,.empty-mini{color:var(--text-muted);font-size:11px}.member-request-actions{grid-column:2;gap:6px;display:flex}.mini-approve-btn,.mini-reject-btn{border:0;border-radius:7px;padding:6px 9px;font-size:11px;font-weight:800}.mini-approve-btn{color:var(--green);background:#248f621f}.mini-reject-btn{color:#b42318;background:#dc362e1a}.group-sidebar .rules-list{counter-reset:rules;margin:0;padding:0;list-style:none}.group-sidebar .rules-list li{counter-increment:rules;border-bottom:1px solid var(--border);color:var(--text-main);gap:8px;padding:6px 0;font-size:13px;display:flex}.group-sidebar .rules-list li:last-child{border-bottom:0}.group-sidebar .rules-list li:before{content:counter(rules);min-width:16px;color:var(--navy-2);font-size:11px;font-weight:800}.post-detail-layout{background:var(--bg);min-height:calc(100vh - 56px);display:block}.post-detail-main{width:min(780px,100%);min-width:0;margin:0 auto;padding:24px}.post-detail-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:12px;margin-bottom:12px;padding:24px}.back-btn{color:var(--text-muted);align-items:center;gap:6px;margin-bottom:20px;font-size:13px;font-weight:600;display:inline-flex}.back-btn:hover{color:var(--navy)}.detail-avatar{width:46px;height:46px}.detail-name{font-size:15px}.post-detail-body{color:var(--text-main);margin:0 0 16px;font-size:15px;line-height:1.7}.post-detail-media{height:280px}.detail-stats{margin-bottom:12px}.comment-composer-wrap{margin-bottom:12px;padding:16px}.comment-composer{align-items:flex-start;gap:12px;display:flex}.replying-to{color:var(--text-muted);justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;padding-left:56px;font-size:12px;display:flex}.replying-to button{color:var(--navy-2);background:0 0;border:0;font-weight:700}.comment-input{resize:none;min-height:44px}.comment-input:focus{border-color:var(--navy-2);background:var(--surface);outline:0}.comments-section{padding:16px}.comments-title{color:var(--navy);margin:0 0 16px;font-size:14px;font-weight:800}.comment{gap:10px;margin-bottom:16px;display:flex}.comment-thread{margin-bottom:16px}.comment-thread .comment{margin-bottom:10px}.comment.reply{padding-left:46px}.comment-body{flex:1;min-width:0}.comment-bubble{border:1px solid var(--border);border-radius:0 12px 12px}@supports (color:color-mix(in lab, red, red)){.comment-bubble{border:1px solid color-mix(in srgb, var(--border) 72%, transparent)}}.comment-bubble{background:var(--bg);padding:10px 14px}.reply-bubble{background:var(--navy-2)}@supports (color:color-mix(in lab, red, red)){.reply-bubble{background:color-mix(in srgb, var(--navy-2) 10%, var(--surface))}}.comment-name{color:var(--navy);margin-bottom:4px;font-size:13px;font-weight:700}.reply-context{color:var(--navy-2);margin-bottom:4px}@supports (color:color-mix(in lab, red, red)){.reply-context{color:color-mix(in srgb, var(--navy-2) 82%, var(--text-main))}}.reply-context{font-size:12px;font-weight:700}.comment-text{color:var(--text-main);font-size:14px;line-height:1.6}.comment-actions{color:var(--text-muted);gap:14px;margin-top:6px;padding-left:4px;font-size:12px;display:flex}.comment-actions button,.see-replies{color:var(--text-muted);background:0 0;border:0;padding:0;font-weight:600}.comment-actions button:hover,.see-replies:hover{color:var(--navy)}.see-replies{color:var(--navy-2);margin:-8px 0 12px 46px;display:block}.load-more-comments{border:1px solid var(--border);background:var(--surface);color:var(--navy-2);border-radius:999px;justify-content:center;align-items:center;padding:9px 14px;font-size:13px;font-weight:800;display:inline-flex}.load-more-comments:hover{border-color:var(--navy-2)}@supports (color:color-mix(in lab, red, red)){.load-more-comments:hover{border-color:color-mix(in srgb, var(--navy-2) 32%, var(--border))}}.load-more-comments:hover{background:var(--bg-soft)}.post-detail-rail{border-left:1px solid var(--border);background:var(--surface);padding:20px 16px}.author-mini{align-items:center;gap:10px;margin-bottom:12px;display:flex}.author-mini span:last-child{display:grid}.author-mini strong{color:var(--navy);font-size:14px}.author-stats{gap:16px;margin-bottom:12px;display:flex}.author-stats span{text-align:center;display:grid}.author-stats strong{color:var(--navy);font-size:16px}.author-follow-btn{background:var(--navy);color:#fff;border:0;border-radius:20px;width:100%;padding:9px;font-size:13px;font-weight:700}.profile-body{background:var(--bg)}.profile-cover{background:linear-gradient(135deg, var(--navy), var(--navy-2));border-radius:0;height:180px;padding:0;display:block;position:relative;overflow:hidden}.cover-pattern{opacity:.06;background:radial-gradient(circle at 88% 22%,#fff 0 120px,#0000 121px),radial-gradient(circle at 20% 90%,#fff 0 80px,#0000 81px),radial-gradient(circle at 50% -10%,#fff 0 90px,#0000 91px);position:absolute;inset:0}.profile-card-wrap{padding:0 28px}.profile-card{z-index:1;border:1px solid var(--border);width:100%;box-shadow:var(--shadow-md);background:#fff;border-radius:12px;margin-top:-40px;padding:20px 24px;position:relative}.profile-top{align-items:flex-end;gap:16px;margin-bottom:16px;display:flex}.profile-avatar{border:4px solid var(--surface);background:var(--navy);color:#fff;border-radius:50%;flex:none;place-items:center;width:80px;height:80px;margin-top:-50px;font-size:28px;font-weight:800;display:grid;position:relative;overflow:hidden}.edit-profile-avatar-row{align-items:center;gap:14px;padding:8px 0 4px;display:flex}.edit-preview-avatar{margin-top:0}.avatar-upload-btn{border:1px solid var(--border);min-height:42px;color:var(--navy);cursor:pointer;background:#fff;border-radius:999px;justify-content:center;align-items:center;padding:0 16px;font-size:13px;font-weight:800;display:inline-flex;position:relative}.avatar-upload-btn input{opacity:0;cursor:pointer;position:absolute;inset:0}.profile-identity{flex:1;min-width:0}.profile-name{color:var(--navy);letter-spacing:-.4px;font-size:20px;font-weight:800}.profile-handle,.profile-location{color:var(--text-muted);align-items:center;gap:4px;margin-top:2px;font-size:13px;display:flex}.profile-bio{color:var(--text-main);margin:0 0 14px;font-size:14px;line-height:1.65}.profile-actions{align-items:flex-start;gap:8px;margin-left:auto;display:flex}.profile-stats{gap:24px;margin-bottom:14px;display:flex}.profile-content{grid-template-columns:minmax(0,1fr) 280px;gap:0;margin:0 28px 28px;display:grid}.profile-posts{padding-top:16px}.profile-tabs-wrap .feed-tabs{border:1px solid var(--border);background:var(--surface);border-radius:12px;margin-bottom:16px;padding:0 8px}.profile-sidebar{align-content:start;gap:14px;padding:16px 0 0 20px;display:grid}.seller-stats-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:12px;padding:16px}.seller-stats-card h2{color:var(--navy);margin:0 0 10px;font-size:13px;font-weight:900}.seller-stat{border-bottom:1px solid var(--border);color:var(--text-muted);justify-content:space-between;padding:7px 0;font-size:12px;display:flex}.seller-stat:last-child{border-bottom:0}.seller-stats-card strong{color:var(--navy)}.profile-stats strong{gap:2px;display:grid}.profile-stats span{color:var(--text-muted);font-size:12px;font-weight:600}.stat-item{gap:2px;display:grid}.stat-num{color:var(--navy);font-weight:800}.stat-label{color:var(--text-muted);font-size:12px}.trust-row{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.trust-badge,.chip{border-radius:12px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.trust-verified,.chip-verified{color:var(--green);background:#ecfdf5}.trust-seller{color:#e67e00;background:#fff3e0}.trust-txn,.chip-mod{color:var(--navy-2);background:#eef2ff}.messages-layout{background:var(--surface);grid-template-columns:300px minmax(0,1fr);height:calc(100vh - 108px);display:grid;overflow:hidden}.msg-list{border-right:1px solid var(--border);background:var(--surface);flex-direction:column;display:flex;overflow:hidden}.msg-list-header{border-bottom:1px solid var(--border);padding:16px}.msg-list-header h1{margin:0 0 12px;font-size:20px;font-weight:900}.msg-list-title{color:var(--navy);margin-bottom:10px;font-size:16px;font-weight:800}.msg-search{border:1px solid var(--border);background:var(--bg);border-radius:20px;align-items:center;gap:8px;width:100%;padding:7px 12px;display:flex}.msg-search input{min-width:0;color:var(--text-main);background:0 0;border:0;outline:0;flex:1;font-size:13px}.conv-list{flex:1;overflow-y:auto}.conv-item{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:12px 16px;transition:background .1s;display:flex}.conv-item:hover{background:var(--bg)}.conv-item.active{background:#eef2ff}.conv-info{flex:1;gap:3px;min-width:0;display:grid}.conv-name{color:var(--navy);font-size:14px;font-weight:700}.conv-preview{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.conv-meta{justify-items:end;gap:4px;display:grid}.conv-time{color:var(--text-muted);white-space:nowrap;font-size:11px}.unread-dot{background:var(--orange);border-radius:50%;width:8px;height:8px}.msg-window{background:var(--bg);flex-direction:column;min-width:0;display:flex}.msg-header,.msg-composer{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:14px 18px;display:flex}.msg-header{background:var(--surface);padding:14px 20px}.msg-user-info{flex:1;display:grid}.msg-user-name{color:var(--navy);font-size:15px;font-weight:700}.msg-user-status{color:var(--green);font-size:12px}.msg-header .icon-btn{margin-left:auto}.msg-mobile-back{border-bottom:1px solid var(--border);background:var(--surface);align-items:center;gap:12px;height:52px;padding:0 16px;display:none}.msg-mobile-back a{color:var(--text-main);flex:none;align-items:center;display:inline-flex}.msg-body{background:var(--bg);flex-direction:column;flex:1;gap:12px;padding:20px;display:flex;overflow:auto}.msg-date-label{color:var(--text-muted);text-align:center;margin:4px 0;font-size:11px}.msg-bubble-wrap{align-items:flex-end;gap:8px;display:flex}.msg-bubble-wrap.outgoing{flex-direction:row-reverse}.msg-bubble{border-radius:16px;max-width:66%;padding:10px 14px;font-size:14px;line-height:1.55}.msg-bubble.incoming{box-shadow:var(--shadow-sm);background:#fff;border-bottom-left-radius:4px}.msg-bubble.outgoing{background:var(--navy);color:#fff;border-bottom-right-radius:4px}.msg-avatar{width:28px;height:28px;font-size:11px}.msg-time{color:var(--text-muted);align-self:flex-end;padding:0 4px 4px;font-size:11px}.msg-composer{border-top:1px solid var(--border);background:var(--surface);border-bottom:0;padding:14px 20px}.msg-send-btn{background:var(--navy);color:#fff;border:0;border-radius:50%;justify-content:center;place-items:center;width:40px;height:40px;font-weight:900;display:flex}.image-message,.preview-card{color:var(--navy);text-align:center;background:#dfe6f7;border-radius:8px;margin-bottom:8px;padding:18px;font-weight:800}.search-input-shell,.page-search{color:var(--text-main);align-items:center;gap:8px;margin-bottom:16px;display:flex}.search-input-shell{border:1.5px solid var(--border);background:var(--surface);border-radius:22px;padding:9px 16px}.search-input-shell input{min-width:0;color:var(--text-main);background:0 0;border:0;outline:0;flex:1}.page-search-input input{min-width:0;color:var(--text-main);background:0 0;border:0;outline:0;flex:1;padding:0}.page-search-input input::placeholder{color:var(--text-muted)}.search-result-block{margin-bottom:14px;padding:16px}.result-block-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.see-all-link{color:var(--navy-2);background:0 0;border:0;padding:0;font-size:12px;font-weight:700}.search-person-row,.group-item.bordered{border-bottom:1px solid var(--border);justify-content:space-between;padding:10px 0}.search-person-row{justify-content:flex-start}.sp-info,.group-item.bordered .group-info{display:grid}.search-person-row .sp-info{flex:1}.sp-name{color:var(--navy);align-items:center;gap:4px;font-size:14px;font-weight:700;display:flex}.sp-handle,.sp-followers{color:var(--text-muted);font-size:12px}.sp-followers{margin-top:1px;font-size:11px}.search-person-row button,.follow-btn-sm{border:1.5px solid var(--navy-2);color:var(--navy-2);background:0 0;border-radius:14px;padding:5px 12px;font-size:12px;font-weight:800}.follow-btn-sm.joined{color:var(--green);background:#248f621f;border-color:#248f623d}.list-card{padding:6px 12px;overflow:hidden}.notif-row,.settings-row{border:0;border-bottom:1px solid var(--border);width:100%;color:var(--text-main);text-align:left;background:#fff;gap:12px;padding:14px 16px;display:flex}.notif-row{align-items:flex-start;padding:13px 4px}.notif-action-btn{flex:none;align-self:center;padding:7px 12px;font-size:12px}.notif-row:last-child{border-bottom:0}.notif-row.unread{background:#f5f8ff;border-radius:8px;padding-left:12px;padding-right:12px;position:relative}.notif-row.unread:before{content:"";background:var(--orange);border-radius:50%;width:6px;height:6px;position:absolute;top:22px;left:4px}.notif-row span{color:var(--text-muted);font-size:13px}.notif-row>span:nth-child(2){gap:3px;display:grid}.notif-text{line-height:1.5;color:var(--text-main)!important}.notif-time{color:var(--text-muted);font-size:11.5px}.notif-thumb{width:38px;height:38px;color:var(--navy);background:#dfe6f7;border-radius:8px;flex:none;place-items:center;display:grid}.topic-hero{border-bottom:1px solid var(--border);background:var(--surface);color:var(--navy);border-radius:0;gap:7px;margin-bottom:16px;padding:24px;display:grid}.topic-hero-title{margin:0;font-size:24px;font-weight:800}.topic-hero-count,.topic-hero-desc{color:var(--text-muted);max-width:520px;font-size:13px}.follow-topic-btn{background:var(--orange);color:#fff;border:0;border-radius:20px;width:fit-content;padding:9px 18px;font-weight:800}.settings-page{flex-direction:column;gap:18px;width:min(720px,100%);margin:0 auto;padding-bottom:28px;display:flex}.settings-topbar{z-index:12;background:var(--bg);align-items:center;gap:12px;padding:8px 0;display:flex;position:sticky;top:84px}@supports (color:color-mix(in lab, red, red)){.settings-topbar{background:color-mix(in srgb, var(--bg) 82%, transparent)}}.settings-topbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.settings-topbar h1{color:var(--navy);margin:0;font-size:22px;font-weight:850}.settings-panel{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:20px;padding:20px}.settings-section{max-width:560px;margin-bottom:22px}.settings-section-title{color:var(--text-main);align-items:center;gap:9px;margin-bottom:16px;font-size:15px;font-weight:850;display:flex}.settings-section-title svg{width:17px;height:17px;color:var(--orange)}.settings-card{overflow:hidden}.developer-note{border-bottom:1px solid var(--border);color:var(--text-muted);padding:13px 16px;font-size:12px;line-height:1.5}.settings-avatar-row{align-items:center;gap:16px;margin-bottom:16px;display:flex}.settings-avatar-row .avatar-lg{border-radius:50%;flex:0 0 64px;width:64px;height:64px;font-size:22px}.settings-field{border-top:1px solid var(--border);padding:10px 0;display:block}.settings-field:first-of-type{border-top:0;padding-top:0}.settings-field>span{color:var(--text-muted);margin-bottom:7px;font-size:12.5px;font-weight:750;display:block}.settings-input,.settings-select,.settings-textarea{border:1px solid var(--border);background:var(--bg);border-radius:14px;outline:0;width:100%}@supports (color:color-mix(in lab, red, red)){.settings-input,.settings-select,.settings-textarea{background:color-mix(in srgb, var(--bg) 72%, var(--surface))}}.settings-input,.settings-select,.settings-textarea{color:var(--text-main);padding:11px 14px;font-size:13.5px;transition:border-color .15s,background .15s,box-shadow .15s}.settings-textarea{resize:vertical;min-height:76px;line-height:1.5}.settings-input:focus,.settings-select:focus,.settings-textarea:focus{border-color:var(--orange)}@supports (color:color-mix(in lab, red, red)){.settings-input:focus,.settings-select:focus,.settings-textarea:focus{border-color:color-mix(in srgb, var(--orange) 48%, var(--border))}}.settings-input:focus,.settings-select:focus,.settings-textarea:focus{background:var(--surface);box-shadow:0 0 0 3px var(--orange)}@supports (color:color-mix(in lab, red, red)){.settings-input:focus,.settings-select:focus,.settings-textarea:focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--orange) 12%, transparent)}}.settings-input[readonly],.settings-textarea[readonly]{color:var(--text-muted)}.settings-row{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:13px 0;font-weight:500;display:flex}.settings-row:first-of-type{border-top:0;padding-top:0}.settings-row-text{gap:2px;min-width:0;display:grid}.settings-row-label{color:var(--text-main);text-align:left;font-size:13.5px;font-weight:750}.settings-row-label small,.settings-row-desc{color:var(--text-muted);font-size:12px;font-weight:500}.settings-empty-row{color:var(--text-muted);padding:2px 0;font-size:13px}.developer-link-row{gap:16px;padding:13px 16px}.developer-link-row .settings-row-label{gap:3px;min-width:0;display:grid}.developer-link-row .settings-row-label small{overflow-wrap:anywhere}.settings-chevron{color:var(--text-muted)}.btn-outline-sm,.btn-danger,.btn-message,.post-submit-btn{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-height:38px;padding:0 16px;font-size:12.5px;font-weight:800;display:inline-flex}.btn-outline-sm{border:1px solid var(--border-mid);color:var(--text-main);background:0 0}.btn-outline-sm:hover{border-color:var(--orange);color:var(--orange)}.switch{background:var(--border-mid);border:0;border-radius:999px;flex:0 0 44px;width:44px;height:26px;padding:0;transition:background .18s;position:relative}.switch-knob{background:#fff;border-radius:50%;width:20px;height:20px;transition:left .18s;position:absolute;top:3px;left:3px;box-shadow:0 2px 5px #0000002e}.switch.on{background:linear-gradient(135deg, var(--orange), var(--orange-light))}.switch.on .switch-knob{left:21px}.appearance-chips{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.appearance-chip{border:1px solid var(--border);min-height:82px;color:var(--text-muted);background:0 0;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:12px;font-weight:800;transition:border-color .15s,background .15s,color .15s;display:flex}.appearance-chip svg{width:18px;height:18px}.appearance-chip.active,.appearance-chip:hover{border-color:var(--orange)}@supports (color:color-mix(in lab, red, red)){.appearance-chip.active,.appearance-chip:hover{border-color:color-mix(in srgb, var(--orange) 56%, var(--border))}}.appearance-chip.active,.appearance-chip:hover{background:var(--orange)}@supports (color:color-mix(in lab, red, red)){.appearance-chip.active,.appearance-chip:hover{background:color-mix(in srgb, var(--orange) 10%, var(--surface))}}.appearance-chip.active,.appearance-chip:hover{color:var(--orange)}.verify-badge-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.verify-badge-row .trust-badge svg{width:14px;height:14px}.danger-zone{border-color:var(--red)}@supports (color:color-mix(in lab, red, red)){.danger-zone{border-color:color-mix(in srgb, var(--red) 30%, var(--border))}}.danger-zone .settings-section-title,.danger-zone .settings-section-title svg{color:var(--red)}.btn-danger{border:1px solid var(--red)}@supports (color:color-mix(in lab, red, red)){.btn-danger{border:1px solid color-mix(in srgb, var(--red) 42%, var(--border))}}.btn-danger{color:var(--red);background:0 0}.btn-danger:hover{background:var(--red);color:#fff}.btn-logout{background:var(--red);border:0;border-radius:999px;width:100%;min-height:42px;margin-top:4px}@supports (color:color-mix(in lab, red, red)){.btn-logout{background:color-mix(in srgb, var(--red) 8%, var(--surface))}}.btn-logout{color:var(--red);font-size:13.5px;font-weight:850}.btn-message{border:1px solid var(--border-mid);background:var(--surface);color:var(--text-main)}.post-submit-btn{background:linear-gradient(135deg, var(--orange), var(--orange-light));color:#fff;box-shadow:0 10px 22px var(--orange);border:0}@supports (color:color-mix(in lab, red, red)){.post-submit-btn{box-shadow:0 10px 22px color-mix(in srgb, var(--orange) 28%, transparent)}}.settings-save-bar{z-index:12;background:var(--bg);justify-content:flex-end;align-items:center;gap:10px;padding:12px 0 4px;display:flex;position:sticky;bottom:0}@supports (color:color-mix(in lab, red, red)){.settings-save-bar{background:color-mix(in srgb, var(--bg) 82%, transparent)}}.settings-save-bar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.settings-save-note{color:var(--green);margin-right:auto;font-size:12px;font-weight:800}@media (max-width:720px){.settings-page{gap:14px;padding-bottom:96px}.settings-topbar{margin:0 -2px;top:68px}.settings-panel{border-radius:18px;padding:16px}.settings-row,.verify-badge-row{flex-direction:column;align-items:flex-start}.settings-row>.switch{align-self:flex-end;margin-top:-34px}.settings-avatar-row{flex-direction:column;align-items:flex-start;gap:12px}.appearance-chips{grid-template-columns:1fr}.appearance-chip{flex-direction:row;min-height:58px}.settings-save-bar{border-top:1px solid var(--border);background:var(--surface);padding:10px 16px;position:fixed;bottom:72px;left:0;right:0}@supports (color:color-mix(in lab, red, red)){.settings-save-bar{background:color-mix(in srgb, var(--surface) 94%, transparent)}}.settings-save-note{display:none}.settings-save-bar .btn-message,.settings-save-bar .post-submit-btn{flex:1}}.topic-result-item,.recent-search-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 0;display:flex}.topic-result-item:last-child,.recent-search-item:last-child{border-bottom:0}.topic-result-name{color:var(--navy-2);font-size:14px;font-weight:700}.topic-result-count,.recent-clear{color:var(--text-muted);font-size:12px}.empty-state{text-align:center;padding:60px 20px}.empty-icon{background:var(--bg);width:56px;height:56px;color:var(--text-muted);border-radius:50%;place-items:center;margin:0 auto 16px;display:grid}.empty-title{color:var(--navy);margin-bottom:6px;font-size:15px;font-weight:800}.empty-desc{max-width:320px;color:var(--text-muted);margin:0 auto 18px;font-size:13px;line-height:1.6}.login-required-card{border:1px solid var(--border);background:var(--surface);width:min(520px,100%);box-shadow:var(--shadow-sm);text-align:center;border-radius:24px;justify-items:center;gap:12px;margin:48px auto;padding:30px 24px;display:grid}.login-required-icon{background:var(--orange);border-radius:18px;place-items:center;width:54px;height:54px;display:grid}@supports (color:color-mix(in lab, red, red)){.login-required-icon{background:color-mix(in srgb, var(--orange) 14%, var(--surface))}}.login-required-icon{color:var(--orange)}.login-required-icon svg{width:24px;height:24px}.login-required-card h1{color:var(--text-main);margin:0;font-size:22px}.login-required-card p{max-width:390px;color:var(--text-muted);margin:0;font-size:14px;line-height:1.55}.mark-read-link{color:var(--navy-2);background:0 0;border:0;padding:0;font-size:12px;font-weight:700}.ds-section{background:var(--bg);min-height:100vh;padding:28px}.ds-section h1{color:var(--navy);margin:0 0 24px;font-size:22px;font-weight:800}.ds-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-bottom:24px;display:grid}.ds-card{border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:16px}.color-swatch{border:1px solid var(--border);border-radius:6px;width:100%;height:40px;margin-bottom:6px}.color-val{color:var(--navy);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;font-weight:700}.color-label{color:var(--text-muted);font-size:12px}.btn-row{flex-wrap:wrap;gap:8px;display:flex}.empty-card{color:var(--text-muted);padding:22px}.modal-overlay{z-index:50;background:#17245547;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-box{background:#fff;border-radius:16px;width:min(560px,100%);overflow:hidden;box-shadow:0 18px 60px #1f2f6940}.modal-box.narrow{width:min(420px,100%)}.modal-header,.modal-footer{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.modal-header h2{margin:0;font-size:16px;font-weight:900}.modal-header button{color:var(--text-muted);background:0 0;border:0;font-size:20px}.modal-body{gap:12px;padding:18px;display:grid}.modal-body textarea{resize:vertical;min-height:150px}.field-stack{gap:6px;display:grid}.modal-body input[aria-invalid=true],.modal-body textarea[aria-invalid=true]{border-color:var(--red);background:#fff8f8}.field-error,.submit-hint,.form-error{font-size:12px;font-weight:700}.field-error,.form-error{color:var(--red)}.submit-hint{color:var(--text-muted)}.form-error{background:#fff8f8;border:1px solid #dc38482e;border-radius:8px;padding:10px 12px}.modal-inline-fields{grid-template-columns:1fr 1fr;gap:10px;display:grid}.modal-footer{border-top:1px solid var(--border);border-bottom:0}.btn-cancel-text{color:var(--text-muted);background:0 0;border:0;font-weight:800}.btn-destructive{background:var(--red);color:#fff;border:0;border-radius:20px;padding:8px 16px;font-weight:800}.report-reason{border:1px solid var(--border);text-align:left;background:#fff;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;display:flex}.radio-dot{border:2px solid var(--border-mid);border-radius:50%;width:16px;height:16px}.radio-dot.checked{border:5px solid var(--navy)}.success-state{color:var(--green)}.mobile-bottomnav{display:none}@media (max-width:1040px){.community-grid{grid-template-columns:72px minmax(0,1fr)}.community-grid--standalone{display:block}.sidebar-right{display:none}.nav-item{justify-content:center}.nav-item span:not(.nav-icon):not(.nav-badge){display:none}.app-search{max-width:240px}}@media (max-width:720px){.app-bar{height:54px;padding:0 14px}.app-logo{max-width:calc(100vw - 96px)}.app-logo-image{width:min(145px,100%);max-height:34px}.eco-switcher,.app-search,.app-bar .primary-small,.icon-btn{display:none}.community-grid{min-height:calc(100vh - 118px);display:block}.sidebar-left{display:none}.community-main,.community-main--wide{padding:14px}.community-main--standalone{max-width:100vw;padding:0;overflow-x:hidden}.feed-tabs{overflow:hidden}.tab{white-space:nowrap;flex:1 1 0;min-width:0;padding-inline:6px}.group-grid,.group-body,.profile-content,.messages-layout{grid-template-columns:1fr}.group-sidebar,.profile-sidebar{display:none}.group-main{border-right:0;padding:14px}.group-cover{min-height:150px;padding:18px}.post-card{padding:14px}.post-img-placeholder{height:200px}.post-actions{grid-template-columns:repeat(4,minmax(0,1fr))}.post-actions button,.post-actions a{font-size:0}.post-actions button:first-letter,.post-actions a:first-letter{font-size:16px}.composer-actions{margin-left:0}.profile-cover{padding:12px}.profile-top{align-items:flex-start}.profile-avatar{width:56px;height:56px}.profile-stats{flex-wrap:wrap}.messages-layout{height:auto;min-height:calc(100vh - 118px);display:block}.messages-layout .msg-list{border-right:0;min-height:calc(100vh - 118px);display:flex}.messages-layout .msg-window,.messages-layout--conversation .msg-list{display:none}.messages-layout--conversation .msg-window{min-height:calc(100vh - 118px);display:flex}.messages-layout--conversation .msg-header{display:none}.messages-layout--conversation .msg-mobile-back{display:flex}.msg-body{min-height:0;padding:16px 14px}.msg-bubble{max-width:78%}.msg-composer{padding:12px 14px;position:sticky;bottom:66px}.msg-composer .icon-btn{display:grid}.mobile-bottomnav{z-index:30;border-top:1px solid var(--border);background:#fff;grid-template-columns:repeat(5,1fr);align-items:center;gap:4px;padding:8px 10px 10px;display:grid;position:sticky;bottom:0}.mobile-bottomnav a,.mobile-bottomnav button{color:var(--text-muted);text-align:center;background:0 0;border:0;border-radius:10px;padding:8px 4px;font-size:11px;font-weight:800}.mobile-bottomnav a.active{color:var(--navy)}.mobile-bottomnav button{background:var(--orange);color:#fff;border-radius:50%;place-self:center;width:44px;height:44px;font-size:24px;line-height:1}}.community-shell .groups-page{flex-direction:column;gap:18px;min-width:0;display:flex}.community-shell .groups-heading{justify-content:space-between;align-items:center;gap:18px;margin:0;display:flex}.community-shell .groups-heading .feed-title{color:var(--text-main);letter-spacing:-.8px;margin:0;font-size:23px;font-weight:900;line-height:1.05}.community-shell .groups-heading p{color:var(--text-muted);margin:4px 0 0;font-size:12.5px;line-height:1.35}.community-shell .groups-create-btn{background:linear-gradient(135deg, var(--orange), var(--orange-light));color:#fff;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-width:130px;padding:11px 18px;display:inline-flex;box-shadow:0 12px 26px #f47a3752}.community-shell .groups-create-btn svg{width:15px;height:15px}.community-shell .grid-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.community-shell .grid-groups .group-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:22px;overflow:hidden}.community-shell .grid-groups .group-cover{height:96px;min-height:0;color:var(--navy);background-position:50%;background-size:cover;place-items:center;padding:0;font-size:40px;line-height:1;display:grid;position:relative;overflow:hidden}.community-shell .grid-groups .group-cover img{object-fit:cover;width:46px;height:46px;box-shadow:var(--shadow-sm);border:0;border-radius:14px}.community-shell .grid-groups .group-cover span{filter:drop-shadow(0 8px 16px #00000029)}.community-shell .grid-groups .group-card-body{padding:14px 16px 16px}.community-shell .grid-groups .group-card-name{color:var(--text-main);letter-spacing:-.2px;margin-bottom:4px;font-size:14.5px;font-weight:850;line-height:1.25;display:block}.community-shell .grid-groups .group-card-meta{color:var(--text-muted);margin-bottom:10px;font-size:12px;line-height:1.35}.community-shell .grid-groups .cat-chip{background:var(--blue-soft);width:fit-content;color:var(--blue);border:0;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:800;display:inline-flex}.community-shell .group-card-actions{margin-top:12px;display:block}.community-shell .group-card-open{border:1.5px solid var(--orange);justify-content:center;align-items:center;width:100%;min-height:34px;display:flex}@supports (color:color-mix(in lab, red, red)){.community-shell .group-card-open{border:1.5px solid color-mix(in srgb, var(--orange) 38%, var(--border))}}.community-shell .group-card-open{color:var(--orange);background:0 0;border-radius:999px;padding:0 12px;font-size:12px;font-weight:900}.community-shell .group-card-open:hover{background:var(--orange);color:#fff}.community-shell .group-card-actions .join-btn{white-space:nowrap;min-height:35px}.community-shell .group-card-actions .join-btn.joined{border-color:var(--border);color:var(--text-muted)}.community-shell .group-card-actions .join-btn.pending{border-color:var(--navy)}@supports (color:color-mix(in lab, red, red)){.community-shell .group-card-actions .join-btn.pending{border-color:color-mix(in srgb, var(--navy) 28%, var(--border))}}.community-shell .group-card-actions .join-btn.pending{color:var(--navy)}.community-shell .create-group-page{width:min(760px,100%);margin:0 auto;padding:22px 0 40px}.community-shell .create-group-layout{align-items:start;gap:16px;display:grid}.community-shell .compose-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:26px;padding:18px}.community-shell .create-group-photo-card .settings-section-title{margin-bottom:12px}.community-shell .create-group-compose .upload-zone{border:2px dashed var(--border-mid);background:var(--bg-soft);color:var(--text-muted);text-align:center;cursor:pointer;place-items:center;transition:border-color .16s,color .16s,background .16s;display:grid;position:relative}.community-shell .create-group-compose .upload-zone:hover{border-color:var(--orange);color:var(--orange);background:var(--orange)}@supports (color:color-mix(in lab, red, red)){.community-shell .create-group-compose .upload-zone:hover{background:color-mix(in srgb, var(--orange) 8%, var(--surface))}}.community-shell .create-group-compose .upload-zone input{cursor:pointer;opacity:0;width:auto;height:auto;position:absolute;inset:0}.community-shell .create-group-compose .group-cover-upload{aspect-ratio:3;border-radius:20px;padding:20px}.community-shell .create-group-compose .uz-title{color:var(--text-main);margin-top:7px;font-size:13px;font-weight:850}.community-shell .create-group-compose .uz-sub{color:var(--text-muted);margin-top:4px;font-size:11.5px}.community-shell .create-group-compose .group-cover-preview{aspect-ratio:3;background:var(--bg-soft);border-radius:20px;display:block;position:relative;overflow:hidden}.community-shell .create-group-compose .group-cover-preview img{object-fit:cover;width:100%;height:100%;display:block}.community-shell .create-group-compose .group-photo-row{align-items:flex-start;gap:16px;margin-top:14px;display:flex}.community-shell .create-group-compose .group-thumb-upload,.community-shell .create-group-compose .group-thumb-preview{border-radius:20px;flex:0 0 84px;width:84px;height:84px;position:relative;overflow:hidden}.community-shell .create-group-compose .group-thumb-upload{gap:3px;padding:6px}.community-shell .create-group-compose .group-thumb-preview img{object-fit:cover;width:100%;height:100%;display:block}.community-shell .create-group-compose .group-photo-hint{color:var(--text-muted);padding-top:6px;font-size:12px;line-height:1.6}.community-shell .create-group-fields{gap:14px;padding:0;display:grid}.community-shell .rich-editor-shell{gap:9px;display:grid}.community-shell .rich-editor-label{color:var(--navy);font-size:12px;font-weight:900}.community-shell .rich-editor-toolbar{flex-wrap:wrap;gap:8px;display:flex}.community-shell .rich-editor-toolbar button{border:1px solid var(--border);background:var(--bg-soft);color:var(--text-main);border-radius:999px;padding:7px 12px;font-size:12px;font-weight:850}.community-shell .rich-editor-toolbar button:hover{border-color:var(--orange)}@supports (color:color-mix(in lab, red, red)){.community-shell .rich-editor-toolbar button:hover{border-color:color-mix(in srgb, var(--orange) 44%, var(--border))}}.community-shell .rich-editor-toolbar button:hover{color:var(--orange)}.community-shell .rich-editor-input{border:1px solid var(--border);background:var(--bg-soft);min-height:150px;color:var(--text-main);border-radius:16px;outline:0;padding:14px 16px;line-height:1.6}.community-shell .rich-editor-input:focus{border-color:var(--orange)}@supports (color:color-mix(in lab, red, red)){.community-shell .rich-editor-input:focus{border-color:color-mix(in srgb, var(--orange) 54%, var(--border))}}.community-shell .rich-editor-input:focus{box-shadow:0 0 0 4px var(--orange)}@supports (color:color-mix(in lab, red, red)){.community-shell .rich-editor-input:focus{box-shadow:0 0 0 4px color-mix(in srgb, var(--orange) 12%, transparent)}}.community-shell .rich-editor-input:empty:before{content:attr(data-placeholder);color:var(--text-muted)}.community-shell .rich-editor-shell small{color:var(--text-muted);font-size:11px;font-weight:700}.community-shell .create-group-rules{gap:10px;display:grid}.community-shell .rule-input-row{grid-template-columns:30px minmax(0,1fr);align-items:center;gap:9px;display:grid}.community-shell .rule-input-row span{background:var(--navy);border-radius:50%;place-items:center;width:30px;height:30px;display:grid}@supports (color:color-mix(in lab, red, red)){.community-shell .rule-input-row span{background:color-mix(in srgb, var(--navy) 12%, var(--surface))}}.community-shell .rule-input-row span{color:var(--navy);font-size:12px;font-weight:900}.community-shell .rule-input-row input{border:1px solid var(--border);background:var(--surface);min-height:42px;color:var(--text-main);font:inherit;border-radius:12px;padding:0 12px}.community-shell .create-group-preview{position:sticky;top:18px}.community-shell .preview-sticky-card{padding:16px}.community-shell .preview-label{color:var(--navy);text-transform:uppercase;margin-bottom:12px;font-size:12px;font-weight:900}.community-shell .preview-save-note{border:1px solid var(--orange);margin-top:12px}@supports (color:color-mix(in lab, red, red)){.community-shell .preview-save-note{border:1px solid color-mix(in srgb, var(--orange) 24%, var(--border))}}.community-shell .preview-save-note{background:var(--orange);border-radius:16px}@supports (color:color-mix(in lab, red, red)){.community-shell .preview-save-note{background:color-mix(in srgb, var(--orange) 8%, var(--surface))}}.community-shell .preview-save-note{color:var(--text-main);padding:12px;font-size:12px;line-height:1.55}.community-shell .group-cover-thumb img{object-fit:cover;border-radius:16px;width:54px;height:54px}.community-shell .rich-text-content :is(p,ul,ol){margin:0 0 10px}.community-shell .rich-text-content :is(ul,ol){padding-left:20px}.community-shell .rich-text-content a{color:var(--orange);font-weight:850}.community-shell .groups-page>.feed-tabs{border:1px solid var(--border);background:var(--surface);border-radius:999px;align-self:flex-start;width:fit-content;margin:0;padding:4px}.community-shell .groups-page>.feed-tabs .tab{border:0;border-radius:999px;min-width:104px;padding:9px 18px;font-size:12px;font-weight:850}.community-shell .groups-page>.feed-tabs .tab.active{box-shadow:var(--shadow-sm);color:var(--orange);background:#fff}.community-shell .groups-page .group-grid{gap:16px}.community-shell .groups-page .group-disc-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:16px;transition:transform .18s,box-shadow .18s;overflow:hidden}.community-shell .groups-page .group-disc-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.community-shell .groups-page .group-disc-cover{background:linear-gradient(135deg,#e8f0ff,#dce1f2);height:112px}.community-shell .groups-page .group-cover-aquatic{background:linear-gradient(135deg,#5d657f,#c6ccda)}.community-shell .groups-page .group-cover-burung{background:linear-gradient(135deg,#6a613d,#d8c58c)}.community-shell .groups-page .group-cover-reptil{background:linear-gradient(135deg,#2f5843,#9cc9ae)}.community-shell .groups-page .group-cover-mamalia,.community-shell .groups-page .group-cover-default{background:linear-gradient(135deg,#6f523b,#dfbb9c)}.community-shell .groups-page .group-disc-cover:first-child{place-items:center;display:grid}.community-shell .groups-page .group-disc-avatar{border:3px solid var(--surface);background:#ffffffb8;place-items:center;font-size:27px;display:grid;position:static;box-shadow:0 8px 18px #0f23481f;border-radius:16px!important;width:62px!important;height:62px!important}.community-shell .groups-page .group-disc-body{gap:8px;padding:15px 16px 16px}.community-shell .groups-page .group-disc-name{color:var(--text-main);font-size:14px}.community-shell .groups-page .group-disc-meta{color:var(--text-muted);gap:0;font-size:11px;display:flex}.community-shell .groups-page .group-disc-meta span+span:before{content:"·";margin:0 5px}.community-shell .groups-page .group-category-pill{background:var(--bg-soft);width:fit-content;color:var(--orange);border-radius:999px;padding:5px 10px;font-size:11px;font-weight:800}.community-shell .groups-page .group-disc-footer{grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:4px;display:grid}.community-shell .groups-page .group-open-btn,.community-shell .groups-page .group-member-btn{border-radius:999px;justify-content:center;align-items:center;min-height:34px;font-size:11px;font-weight:800;display:inline-flex}.community-shell .groups-page .group-open-btn{background:linear-gradient(135deg, var(--orange), var(--orange-light));color:#fff}.community-shell .groups-page .group-member-btn{border:1px solid var(--border-mid);color:var(--text-muted);background:0 0;padding:0 11px}.community-shell .notifications-page{max-width:688px}.community-shell .notifications-heading{justify-content:space-between;align-items:flex-start;gap:18px;margin:2px 0 18px;display:flex}.community-shell .notifications-heading p{color:var(--text-muted);margin:6px 0 0;font-size:13px}.community-shell .notifications-heading .mark-read-link{color:var(--orange);background:0 0;border:0;flex:none;margin-top:4px;font-size:12px;font-weight:800}.community-shell .notification-search{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text-muted);box-shadow:var(--shadow-sm);border-radius:999px;align-items:center;gap:10px;margin-bottom:14px;padding:10px 14px;display:flex}.community-shell .notification-search svg{flex:none;width:17px;height:17px}.community-shell .notification-search input{min-width:0;color:var(--text-main);font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:13px}.community-shell .notification-search input::placeholder{color:var(--text-muted)}.community-shell .notifications-page>.feed-tabs{border:1px solid var(--border);background:var(--surface);border-radius:999px;width:fit-content;margin-bottom:16px;padding:5px}.community-shell .notifications-page>.feed-tabs .tab{border:0;border-radius:999px;padding:7px 14px;font-size:12px}.community-shell .notifications-page>.feed-tabs .tab.active{background:var(--navy);color:#fff}.community-shell .notifications-list{border-radius:16px;padding:6px 10px}.community-shell .notifications-list .notif-row{align-items:center;gap:12px;min-height:62px;padding:12px 8px}.community-shell .notifications-list .notif-row.unread{background:var(--orange-soft-2);padding-left:14px;padding-right:12px}.community-shell .notifications-list .notif-row.unread:before{width:5px;height:5px;top:50%;left:4px;transform:translateY(-50%)}.community-shell .notifications-list .notif-thumb{color:#fff;border-radius:50%;width:36px;height:36px}.community-shell .notifications-list .notif-thumb svg{width:16px;height:16px}.community-shell .notifications-list .notif-like{background:var(--red)}.community-shell .notifications-list .notif-comment{background:var(--blue)}.community-shell .notifications-list .notif-auction{background:linear-gradient(135deg, var(--orange), var(--orange-light))}.community-shell .notifications-list .notif-group{background:var(--green)}.community-shell .notifications-list .notif-follow{background:var(--yellow)}.community-shell .notifications-list .notif-system{background:var(--navy-2)}.community-shell .notifications-list .notif-row>span:nth-child(2){flex:1;min-width:0}.community-shell .notifications-list .notif-text{font-size:13px}.community-shell .notifications-list .notif-time{white-space:nowrap;align-self:flex-start;margin-top:2px}.community-shell .notifications-rail .rail-card{border-radius:16px}.community-shell .notification-people-card{margin-top:14px}.community-shell .notification-person{align-items:center;gap:9px;padding:10px 0;display:flex}.community-shell .notification-person+.notification-person{border-top:1px solid var(--border)}.community-shell .notification-person>.avatar{aspect-ratio:1;border-radius:50%;flex:0 0 38px;width:38px;height:38px}.community-shell .notification-person>span:not(.avatar){flex:1;gap:2px;min-width:0;display:grid}.community-shell .notification-person strong{color:var(--text-main);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.community-shell .notification-person small{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.community-shell .notification-person .join-btn-sm{flex:none;padding:6px 10px;font-size:11px}.community-shell .group-detail{background:0 0;width:min(860px,100%);margin:0 auto}.community-shell .group-detail-back{background:var(--surface);width:38px;height:38px;color:var(--text-main);box-shadow:var(--shadow-sm);border-radius:50%;margin:0 0 16px}.community-shell .group-detail-header{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:22px;overflow:hidden}.community-shell .group-detail-cover{background-position:50%;background-size:cover;justify-content:center;align-items:center;height:160px;min-height:160px;font-size:64px;line-height:1;display:flex;position:relative;overflow:hidden}.community-shell .group-detail-cover span{filter:drop-shadow(0 10px 18px #00000029)}.community-shell .group-detail .group-cover-aquatic{background:linear-gradient(135deg,#dfe5f6,#d4dcf0)}.community-shell .group-detail .group-cover-burung{background:linear-gradient(135deg,#f6e9c0,#ead29a)}.community-shell .group-detail .group-cover-reptil{background:linear-gradient(135deg,#d7f0e0,#b9dec7)}.community-shell .group-detail .group-cover-mamalia{background:linear-gradient(135deg,#f4dcc8,#dfbb9c)}.community-shell .group-detail .group-cover-default{background:linear-gradient(135deg,#dfe5f6,#d4dcf0)}.community-shell .group-detail-body{padding:0 22px 20px}.community-shell .group-detail-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:14px;margin-top:-38px;display:flex}.community-shell .group-detail-thumb{border:5px solid var(--surface);background:var(--bg-soft);width:88px;height:88px;color:var(--navy);box-shadow:var(--shadow-md);border-radius:18px;flex:0 0 88px;place-items:center;font-size:34px;font-weight:900;display:grid;overflow:hidden}.community-shell .group-detail-thumb span{transform:scale(.78)}.community-shell .group-detail-actions{flex-wrap:wrap;align-items:center;gap:10px;padding-bottom:8px;display:flex}.community-shell .group-detail-name{color:var(--text-main);letter-spacing:-.5px;margin:14px 0 0;font-size:20px;font-weight:900;line-height:1.12}.community-shell .group-detail-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px;font-size:12.5px;font-weight:700;display:flex}.community-shell .group-detail-meta .dot{background:var(--text-muted);opacity:.55;border-radius:50%;width:3px;height:3px}.community-shell .group-detail-desc{max-width:640px;color:var(--text-main);margin:14px 0 0;font-size:13.5px;line-height:1.65}.community-shell .role-badge{background:var(--bg-soft);color:var(--text-muted);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:5px 10px;font-size:10.5px;font-weight:900;display:inline-flex}.community-shell .role-badge.owner{background:#ffc95f}@supports (color:color-mix(in lab, red, red)){.community-shell .role-badge.owner{background:color-mix(in srgb, #ffc95f 28%, var(--surface))}}.community-shell .role-badge.owner{color:#a5720a}.community-shell .role-badge.admin{background:var(--blue-soft);color:var(--blue)}.community-shell .group-manage-chip{border:1px solid var(--orange);align-items:center;gap:6px;min-height:34px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.community-shell .group-manage-chip{border:1px solid color-mix(in srgb, var(--orange) 38%, var(--border))}}.community-shell .group-manage-chip{background:var(--bg-soft);color:var(--orange);border-radius:999px;padding:0 13px;font-size:12px;font-weight:900}.community-shell .group-manage-chip svg{width:14px;height:14px}.community-shell .group-avatar-lg{border-color:var(--surface);background:var(--surface);color:var(--navy)}.community-shell .group-body{background:0 0;padding-top:0;display:block}.community-shell .group-main{border-right:0;padding:0}.community-shell .group-tabs{background:var(--surface)}.community-shell .group-detail>.feed-tabs{border:1px solid var(--border);background:var(--bg-soft);border-radius:999px;justify-content:flex-start;width:max-content;max-width:calc(100% - 32px);margin:16px 0;padding:4px;position:relative;transform:none}.community-shell .group-detail>.feed-tabs .tab{border:0;border-radius:999px;min-width:96px;padding:9px 18px;font-size:12px;font-weight:850}.community-shell .group-detail>.feed-tabs .tab.active{background:var(--surface);box-shadow:var(--shadow-sm);color:var(--orange)}.community-shell .group-members-panel{gap:12px;display:grid}.community-shell .group-search-input{border:1px solid var(--border);background:var(--bg-soft);border-radius:999px;align-items:center;gap:10px;width:100%;padding:10px 15px;display:flex}.community-shell .group-search-input svg{width:14px;height:14px;color:var(--text-muted)}.community-shell .group-search-input input{min-width:0;color:var(--text-main);font:inherit;background:0 0;border:0;outline:0;flex:1}.community-shell .group-members-list{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:22px;gap:0;padding:4px 12px;display:grid}.community-shell .group-member-row{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:10px 4px;display:flex}.community-shell .group-member-row>.avatar{aspect-ratio:1;object-fit:cover;border-radius:50%;flex:0 0 42px;width:42px;height:42px}.community-shell .group-member-row:last-child{border-bottom:0}.community-shell .group-member-info{flex:1;gap:2px;min-width:0;display:grid}.community-shell .group-member-row strong{color:var(--text-main);text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;overflow:hidden}.community-shell .group-member-row small{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.community-shell .group-media-strip{gap:12px;display:grid}.community-shell .group-sidebar h2{color:var(--text-main)}.community-shell .group-about-panel{border-color:var(--border);background:var(--surface)}.community-shell .group-about-panel .about-title,.community-shell .group-about-panel .mod-name{color:var(--navy)}.community-shell .group-about-panel .about-desc,.community-shell .group-about-panel .empty-mini{color:var(--text-muted)}.community-shell .pinned-post{border-color:var(--orange)}@supports (color:color-mix(in lab, red, red)){.community-shell .pinned-post{border-color:color-mix(in srgb, var(--orange) 32%, var(--border))}}.community-shell .pinned-post{background:var(--orange)}@supports (color:color-mix(in lab, red, red)){.community-shell .pinned-post{background:color-mix(in srgb, var(--orange) 9%, var(--surface))}}.community-shell .pinned-post{color:var(--text-main)}.community-shell .pinned-title{color:var(--navy)}.community-shell .group-composer{background:var(--surface)}.community-shell .notif-row,.community-shell .settings-row{background:var(--surface);color:var(--text-main)}.community-shell .notif-row.unread{background:var(--orange)}@supports (color:color-mix(in lab, red, red)){.community-shell .notif-row.unread{background:color-mix(in srgb, var(--orange) 10%, var(--surface))}}.community-shell .notif-row span,.community-shell .notif-time{color:var(--text-muted)}.community-shell .notif-text{color:var(--text-main)!important}.community-shell .profile-cover{background:linear-gradient(135deg, var(--navy), var(--navy-2));border-radius:26px 26px 0 0;height:190px}.community-shell .profile-card-wrap{padding:0 22px}.community-shell .profile-card{background:var(--surface);border-radius:22px;margin-top:-42px;padding:20px 22px}.community-shell .profile-name,.community-shell .seller-stats-card h2{color:var(--text-main)}.community-shell .profile-content{gap:22px;margin:0 22px 30px}.community-shell .profile-top{margin-bottom:18px}.community-shell .profile-actions .btn-follow,.community-shell .profile-actions .btn-msg{border-radius:999px;min-height:38px;padding:0 15px;font-size:12px;font-weight:800}.community-shell .profile-actions .btn-msg{border-color:var(--border-mid);background:var(--surface);color:var(--text-main)}.community-shell .profile-bio{max-width:680px;color:var(--text-muted)}.community-shell .profile-stats{gap:0;margin:18px 0 14px}.community-shell .profile-stats .stat-item{border-right:1px solid var(--border);min-width:92px;padding-right:22px}.community-shell .profile-stats .stat-item+.stat-item{padding-left:22px}.community-shell .profile-stats .stat-item:last-child{border-right:0}.community-shell .profile-stats .stat-num{color:var(--text-main);font-size:17px}.community-shell .trust-badge{border-radius:999px;padding:6px 10px;font-size:11px;font-weight:750}.community-shell .profile-tabs-wrap .feed-tabs{background:var(--surface);border-radius:999px;padding:5px}.community-shell .seller-stats-card{background:var(--surface);border-radius:20px}.community-shell .seller-stat strong{color:var(--text-main)}.community-shell .messages-layout{border:1px solid var(--border);background:var(--surface);height:min(620px,100vh - 128px);min-height:520px;box-shadow:var(--shadow-sm);border-radius:24px;overflow:hidden}.community-shell .chat-wrap{grid-template-columns:320px minmax(0,1fr);display:grid}.community-shell .chat-list{border-right:1px solid var(--border);min-width:0}.community-shell .chat-list-head{color:var(--text-main);gap:12px;padding:18px 18px 10px;font-size:17px;font-weight:950;display:grid}.community-shell .chat-item{min-height:66px}.community-shell .chat-item-name{color:var(--text-main);font-weight:900}.community-shell .chat-window{background:var(--surface);min-width:0}.community-shell .chat-window-head{min-height:66px}.community-shell .chat-window-body{flex:1;min-height:0;overflow-y:auto}.community-shell .chat-window-input{align-items:center;gap:10px;padding:14px 18px;display:flex}.community-shell .chat-window-input .msg-input{background:var(--bg-soft);border-radius:999px;min-height:44px}.community-shell .msg-list,.community-shell .msg-header{background:var(--surface)}.community-shell .msg-list-header{border-bottom:0}.community-shell .msg-list-title,.community-shell .conv-name,.community-shell .msg-user-name{color:var(--text-main)}.community-shell .msg-search{background:var(--bg-soft);border-radius:999px}.community-shell .conv-item{min-height:66px;color:inherit;border:0;border-radius:0;margin:0;padding:11px 16px}.community-shell .conv-item:hover,.community-shell .conv-item.active{background:var(--bg-soft)}.community-shell .conv-item>.avatar{border-radius:50%;flex:0 0 44px;width:44px;height:44px}.community-shell .conv-info{gap:3px}.community-shell .conv-name{font-size:13.5px}.community-shell .conv-preview{font-size:12px}.community-shell .conv-time{font-size:11px}.community-shell .msg-window{background:var(--surface)}.community-shell .msg-header{border-bottom-color:var(--border)}.community-shell .msg-header>.avatar{border-radius:50%;flex:0 0 38px;width:38px;height:38px}.community-shell .msg-body{background:0 0;gap:10px;padding:20px}.community-shell .msg-bubble{max-width:74%;box-shadow:none;border-radius:16px;padding:11px 15px;font-size:13.5px;line-height:1.5}.community-shell .msg-bubble.incoming{background:var(--bg-soft);border-bottom-left-radius:6px}.community-shell .msg-bubble.outgoing{background:linear-gradient(135deg, var(--orange), var(--orange-light))}.community-shell .msg-time{display:none}.community-shell .msg-send-btn{background:linear-gradient(135deg, var(--orange), var(--orange-light))}.community-shell .msg-composer{border-top:1px solid var(--border);background:var(--surface);border-bottom:0}.community-shell .msg-composer .msg-input{border:1.5px solid var(--border);color:var(--text-main);box-shadow:none;outline:0;padding:0 16px}.community-shell .msg-composer .msg-input:focus{border-color:var(--orange)}@supports (color:color-mix(in lab, red, red)){.community-shell .msg-composer .msg-input:focus{border-color:color-mix(in srgb, var(--orange) 35%, var(--border))}}.community-shell .msg-composer .msg-input:focus{background:var(--surface);box-shadow:none;outline:0}.community-shell .msg-send-btn{flex:0 0 42px;width:42px;height:42px}.community-shell .messages-layout a:focus,.community-shell .messages-layout button:focus,.community-shell .messages-layout input:focus,.community-shell .messages-layout a:focus-visible,.community-shell .messages-layout button:focus-visible,.community-shell .messages-layout input:focus-visible{box-shadow:none;outline:0}.community-shell .preview-avatar{color:#fff}.community-shell .avatar-0{background:linear-gradient(135deg, var(--orange), var(--orange-light))}.community-shell .avatar-1{background:linear-gradient(135deg, var(--navy), var(--navy-2))}.community-shell .avatar-2{background:linear-gradient(135deg, var(--green), #9bd9ae)}.community-shell .avatar-3{background:linear-gradient(135deg, #dcae37, var(--orange-light))}.community-shell .message-product-preview{border:1px solid var(--border);background:var(--surface);width:min(360px,100%);box-shadow:var(--shadow-sm);border-radius:14px;align-items:center;gap:10px;margin:4px 0;padding:9px;display:flex}.community-shell .message-product-preview>span{background:var(--bg-soft);border-radius:10px;flex:none;place-items:center;width:42px;height:42px;font-size:20px;display:grid}.community-shell .message-product-preview div{flex:1;gap:3px;min-width:0;display:grid}.community-shell .message-product-preview strong{color:var(--text-main);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.community-shell .message-product-preview small{color:var(--orange);font-size:11px;font-weight:800}.community-shell .message-product-preview button{border:1px solid var(--orange)}@supports (color:color-mix(in lab, red, red)){.community-shell .message-product-preview button{border:1px solid color-mix(in srgb, var(--orange) 45%, var(--border))}}.community-shell .message-product-preview button{color:var(--orange);background:0 0;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:800}.community-shell .messages-preview .conv-item{width:calc(100% - 16px);color:inherit;text-align:left;border:0;font-family:inherit}.community-shell .messages-preview .msg-window{place-items:center;display:grid}.community-shell .message-start-state{width:min(360px,100% - 40px);padding:0}.community-shell .message-list-empty{border:1px dashed var(--border-mid);background:var(--bg-soft);border-radius:18px;justify-items:center;gap:7px;margin:12px 14px;display:grid}@supports (color:color-mix(in lab, red, red)){.community-shell .message-list-empty{background:color-mix(in srgb, var(--bg-soft) 82%, transparent)}}.community-shell .message-list-empty{text-align:center;padding:22px 16px}.community-shell .message-list-empty-icon{background:var(--orange);border-radius:50%;place-items:center;width:42px;height:42px;display:grid}@supports (color:color-mix(in lab, red, red)){.community-shell .message-list-empty-icon{background:color-mix(in srgb, var(--orange) 10%, var(--surface))}}.community-shell .message-list-empty-icon{color:var(--orange)}.community-shell .message-list-empty-icon svg{width:18px;height:18px}.community-shell .message-list-empty strong{color:var(--text-main);font-size:13.5px;font-weight:900}.community-shell .message-list-empty span{max-width:230px;color:var(--text-muted);font-size:12px;line-height:1.5}.community-shell .messages-preview .msg-mobile-back button{width:30px;height:30px;color:var(--text-main);background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.community-shell .messages-preview .msg-mobile-back button:hover{background:var(--bg-soft);color:var(--orange)}@media (max-width:980px){.community-shell .group-body{grid-template-columns:1fr}.community-shell .group-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}.community-shell .chat-wrap{grid-template-columns:300px minmax(0,1fr)}}@media (max-width:720px){.community-shell .grid-groups,.community-shell .group-card-actions{grid-template-columns:1fr}.community-shell .group-detail-header{border-radius:20px}.community-shell .group-detail-cover{height:110px;min-height:110px;font-size:44px}.community-shell .group-detail-body{padding:0 16px 18px}.community-shell .group-detail-top{align-items:flex-start;margin-top:-34px}.community-shell .group-detail-thumb{border-width:4px;border-radius:18px;flex-basis:68px;width:68px;height:68px;font-size:26px}.community-shell .group-detail-actions{padding-top:44px;padding-bottom:0}.community-shell .group-detail-actions .join-btn{min-height:36px;padding:0 14px;font-size:12px}.community-shell .group-detail-name{font-size:22px}.community-shell .group-sidebar{grid-template-columns:1fr}.community-shell .create-group-compose .group-photo-row{align-items:center}.community-shell .chat-wrap{grid-template-columns:1fr}.community-shell .messages-layout .msg-list{width:100%}.community-shell .messages-layout .msg-window,.community-shell .messages-layout--conversation .msg-list{display:none}.community-shell .messages-layout--conversation .msg-window{display:flex}.community-shell .chat-window-head{min-height:58px}}.community-shell--messages{background:var(--bg);height:auto;min-height:100vh;position:static;overflow:visible}.community-shell--messages .community-grid--messages{min-height:calc(100vh - 76px);overflow:visible}.community-shell--messages .community-main--messages{min-width:0;overflow:visible}@media (max-width:720px){.community-shell .groups-heading{margin-top:0}.community-shell .groups-heading .btn-post{min-width:88px;font-size:12px}.community-shell .groups-page .group-grid{grid-template-columns:1fr}.community-shell .notifications-heading{margin-top:0}.community-shell .notifications-heading .mark-read-link{text-align:right;max-width:112px;line-height:1.35}.community-shell .notifications-list{margin-left:-2px;margin-right:-2px}.community-shell .profile-cover{border-radius:0;height:154px}.community-shell .profile-card-wrap,.community-shell .profile-content{margin-left:0;margin-right:0;padding-left:14px;padding-right:14px}.community-shell .profile-card{padding:18px 16px}.community-shell .profile-stats .stat-item{flex:1;min-width:0;padding-right:9px}.community-shell .profile-stats .stat-item+.stat-item{padding-left:9px}.community-shell .profile-actions{gap:6px}.community-shell .profile-actions .btn-follow,.community-shell .profile-actions .btn-msg{padding:0 11px}.community-shell .messages-layout{border-left:0;border-right:0;border-radius:0;height:calc(100vh - 98px);min-height:calc(100vh - 98px)}}@media (min-width:721px) and (max-width:880px){.community-shell .mobile-bottomnav{z-index:60;height:72px;padding:8px 12px calc(8px + env(safe-area-inset-bottom));border-color:var(--border);background:var(--surface);grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}@supports (color:color-mix(in lab, red, red)){.community-shell .mobile-bottomnav{background:color-mix(in srgb, var(--surface) 92%, transparent)}}.community-shell .mobile-bottomnav{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.community-shell .mobile-bottomnav a{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:4px;font-size:10px;font-weight:700;display:flex;position:relative}.community-shell .mobile-bottomnav a svg{width:20px;height:20px}.community-shell .mobile-bottomnav a.active{color:var(--orange)}.community-shell .mobile-bottomnav button{background:linear-gradient(135deg, var(--orange), var(--orange-light));border-radius:50%;width:48px;height:48px;margin-top:-24px;font-size:26px;box-shadow:0 10px 22px #f47a3766}.community-shell.create-post-shell{padding:18px 14px 28px}.community-shell .create-post-card{border-radius:19px;padding:16px}.community-shell .create-group-page{width:100%;padding:0 0 28px}.community-shell .create-group-layout{grid-template-columns:1fr}.community-shell .create-group-preview{position:static}.community-shell .group-cover-editor{border-radius:0;min-height:190px}.community-shell .group-logo-upload{border-radius:22px;width:96px;min-height:96px;left:16px}.community-shell .create-group-fields{padding:52px 14px 16px}.community-shell .group-admin-field-grid{grid-template-columns:1fr}.community-shell .create-actions{gap:7px}.community-shell .create-actions>span{display:none}.community-shell .create-actions button{padding:8px 10px;font-size:11px}.community-shell .create-textarea{min-height:105px;font-size:15px}}.community-shell{--bg:#fffaf6;--bg-soft:#fff1e7;--surface:#fff;--surface-tint:#fffefd;--text-main:#211c19;--text-muted:#847870;--border:#49342817;--border-mid:#49342824;--navy:#2e3b65;--navy-dark:#202b4d;--navy-2:#5b6fb0;--orange:#f47a37;--orange-light:#ffa060;--green:#59b97f;--red:#e2574c;--shadow-sm:0 6px 18px #533a2a0d;--shadow-md:0 18px 40px #533a2a14;background:radial-gradient(circle at 6% 0%, #f47a3714, transparent 32%), radial-gradient(circle at 96% 30%, #2e3b6512, transparent 32%), var(--bg);min-height:100vh;color:var(--text-main);transition:background-color .25s,color .25s}.community-shell[data-theme=dark]{--bg:#16130f;--bg-soft:#1e1912;--surface:#211c16;--surface-tint:#241f18;--text-main:#f3ebe1;--text-muted:#b3a89b;--border:#fff4eb14;--border-mid:#fff4eb26;--navy:#93a2da;--navy-dark:#b3bfe8;--navy-2:#b3bfe8;--orange:#f47a37;--orange-light:#ffa060;--green:#6cc491;--red:#ff7266;--shadow-sm:0 6px 18px #0000004d;--shadow-md:0 18px 40px #0000006b}.community-shell .app-bar{background:var(--bg);gap:20px;height:72px;padding:0 28px}@supports (color:color-mix(in lab, red, red)){.community-shell .app-bar{background:color-mix(in srgb, var(--bg) 86%, transparent)}}.community-shell .app-bar{border-color:var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.community-shell .brand-mark{background:linear-gradient(135deg, var(--orange), var(--orange-light));color:#fff;border-radius:12px;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 10px 22px #f47a3752}.community-shell .brand-mark svg{width:20px;height:20px}.community-shell .brand-name{color:var(--text-main);letter-spacing:-.6px;font-size:18px;font-weight:850}.community-shell .brand-name span{color:var(--orange)}.community-shell .brand-name-fallback{display:none}.community-shell .app-logo{min-width:154px}.community-shell .app-logo-image{object-fit:contain;object-position:left center;width:154px;max-height:44px}.community-shell .eco-switcher{border-color:var(--border);background:var(--bg-soft);padding:4px}.community-shell .eco-btn{color:var(--text-muted);padding:8px 16px;font-size:13px}.community-shell .eco-btn.active{background:var(--surface);color:var(--orange);box-shadow:var(--shadow-sm)}.community-shell .app-search{border-color:var(--border);background:var(--bg-soft);max-width:380px;color:var(--text-muted);margin-left:0;padding:10px 16px}.community-shell .app-search:hover{border-color:var(--orange)}@supports (color:color-mix(in lab, red, red)){.community-shell .app-search:hover{border-color:color-mix(in srgb, var(--orange) 35%, var(--border))}}.community-shell .icon-btn{border-color:var(--border);background:var(--surface);width:40px;height:40px;color:var(--text-muted)}.community-shell .icon-btn:hover{border-color:var(--orange)}@supports (color:color-mix(in lab, red, red)){.community-shell .icon-btn:hover{border-color:color-mix(in srgb, var(--orange) 35%, var(--border))}}.community-shell .icon-btn:hover{color:var(--orange)}.community-shell .topbar-actions{flex:none;align-items:center;gap:10px;margin-left:auto;display:flex}.community-shell .topbar-avatar{background:linear-gradient(135deg, var(--navy), var(--navy-2));width:40px;height:40px}.community-shell .dot-badge,.community-shell .nav-badge{background:var(--orange)}.community-shell.create-post-shell{padding:38px 24px}.community-shell .create-post-page{width:min(640px,100%);margin:0 auto}.community-shell .create-post-topbar,.community-shell .create-post-title,.community-shell .create-author-row,.community-shell .create-actions,.community-shell .poll-duration,.community-shell .create-attach-search,.community-shell .create-attach-option{align-items:center;display:flex}.community-shell .create-post-topbar{justify-content:space-between;margin-bottom:16px}.community-shell .create-post-title{gap:12px}.community-shell .create-post-title h1{color:var(--text-main);letter-spacing:-.4px;margin:0;font-size:18px;font-weight:850}.community-shell .create-close{border:1px solid var(--border);background:var(--surface);width:40px;height:40px;color:var(--text-muted);border-radius:50%;place-items:center;display:grid}.community-shell .create-close:hover{color:var(--orange);border-color:var(--orange)}@supports (color:color-mix(in lab, red, red)){.community-shell .create-close:hover{border-color:color-mix(in srgb, var(--orange) 34%, var(--border))}}.community-shell .create-close svg{width:18px;height:18px}.community-shell .create-submit{background:linear-gradient(135deg, var(--orange), var(--orange-light));min-width:88px;height:40px;box-shadow:0 9px 20px var(--orange);border:0;border-radius:999px}@supports (color:color-mix(in lab, red, red)){.community-shell .create-submit{box-shadow:0 9px 20px color-mix(in srgb, var(--orange) 28%, transparent)}}.community-shell .create-submit{color:#fff;font-size:13px;font-weight:800}.community-shell .create-submit:disabled{cursor:not-allowed;background:var(--border-mid);box-shadow:none;color:var(--text-muted)}.community-shell .create-post-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-md);border-radius:24px;padding:22px}.community-shell .create-author-row{gap:12px}.community-shell .create-author-avatar{aspect-ratio:1;border-radius:50%;flex:0 0 46px;width:46px;min-width:46px;max-width:46px;height:46px;font-size:15px}.community-shell .create-author-row strong{color:var(--text-main);font-size:14px;display:block}.community-shell .create-audience{border:1px solid var(--border);background:var(--bg-soft);color:var(--text-muted);border-radius:999px;margin-top:4px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.community-shell .create-textarea{resize:vertical;width:100%;min-height:118px;color:var(--text-main);background:0 0;border:0;outline:0;margin-top:16px;font-size:16px;line-height:1.6}.community-shell .create-textarea::placeholder{color:var(--text-muted)}@supports (color:color-mix(in lab, red, red)){.community-shell .create-textarea::placeholder{color:color-mix(in srgb, var(--text-muted) 72%, transparent)}}.community-shell .hashtag-suggestions{flex-wrap:wrap;gap:8px;margin-top:-4px;padding-bottom:8px;display:flex}.community-shell .hashtag-suggestions button{border:1px solid var(--navy);align-items:center;gap:7px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.community-shell .hashtag-suggestions button{border:1px solid color-mix(in srgb, var(--navy) 18%, var(--border))}}.community-shell .hashtag-suggestions button{background:var(--bg-soft);color:var(--text-muted);border-radius:999px;padding:7px 10px;font-size:11px;font-weight:750}.community-shell .hashtag-suggestions button:hover{border-color:var(--orange)}@supports (color:color-mix(in lab, red, red)){.community-shell .hashtag-suggestions button:hover{border-color:color-mix(in srgb, var(--orange) 48%, var(--border))}}.community-shell .hashtag-suggestions button:hover{color:var(--orange)}.community-shell .hashtag-suggestions span{color:var(--navy);font-weight:850}.community-shell .hashtag-suggestions small{font-size:10px}.community-shell .create-panel{border-top:1px solid var(--border);margin-top:12px;padding-top:14px}.community-shell .upload-dropzone{border:2px dashed var(--border-mid);background:var(--bg-soft);min-height:158px;color:var(--text-muted);text-align:center;border-radius:16px;place-content:center;transition:all .16s;display:grid}.community-shell .upload-dropzone:hover{border-color:var(--orange);color:var(--orange)}.community-shell .upload-dropzone svg{width:27px;height:27px;margin:0 auto 8px}.community-shell .upload-dropzone strong{font-size:13px}.community-shell .upload-dropzone span{margin-top:4px;font-size:11px}.community-shell .upload-dropzone input{opacity:0;width:1px;height:1px;position:absolute}.community-shell .create-poll-panel{gap:10px;display:grid}.community-shell .create-field,.community-shell .create-attach-search{border:1px solid var(--border);background:var(--bg-soft);color:var(--text-main);outline:0}.community-shell .create-field{border-radius:12px;width:100%;padding:11px 13px;font-size:13px}.community-shell .create-field:focus,.community-shell .create-attach-search:focus-within{border-color:var(--orange)}@supports (color:color-mix(in lab, red, red)){.community-shell .create-field:focus,.community-shell .create-attach-search:focus-within{border-color:color-mix(in srgb, var(--orange) 45%, var(--border))}}.community-shell .create-field:focus,.community-shell .create-attach-search:focus-within{background:var(--surface)}.community-shell .poll-question{font-weight:750}.community-shell .poll-option{border-radius:999px}.community-shell .add-poll-option{border:1px dashed var(--border-mid);width:fit-content;color:var(--text-muted);background:0 0;border-radius:999px;align-items:center;gap:6px;padding:8px 13px;font-size:12px;font-weight:750;display:inline-flex}.community-shell .add-poll-option:hover{color:var(--orange);border-color:var(--orange)}.community-shell .add-poll-option svg{width:13px}.community-shell .poll-duration{flex-wrap:wrap;gap:7px;margin-top:2px}.community-shell .poll-duration span{color:var(--text-muted);margin-right:2px;font-size:12px}.community-shell .poll-duration button{border:1px solid var(--border);color:var(--text-muted);background:0 0;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:750}.community-shell .poll-duration button.active{border-color:var(--orange)}@supports (color:color-mix(in lab, red, red)){.community-shell .poll-duration button.active{border-color:color-mix(in srgb, var(--orange) 42%, var(--border))}}.community-shell .poll-duration button.active{background:var(--bg-soft);color:var(--orange)}.community-shell .create-attach-search{border-radius:999px;gap:9px;padding:10px 13px}.community-shell .create-attach-search svg{width:15px;color:var(--text-muted)}.community-shell .create-attach-search input{width:100%;color:var(--text-main);background:0 0;border:0;outline:0;font-size:13px}.community-shell .create-attach-list{gap:8px;margin-top:10px;display:grid}.community-shell .create-attach-option{border:1px solid var(--border);width:100%;color:var(--text-main);text-align:left;background:0 0;border-radius:14px;gap:12px;padding:9px}.community-shell .create-attach-option:hover,.community-shell .create-attach-option.selected{border-color:var(--orange)}@supports (color:color-mix(in lab, red, red)){.community-shell .create-attach-option:hover,.community-shell .create-attach-option.selected{border-color:color-mix(in srgb, var(--orange) 55%, var(--border))}}.community-shell .create-attach-option:hover,.community-shell .create-attach-option.selected{background:var(--bg-soft)}.community-shell .create-attach-thumb{background:var(--bg-soft);border-radius:11px;flex:none;place-items:center;width:44px;height:44px;font-size:21px;display:grid}.community-shell .create-attach-option>span:nth-child(2){flex:1;min-width:0}.community-shell .create-attach-option strong,.community-shell .create-attach-option small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.community-shell .create-attach-option strong{font-size:13px}.community-shell .create-attach-option small{color:var(--orange);margin-top:3px;font-size:12px;font-weight:750}.community-shell .create-attach-option i{border:2px solid var(--border-mid);border-radius:50%;flex:none;width:19px;height:19px}.community-shell .create-attach-option.selected i{border:5px solid var(--orange)}.community-shell .create-empty-attach{border:1px dashed var(--border-mid);background:var(--bg-soft);color:var(--text-muted);text-align:center;border-radius:14px;padding:14px;font-size:12px;font-weight:750}.community-shell .create-actions{border-top:1px solid var(--border);flex-wrap:wrap;gap:8px;margin-top:16px;padding-top:14px}.community-shell .create-actions button{border:1px solid var(--border);color:var(--text-muted);background:0 0;border-radius:999px;align-items:center;gap:6px;padding:9px 12px;font-size:12px;font-weight:750;display:inline-flex}.community-shell .create-actions button:hover,.community-shell .create-actions button.active{border-color:var(--orange)}@supports (color:color-mix(in lab, red, red)){.community-shell .create-actions button:hover,.community-shell .create-actions button.active{border-color:color-mix(in srgb, var(--orange) 48%, var(--border))}}.community-shell .create-actions button:hover,.community-shell .create-actions button.active{background:var(--bg-soft);color:var(--orange)}.community-shell .create-actions button.accent{border-color:var(--orange)}@supports (color:color-mix(in lab, red, red)){.community-shell .create-actions button.accent{border-color:color-mix(in srgb, var(--orange) 46%, var(--border))}}.community-shell .create-actions button.accent{color:var(--orange)}.community-shell .create-actions svg{width:15px;height:15px}.community-shell .create-actions>span{background:var(--border);width:1px;height:24px}.community-shell .media-preview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.community-shell .media-preview-item{aspect-ratio:1;border:1px solid var(--border);background:var(--bg-soft);border-radius:12px;position:relative;overflow:hidden}.community-shell .media-preview-item img,.community-shell .media-preview-item video{object-fit:cover;width:100%;height:100%;display:block}.community-shell .media-preview-item>span{color:#fff;background:#00000094;border-radius:999px;padding:3px 6px;font-size:10px;font-weight:750;position:absolute;bottom:5px;left:5px}.community-shell .media-remove,.community-shell .poll-remove-option{color:#fff;background:#181410b3;border:0;border-radius:50%;place-items:center;width:24px;height:24px;font-size:17px;line-height:1;display:grid}.community-shell .media-remove{position:absolute;top:5px;right:5px}.community-shell .poll-option-row{align-items:center;gap:8px;display:flex}.community-shell .poll-remove-option{color:var(--text-muted);background:0 0;flex:none}.community-shell .poll-remove-option:hover{background:var(--bg-soft);color:var(--red)}.community-shell .create-post-error{color:var(--red);margin:12px 0 0;font-size:12px;font-weight:750}.community-shell .post-media-gallery{border-radius:18px;gap:3px;margin:14px 0;display:grid;overflow:hidden}.community-shell .post-media-gallery.post-media-count-1{grid-template-columns:1fr}.community-shell .post-media-gallery.post-media-count-2,.community-shell .post-media-gallery.post-media-count-3,.community-shell .post-media-gallery.post-media-count-4{grid-template-columns:repeat(2,1fr)}.community-shell .post-media-item{aspect-ratio:1.25;background:var(--bg-soft);position:relative;overflow:hidden}.community-shell .post-media-count-1 .post-media-item{aspect-ratio:1.7}.community-shell .post-media-item img,.community-shell .post-media-item video{object-fit:cover;width:100%;height:100%;display:block}.community-shell .post-media-more{color:#fff;background:#14110d80;place-items:center;font-size:28px;font-weight:850;display:grid;position:absolute;inset:0}.community-shell .post-poll-card{border:1px solid var(--border);background:var(--bg-soft);border-radius:16px;margin:14px 0;padding:14px}.community-shell .post-poll-card>strong{color:var(--text-main);font-size:14px;display:block}.community-shell .post-poll-card>div{gap:8px;margin:12px 0 8px;display:grid}.community-shell .post-poll-card button{border:1px solid var(--border-mid);background:var(--surface);width:100%;color:var(--text-main);text-align:left;border-radius:999px;padding:9px 12px;font-size:12px;font-weight:700;position:relative;overflow:hidden}.community-shell .post-poll-card button:hover,.community-shell .post-poll-card button.selected{border-color:var(--orange);color:var(--orange)}.community-shell .post-poll-card button>span:not(.poll-fill),.community-shell .post-poll-card button>strong{z-index:1;position:relative}.community-shell .post-poll-card button>strong{float:right;color:var(--navy);font-size:11px}.community-shell .post-poll-card .poll-fill{z-index:0;border-radius:inherit;background:var(--orange);position:absolute;inset:0 auto 0 0}@supports (color:color-mix(in lab, red, red)){.community-shell .post-poll-card .poll-fill{background:color-mix(in srgb, var(--orange) 16%, transparent)}}.community-shell .post-poll-card .poll-fill{transition:width .2s}.community-shell .post-poll-card small{color:var(--text-muted);font-size:11px}.community-shell .community-grid{grid-template-columns:258px minmax(0,1fr) 312px;gap:26px;width:100%;max-width:none;min-height:calc(100vh - 72px);margin:0;padding:26px clamp(20px,2vw,36px) 60px}.community-shell .community-grid--no-rail{grid-template-columns:258px minmax(0,1fr)}.community-shell .community-grid--standalone{max-width:none;padding:0;display:block}.community-shell .sidebar-left,.community-shell .sidebar-right{background:0 0;border:0;height:auto;max-height:calc(100vh - 118px);padding:0;top:98px;overflow:auto}.community-shell .sidebar-left{flex-direction:column;gap:16px;display:flex}.community-shell .sidebar-right{flex-direction:column;gap:18px;min-width:0;display:flex}.community-shell .side-card,.community-shell .rail-card{border:1px solid var(--border);background:var(--surface-tint);box-shadow:var(--shadow-sm);border-radius:22px}.community-shell .rail-card{padding:18px}.community-shell .rail-card.accent{background:linear-gradient(165deg, var(--surface), var(--bg-soft));border-color:var(--orange)}@supports (color:color-mix(in lab, red, red)){.community-shell .rail-card.accent{border-color:color-mix(in srgb, var(--orange) 18%, var(--border))}}.community-shell .rail-card .rail-title{color:var(--text-main);letter-spacing:-.2px;margin-bottom:13px;font-size:14px;font-weight:900}.community-shell .topic-row{justify-content:space-between;align-items:center;gap:14px;padding:8px 0;display:flex}.community-shell .topic-name{color:var(--text-main);font-size:13.5px;font-weight:800}.community-shell .topic-count{color:var(--text-muted);white-space:nowrap;font-size:11.5px}.community-shell .group-row{color:inherit;align-items:center;gap:11px;padding:9px 0;display:flex}.community-shell .g-avatar{background:linear-gradient(135deg, var(--blue-soft), #dce1f2);border-radius:10px;flex:0 0 40px;place-items:center;width:40px;height:40px;font-size:19px;display:grid}.community-shell .group-row .group-info{flex:1;gap:2px;min-width:0;display:grid}.community-shell .group-row .group-name{color:var(--text-main);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:800;overflow:hidden}.community-shell .group-row .group-members{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.community-shell .group-popular-row .join-btn{padding:6px 12px;font-size:11px}.community-shell .group-popular-row .g-avatar{color:var(--text-main);text-decoration:none}.community-shell .join-btn{border:1.5px solid var(--orange);flex:none}@supports (color:color-mix(in lab, red, red)){.community-shell .join-btn{border:1.5px solid color-mix(in srgb, var(--orange) 35%, var(--border))}}.community-shell .join-btn{color:var(--orange);background:0 0;border-radius:999px;padding:7px 13px;font-size:11.5px;font-weight:850}.community-shell .rail-foot{color:var(--text-muted);padding:2px 4px;font-size:11.5px;line-height:1.7}.community-shell .rail-foot a{color:var(--text-muted);font-weight:750}.community-shell .rail-foot a:hover{color:var(--orange)}.community-shell .nav-card{padding:14px}.community-shell .nav-item{color:var(--text-muted);border-radius:20px;margin:0;padding:11px 14px}.community-shell .nav-item:nth-child(5){border-top:0;margin-top:0;padding-top:11px}.community-shell .nav-item:nth-child(6){border-top:1px solid var(--border);border-radius:0 0 20px 20px;margin-top:10px;padding-top:14px}.community-shell .nav-item.active,.community-shell .nav-item:hover{color:var(--orange);background:linear-gradient(135deg,#ffe7d7,#fff1e7)}.community-shell[data-theme=dark] .nav-item.active,.community-shell[data-theme=dark] .nav-item:hover{background:#3a2a1c}.community-shell .compose-btn{background:linear-gradient(135deg, var(--orange), var(--orange-light));color:#fff;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;width:100%;padding:13px;font-size:14px;font-weight:800;display:flex;box-shadow:0 12px 26px #f47a3747}.community-shell .compose-btn:hover{transform:translateY(-2px)}.community-shell .mini-profile-card{padding:14px}.community-shell .mini-profile{align-items:center;gap:11px;display:flex}.community-shell .mini-profile span{gap:2px;display:grid}.community-shell .mini-profile strong{font-size:13.5px}.community-shell .mini-profile small{color:var(--text-muted)}.community-shell .mini-profile-stats{border-top:1px solid var(--border);grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;padding-top:12px;display:grid}.community-shell .mini-profile-stats span{color:var(--text-muted);font-size:10px}.community-shell .mini-profile-stats strong{color:var(--text-main);font-size:13px;display:block}.community-shell .community-main{min-width:0;padding:0}.community-shell .community-main--narrow{padding:0}.community-shell .feed-heading{margin:1px 0 18px}.community-shell .feed-heading .feed-title{letter-spacing:-.8px;font-size:23px}.community-shell .feed-heading p{color:var(--text-muted);margin:5px 0 0;font-size:12.5px}.community-shell .stories-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:26px;margin:0 0 18px;padding:16px;overflow:hidden}.community-shell .stories-row{scrollbar-width:none;gap:14px;display:flex;overflow-x:auto}.community-shell .stories-row::-webkit-scrollbar{display:none}.community-shell .story-item{width:66px;color:var(--text-muted);background:0 0;border:0;flex-direction:column;flex:none;align-items:center;gap:7px;display:flex;position:relative}.community-shell .story-ring{background:linear-gradient(135deg, var(--orange), var(--navy-2));border-radius:50%;place-items:center;width:62px;height:62px;padding:3px;display:grid}.community-shell .story-item.seen .story-ring{background:var(--border-mid)}.community-shell .story-avatar{border:3px solid var(--surface);background:linear-gradient(135deg, var(--navy), var(--navy-2));color:#fff;border-radius:50%;place-items:center;width:100%;height:100%;font-size:15px;display:grid;position:relative;overflow:hidden}.community-shell .story-avatar img{object-fit:cover;width:100%;height:100%}.community-shell .story-item:nth-child(2) .story-avatar:not(.avatar-image-shell){background:linear-gradient(135deg, #ffc95f, var(--orange-light))}.community-shell .story-item:nth-child(3) .story-avatar:not(.avatar-image-shell){background:linear-gradient(135deg, var(--navy), var(--navy-2))}.community-shell .story-item:nth-child(4) .story-avatar:not(.avatar-image-shell){background:linear-gradient(135deg, var(--orange), var(--orange-light))}.community-shell .story-item:nth-child(5) .story-avatar:not(.avatar-image-shell){background:linear-gradient(135deg, var(--green), #8fd6ac)}.community-shell .story-name{text-overflow:ellipsis;white-space:nowrap;max-width:66px;font-size:11px;font-weight:600;overflow:hidden}.community-shell .story-item.add .story-ring{background:var(--bg-soft);border:1.5px dashed var(--border-mid)}.community-shell .story-plus{border:2px solid var(--surface);background:var(--orange);color:#fff;border-radius:50%;place-items:center;width:20px;height:20px;display:grid;position:absolute;top:43px;left:43px}.community-shell .story-plus svg{width:10px}.community-shell .story-empty{border:1px dashed var(--border-mid);background:var(--bg-soft);min-width:min(320px,62vw);color:var(--text-muted);border-radius:16px;align-self:center;padding:12px 14px;font-size:12px;line-height:1.45}.status-modal .modal-body{gap:16px}.status-create-page{width:min(720px,100% - 32px);margin:36px auto;display:grid}.status-create-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-lg);border-radius:24px;overflow:hidden}.status-author-row{align-items:center;gap:10px;display:flex}.status-author-row>span:not(.avatar){gap:2px;display:grid}.status-author-row .avatar{flex:0 0 42px;width:42px;height:42px}.status-author-row strong{color:var(--text-main);font-size:14px}.status-author-row small{color:var(--text-muted);font-size:12px}.status-textarea{resize:vertical;min-height:116px}.status-upload-btn{border:1px dashed var(--orange);justify-content:center;align-items:center;gap:8px;min-height:44px;display:flex}@supports (color:color-mix(in lab, red, red)){.status-upload-btn{border:1px dashed color-mix(in srgb, var(--orange) 42%, var(--border-mid))}}.status-upload-btn{background:var(--orange);border-radius:16px}@supports (color:color-mix(in lab, red, red)){.status-upload-btn{background:color-mix(in srgb, var(--orange) 7%, var(--bg-soft))}}.status-upload-btn{color:var(--orange);cursor:pointer;font-size:13px;font-weight:850}.status-upload-btn input{display:none}.status-media-preview{border:1px solid var(--border);background:#111;border-radius:18px;position:relative;overflow:hidden}.status-media-preview img,.status-media-preview video{object-fit:cover;width:100%;max-height:320px;display:block}.status-media-preview button{color:#fff;background:#000000a3;border:0;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:800;position:absolute;bottom:10px;right:10px}.status-trimmer{border:1px solid var(--orange);gap:13px;display:grid}@supports (color:color-mix(in lab, red, red)){.status-trimmer{border:1px solid color-mix(in srgb, var(--orange) 20%, var(--border))}}.status-trimmer{background:linear-gradient(180deg, var(--surface), var(--bg-soft));box-shadow:var(--shadow-sm);border-radius:20px;padding:12px}.status-trimmer video{object-fit:contain;background:#111;border-radius:14px;width:100%;max-height:280px}.trim-copy{gap:2px;display:grid}.trim-copy strong{color:var(--text-main);font-size:13px}.trim-copy span{color:var(--text-muted);font-size:12px}.trim-filmstrip{background:#111827;border-radius:14px;grid-template-columns:repeat(14,1fr);gap:3px;height:54px;padding:4px;display:grid;position:relative;overflow:hidden}.trim-filmstrip span{background:linear-gradient(145deg,#ffffff1f,#ff7a1a38),linear-gradient(#1d2a44,#0f172a);border-radius:9px}.trim-filmstrip .trim-selection{border:2px solid var(--orange);background:var(--orange);border-radius:12px;position:absolute;top:4px;bottom:4px}@supports (color:color-mix(in lab, red, red)){.trim-filmstrip .trim-selection{background:color-mix(in srgb, var(--orange) 16%, transparent)}}.trim-filmstrip .trim-selection{pointer-events:none;box-shadow:0 0 0 999px #0000006b}.trim-dual-range{height:28px;position:relative}.trim-dual-range input[type=range]{width:100%;accent-color:var(--orange);pointer-events:none;background:0 0;margin:0;position:absolute;inset:0}.trim-dual-range input[type=range]::-webkit-slider-thumb{pointer-events:auto}.trim-dual-range input[type=range]::-moz-range-thumb{pointer-events:auto}.trim-range{color:var(--text-muted);justify-content:space-between;align-items:center;gap:10px;font-size:12px;font-weight:800;display:flex}.trim-range strong{background:var(--orange);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.trim-range strong{background:color-mix(in srgb, var(--orange) 12%, var(--surface))}}.trim-range strong{color:var(--orange);padding:5px 9px}.status-trimmer .btn-post{width:100%}.status-viewer{z-index:140;background:#000000b8;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.status-viewer-card{color:#fff;background:linear-gradient(155deg,#1b243f,#0f1117 58%,#261a11);border:1px solid #ffffff24;border-radius:26px;flex-direction:column;width:min(420px,100%);min-height:min(720px,100dvh - 36px);display:flex;overflow:hidden;box-shadow:0 28px 80px #00000061}.status-progress-list{gap:4px;margin:12px 12px 0;display:flex}.status-progress-list span{background:#fff3;border-radius:999px;flex:1;height:3px;overflow:hidden}.status-progress-list i{border-radius:inherit;transform-origin:0;background:#fff;width:100%;height:100%;display:block;transform:scaleX(0)}.status-progress-list span.done i{transform:scaleX(1)}.status-progress-list span.active i{animation:7s linear forwards status-progress}.status-progress-list span.paused i{animation-play-state:paused}.status-viewer-head{align-items:center;gap:10px;padding:12px 14px;display:flex}.status-viewer-head>span:not(.avatar):not(.status-menu-wrap){flex:1;gap:2px;min-width:0;display:grid}.status-viewer-head>.avatar{border-radius:50%;flex:0 0 38px;width:38px;min-width:38px;max-width:38px;height:38px}.status-viewer-head strong,.status-viewer-head small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.status-viewer-head strong{font-size:13px}.status-viewer-head small{color:#ffffffb3;font-size:12px}.status-viewer-head .icon-btn{color:#fff;background:#ffffff14;border-color:#ffffff29;font-size:24px;line-height:1}.status-back-btn{color:#fff;background:#ffffff14;border:1px solid #ffffff29;border-radius:50%;flex:0 0 34px;place-items:center;width:34px;height:34px;font-size:28px;line-height:1;display:grid}.status-menu-wrap{position:relative}.status-menu{z-index:8;background:#171b24;border:1px solid #ffffff24;border-radius:16px;min-width:170px;display:grid;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 18px 42px #00000052}.status-menu button{color:#fff;text-align:left;background:0 0;border:0;padding:11px 13px;font-size:12px;font-weight:850}.status-menu button:hover{background:#ffffff14}.status-viewer-body{flex:1;align-content:center;gap:16px;padding:10px 18px 28px;display:grid;position:relative}.status-story-surface{cursor:pointer;touch-action:pinch-zoom;-webkit-user-select:none;user-select:none;align-content:center;gap:16px;min-height:100%;display:grid}.status-viewer-media{background:#00000047;border-radius:20px;min-height:min(540px,62dvh);position:relative;overflow:hidden}.status-viewer-media img,.status-viewer-media video{object-fit:contain;width:100%;height:100%;max-height:540px;display:block}.status-viewer-video img,.status-viewer-video video{object-fit:cover;min-height:min(540px,62dvh)}.status-viewer-video{cursor:pointer;touch-action:pinch-zoom;-webkit-user-select:none;user-select:none}.status-viewer-video video::-webkit-media-controls{display:none!important}.status-viewer-video video::-webkit-media-controls-enclosure{display:none!important}.status-hold-indicator{color:#fff;background:#0000008a;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:900;position:absolute;top:12px;left:50%;transform:translate(-50%)}.status-viewer-body p{text-align:center;overflow-wrap:anywhere;margin:0;font-size:24px;font-weight:850;line-height:1.22}.status-nav{z-index:2;color:#fff;background:#00000047;border:1px solid #ffffff29;border-radius:999px;place-items:center;width:34px;height:48px;font-size:32px;line-height:1;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.status-nav.prev{left:10px}.status-nav.next{right:10px}.status-nav:disabled{opacity:.24;cursor:default}.status-viewer-meta{color:#ffffffc2;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:0 18px 12px;font-size:12px;font-weight:800;display:flex}.status-action{color:inherit;background:0 0;border:0;align-items:center;gap:5px;padding:0;font-weight:850;display:inline-flex}.status-action svg{width:15px;height:15px}.status-action.liked{color:var(--orange-light)}.status-count-button{color:inherit;font:inherit;background:0 0;border:0;padding:0;font-weight:850}.status-viewer-modal{z-index:5;background:#00000080;align-items:end;display:grid;position:absolute;inset:0}.status-viewer-modal-card{background:#171b24;border-top:1px solid #ffffff1f;border-radius:24px 24px 0 0;max-height:66%;overflow:hidden;box-shadow:0 -18px 42px #00000047}.status-viewer-modal-head{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.status-viewer-modal-head strong{font-size:14px}.status-viewer-list{gap:2px;max-height:360px;padding:8px;display:grid;overflow:auto}.status-viewer-row{color:#ffffffc7;border-radius:16px;align-items:center;gap:10px;padding:9px;display:flex}.status-viewer-row:hover{background:#ffffff12}.status-viewer-row span{gap:2px;min-width:0;display:grid}.status-viewer-row strong,.status-viewer-row small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.status-viewer-row strong{color:#fff;font-size:13px}.status-viewer-row small,.status-viewer-empty{color:#ffffff9e;font-size:12px}.status-viewer-empty{text-align:center;margin:0;padding:18px}.status-comment .avatar.tiny{border-radius:50%;flex:0 0 24px;width:24px;height:24px;font-size:10px}.status-comments{gap:8px;margin:0 18px 12px;display:grid}.status-comment{color:#ffffffd1;align-items:flex-start;gap:8px;font-size:12px;line-height:1.35;display:flex}.status-comment span{gap:1px;display:grid}.status-comment strong{color:#fff}.status-comment-form{border-top:1px solid #ffffff1a;gap:8px;padding:12px 18px 18px;display:flex}.status-comment-form input{color:#fff;background:#ffffff14;border:1px solid #ffffff24;border-radius:999px;outline:0;flex:1;min-width:0;padding:10px 13px;font-size:13px}.status-comment-form input::placeholder{color:#ffffff8c}.status-comment-form button{background:linear-gradient(135deg, var(--orange), var(--orange-light));color:#fff;border:0;border-radius:999px;padding:0 14px;font-size:12px;font-weight:850}@keyframes status-progress{0%{transform-origin:0;transform:scaleX(0)}to{transform-origin:0;transform:scaleX(1)}}@media (min-width:721px){.status-viewer{background:radial-gradient(circle,#0f1117c2,#000000db)}.status-viewer-card{width:min(460px,100vw - 48px);min-height:min(780px,100dvh - 48px)}}@media (max-width:720px){.status-viewer{background:#05070d;padding:0;display:block;overflow:hidden}.status-viewer-card{width:100vw;height:100dvh;min-height:100dvh;box-shadow:none;background:linear-gradient(155deg,#111a32,#080a10 58%,#1b100b);border:0;border-radius:0;grid-template-rows:auto auto minmax(0,1fr) auto auto;display:grid}.status-progress-list{margin:max(10px, env(safe-area-inset-top)) 10px 0}.status-viewer-head{padding:10px 12px}.status-viewer-body{min-height:0;padding:0 12px 12px}.status-story-surface{align-content:center;height:100%;min-height:0}.status-viewer-media{background:0 0;border-radius:0;height:100%;min-height:0}.status-viewer-media img,.status-viewer-media video{object-fit:contain;max-height:none}.status-viewer-video img,.status-viewer-video video{object-fit:contain;min-height:0}.status-nav{display:none}.status-viewer-meta{padding:0 14px 12px}.status-comment-form{padding:12px 14px max(14px, env(safe-area-inset-bottom))}.status-viewer-modal-card{border-radius:22px 22px 0 0;max-height:72dvh}}.community-shell .composer,.community-shell .post-card{border-color:var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:26px}.community-shell .composer{margin-bottom:18px;padding:18px}.community-shell .composer-input{border-color:var(--border);background:var(--bg-soft);color:var(--text-muted);border-radius:999px;padding:12px 18px}.community-shell .composer-actions{gap:8px;margin-top:14px;margin-left:54px}.community-shell .composer-actions button{border-color:var(--border);color:var(--text-muted);border-radius:999px;padding:8px 14px}.community-shell .composer-actions .link-chip{border-color:var(--orange)!important}@supports (color:color-mix(in lab, red, red)){.community-shell .composer-actions .link-chip{border-color:color-mix(in srgb, var(--orange) 25%, var(--border))!important}}.community-shell .composer-actions .link-chip{background:var(--bg-soft);color:var(--orange)!important}.community-shell .feed-tabs{border:1px solid var(--border);background:var(--bg-soft);border-radius:999px;align-self:flex-start;width:fit-content;margin-bottom:18px;padding:4px}.community-shell .tab{color:var(--text-muted);border:0;border-radius:999px;padding:9px 18px}.community-shell .tab.active{background:var(--surface);box-shadow:var(--shadow-sm);color:var(--orange);border:0}.community-shell .feed-empty-state{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:26px;margin-bottom:18px}.community-shell .post-card{margin-bottom:18px;padding:20px}.community-shell .post-card:hover{transform:translateY(-1px)}.community-shell .post-context-tag{background:var(--navy);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.community-shell .post-context-tag{background:color-mix(in srgb, var(--navy) 13%, transparent)}}.community-shell .post-context-tag{color:var(--navy)}.community-shell .post-img-placeholder{background:linear-gradient(160deg, var(--navy), var(--bg-soft));border-radius:20px}@supports (color:color-mix(in lab, red, red)){.community-shell .post-img-placeholder{background:linear-gradient(160deg, color-mix(in srgb, var(--navy) 15%, var(--surface)), var(--bg-soft))}}.community-shell .post-tags a{color:var(--navy)}.community-shell .auction-attach{border-color:var(--orange)}@supports (color:color-mix(in lab, red, red)){.community-shell .auction-attach{border-color:color-mix(in srgb, var(--orange) 22%, var(--border))}}.community-shell .auction-attach{background:linear-gradient(135deg, var(--surface), var(--bg-soft));border-radius:20px}.community-shell .auction-thumb{color:var(--orange);background:linear-gradient(135deg,#ffe7d7,#ffd8b8);border-radius:14px}.community-shell .auction-cta,.community-shell .rail-auction-cta{background:linear-gradient(135deg, var(--orange), var(--orange-light));border-radius:999px}.community-shell .post-actions{border-color:var(--border)}.community-shell .post-actions button,.community-shell .post-actions a{color:var(--text-muted);border-radius:14px}.community-shell .post-actions button:hover,.community-shell .post-actions a:hover{background:var(--bg-soft);color:var(--text-main)}.community-shell .rail-section{margin:0;padding:18px}.community-shell .rail-title{color:var(--text-main);letter-spacing:-.2px;text-transform:none;font-size:14px}.community-shell .topic-item{padding:8px 0}.community-shell .topic-item:hover .topic-name{color:var(--orange)}.community-shell .rail-auction{background:linear-gradient(165deg, var(--surface), var(--bg-soft))}@media (max-width:1180px){.community-shell .community-grid,.community-shell .community-grid--no-rail{grid-template-columns:230px minmax(0,1fr)}.community-shell .sidebar-right{display:none}.community-shell .app-search{max-width:260px}}@media (max-width:880px){.community-shell .app-bar{gap:10px;height:64px;padding:0 16px}.community-shell .app-logo-image{width:122px}.community-shell .eco-switcher,.community-shell .header-message-btn{display:none}.community-shell .community-grid,.community-shell .community-grid--no-rail{min-height:calc(100vh - 64px);padding:18px 16px 92px;display:block}.community-shell .sidebar-left{display:none}.community-shell .community-main{padding:0}.community-shell .post-detail-layout{min-height:auto;padding-bottom:92px;display:block}.community-shell .post-detail-main{padding:18px 16px 0}.community-shell .post-detail-rail{border-top:1px solid var(--border);border-left:0;padding:6px 16px 18px}.community-shell .post-detail-rail .rail-section{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:20px}.community-shell .composer-actions{margin-left:0}.community-shell .mobile-bottomnav{z-index:60;padding-bottom:calc(10px + env(safe-area-inset-bottom));background:var(--surface);position:fixed}@supports (color:color-mix(in lab, red, red)){.community-shell .mobile-bottomnav{background:color-mix(in srgb, var(--surface) 88%, transparent)}}.community-shell .mobile-bottomnav{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-color:var(--border)}.community-shell .mobile-bottomnav a.active{color:var(--orange)}.community-shell .mobile-bottomnav button{background:linear-gradient(135deg, var(--orange), var(--orange-light));box-shadow:0 10px 22px #f47a3766}}@media (max-width:520px){.community-shell .app-logo-image{width:102px}.community-shell .app-search{min-width:0;padding:9px 12px;font-size:0}.community-shell .app-search svg{width:17px}.community-shell .icon-btn{width:36px;height:36px}.community-shell .post-img-placeholder{height:200px}.community-shell .post-detail-main{padding:16px 12px 0}.community-shell .post-detail-card,.community-shell .comment-composer-wrap,.community-shell .comments-section{border-radius:18px;padding:16px}.community-shell .post-detail-card .post-author{align-items:flex-start;min-width:0}.community-shell .post-detail-card .post-header{align-items:flex-start;gap:10px}.community-shell .detail-avatar{flex:0 0 42px;width:42px;height:42px}.community-shell .detail-name{font-size:14px}.community-shell .post-detail-body{font-size:14px;line-height:1.62}.community-shell .post-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.community-shell .post-actions button,.community-shell .post-actions a{min-width:0;padding:9px 6px;font-size:12px}.community-shell .auction-attach{grid-template-columns:44px minmax(0,1fr);gap:10px;padding:10px;display:grid}.community-shell .auction-thumb{width:44px;height:44px}.community-shell .auction-info{min-width:0}.community-shell .auction-info strong,.community-shell .auction-info span{text-overflow:ellipsis;overflow:hidden}.community-shell .auction-cta{text-align:center;grid-column:1/-1;justify-content:center}.community-shell .post-detail-rail{padding:4px 12px 92px}.community-shell .post-detail-rail .author-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.community-shell .group-admin-hero{grid-template-columns:1fr}.community-shell .permission-toggle,.community-shell .role-preview-row{align-items:flex-start}}@media (max-width:720px){.community-shell .app-bar{gap:10px;height:64px;padding:0 16px}.community-shell .app-logo{min-width:112px}.community-shell .app-logo-image{width:112px}.community-shell .brand-name{display:none}.community-shell .app-search{border-radius:50%;flex:0 0 38px;place-items:center;width:38px;min-width:38px;height:38px;margin-left:auto;padding:0;font-size:0;display:grid}.community-shell .app-search svg{width:17px;height:17px}.community-shell .topbar-actions{gap:8px;margin-left:0}.community-shell .theme-toggle{display:grid!important}.community-shell .header-message-btn,.community-shell .topbar-actions>.icon-btn:not(.theme-toggle){display:none!important}.community-shell .topbar-actions .btn-post{border-radius:999px;min-width:64px;height:38px;padding:0 14px;font-size:12px}.community-shell .topbar-avatar{width:38px;height:38px}.community-shell .community-grid,.community-shell .community-grid--no-rail{min-height:calc(100vh - 64px);padding:18px 16px 104px}.community-shell .mobile-bottomnav{z-index:60;height:72px;padding:8px 12px calc(8px + env(safe-area-inset-bottom));border-color:var(--border);background:var(--surface);grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}@supports (color:color-mix(in lab, red, red)){.community-shell .mobile-bottomnav{background:color-mix(in srgb, var(--surface) 92%, transparent)}}.community-shell .mobile-bottomnav{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.community-shell .mobile-bottomnav a{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:4px;font-size:10px;font-weight:700;display:flex;position:relative}.community-shell .mobile-bottomnav a svg{width:20px;height:20px}.community-shell .mobile-bottomnav a.active{color:var(--orange)}.community-shell .mobile-bottomnav button{background:linear-gradient(135deg, var(--orange), var(--orange-light));border-radius:50%;width:48px;height:48px;margin-top:-24px;font-size:26px;box-shadow:0 10px 22px #f47a3766}}.community-shell--messages .msg-list,.community-shell--messages .msg-window{min-height:0;overflow:hidden}.community-shell--messages .conv-list,.community-shell--messages .msg-body{overscroll-behavior:contain;min-height:0;overflow-y:auto}@media (max-width:720px){.community-shell--messages .messages-layout{height:calc(100dvh - 148px);min-height:calc(100dvh - 148px)}.community-shell--messages .messages-layout .msg-list,.community-shell--messages .messages-layout--conversation .msg-window{height:100%;min-height:0}}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}