:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#07334f;--muted:#47758d;--line:#ffffffc7;--line-blue:#007ebf38;--paper:#dff7ff;--surface:#ffffffc2;--surface-strong:#ffffffe6;--aqua:#00a5d8;--aqua-dark:#007ab8;--cyan:#31d6ff;--grass:#42c85a;--lime:#b7f23e;--sun:#ffd84f;--coral:#ff6b6b;--violet:#6d8dff;--shadow:0 18px 42px #005b9133;--inner-shine:inset 0 1px 0 #fffffff2, inset 0 -18px 30px #0070b514}*{box-sizing:border-box}body{min-height:100vh;color:var(--ink);background:linear-gradient(#bdefff 0%,#f7fdff 36%,#d8f7d1 100%);margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body:before{content:"";pointer-events:none;background:linear-gradient(118deg,#ffffffb8 0 11%,#0000 11.5% 100%),linear-gradient(168deg,#0000 0 58%,#65db4e38 58.5% 100%),linear-gradient(#ffffff7a,#0000 52%);position:fixed;inset:0}.auth-gate{z-index:30;background:linear-gradient(118deg,#ffffffb8 0 14%,#0000 14.5% 100%),linear-gradient(#95e8ff,#f6fdff 44%,#baf3a9);place-items:center;padding:22px;display:grid;position:fixed;inset:0}.auth-gate.hidden{display:none}.auth-card{width:min(100%,430px);color:var(--ink);box-shadow:var(--inner-shine), 0 28px 70px #00609647;-webkit-backdrop-filter:blur(22px)saturate(160%);backdrop-filter:blur(22px)saturate(160%);background:linear-gradient(#fffffff0,#d8f8ffb8);border:1px solid #ffffffeb;border-radius:8px;gap:18px;padding:24px;display:grid}.auth-card p,.auth-card h1{margin:0}.auth-card h1{letter-spacing:0;font-size:clamp(2rem,7vw,3.1rem);line-height:.98}.auth-card>.brand-mark{width:58px;height:58px;font-size:1.4rem}.auth-note{color:var(--muted);font-size:.92rem;line-height:1.45}.email-auth-form{gap:12px;display:grid}.email-auth-form label,.email-auth-form label span{gap:7px;display:grid}.email-auth-form .remember-option{cursor:pointer;background:linear-gradient(#ffffffd1,#daf9ff94);border:1px solid #ffffffd6;border-radius:8px;align-items:center;gap:10px;width:fit-content;min-height:36px;padding:7px 10px;display:flex;box-shadow:inset 0 1px #fffffff0}.email-auth-form label span{color:#004a75;font-size:.88rem;font-weight:800}.email-auth-form .remember-option span{display:block}.email-auth-form input{width:100%;min-height:44px;color:var(--ink);box-shadow:var(--inner-shine), 0 8px 18px #0060961a;background:linear-gradient(#fffffffa,#e7faffb8);border:1px solid #ffffffe6;border-radius:8px;outline:0;padding:0 12px}.email-auth-form .remember-option input{appearance:none;width:22px;height:22px;min-height:22px;box-shadow:var(--inner-shine), 0 5px 12px #0060961a;background:linear-gradient(#fff,#dff8ff);border:1px solid #007ab861;border-radius:6px;flex:0 0 22px;padding:0}.email-auth-form .remember-option input:checked{background:linear-gradient(#fff,#f4ff99 42%,#42c85a);border-color:#007ab88c}.email-auth-form .remember-option input:checked:after{content:"";border:3px solid #00537f;border-width:0 3px 3px 0;width:7px;height:12px;margin:2px auto 0;display:block;transform:rotate(45deg)}.email-signup-button{color:#003d63;min-height:44px;box-shadow:var(--inner-shine), 0 10px 20px #1fa03b38;background:linear-gradient(#fff,#f4ff99 40%,#b7f23e 41%,#40c95d);border:1px solid #ffffffeb;border-radius:8px;justify-content:center;align-items:center;gap:8px;font-weight:800;display:inline-flex}.email-signup-button svg{width:18px;height:18px}.email-signup-button:disabled{cursor:wait;opacity:.72}.auth-mode-row{justify-content:center;display:flex}.secondary-auth-button{color:#00537f;text-underline-offset:3px;background:0 0;border:0;min-height:34px;font-weight:800;text-decoration:underline}.ban-screen{background:radial-gradient(circle at 24% 18%,#ffffffc7,#0000 24%),linear-gradient(118deg,#ffffffbd 0 13%,#0000 13.5% 100%),linear-gradient(#9beaff,#f7fdff 45%,#c6f4b9);place-items:center;min-height:100vh;padding:22px;display:grid}.ban-card{width:min(100%,470px);color:var(--ink);box-shadow:var(--inner-shine), 0 30px 78px #00609647;-webkit-backdrop-filter:blur(22px)saturate(160%);backdrop-filter:blur(22px)saturate(160%);background:linear-gradient(#fffffff0,#def9ffc2);border:1px solid #fffffff0;border-radius:8px;gap:16px;padding:26px;display:grid}.ban-card p,.ban-card h1{margin:0}.ban-card h1{letter-spacing:0;font-size:clamp(2.1rem,8vw,3.3rem);line-height:.98}.ban-card>.brand-mark{width:62px;height:62px;font-size:1.5rem}.ban-status{color:#6c1919;background:linear-gradient(#fffffff2,#ffeeeec7);border:1px solid #ff949494;border-radius:8px;align-items:center;gap:8px;width:fit-content;min-height:36px;padding:7px 11px;font-weight:900;display:inline-flex;box-shadow:inset 0 1px #fffffff2,0 10px 24px #ff6b6b29}.ban-status svg{width:18px;height:18px}.ban-message{color:#07334f;font-weight:850;line-height:1.35}button,input,textarea{font:inherit}button{cursor:pointer}.app-shell{grid-template-columns:244px minmax(0,1fr);min-height:100vh;display:grid;position:relative}.sidebar{color:#f7fdff;background:linear-gradient(#ffffff5c,#ffffff14),linear-gradient(155deg,#009de0,#0067aa 56%,#00a56b);border-right:1px solid #ffffffb3;flex-direction:column;gap:28px;height:100vh;padding:24px 16px;display:flex;position:sticky;top:0;box-shadow:inset -1px 0 #005c912e,14px 0 32px #00578b29}.brand{color:inherit;text-shadow:0 1px 2px #00538357;align-items:center;gap:12px;font-size:1.2rem;font-weight:800;text-decoration:none;display:flex}.brand-mark{color:#00537f;width:42px;height:42px;box-shadow:var(--inner-shine), 0 9px 22px #004f8047;background:linear-gradient(#ffffff85,#ffffff2e);border-radius:8px;place-items:center;display:grid;overflow:hidden}.brand-mark img{object-fit:cover;width:100%;height:100%;display:block}.nav-list{gap:6px;display:grid}.nav-item,.icon-button,.top-auth-button,.mobile-install-button,.tool-chip,.filter-pill,.ghost-button,.primary-button,.upload-button,.remove-upload{border:0;min-height:40px}.nav-item{color:#e9fbff;text-align:left;background:#ffffff1f;border-radius:8px;align-items:center;gap:12px;padding:12px;display:flex;box-shadow:inset 0 1px #ffffff3d}.nav-item.active,.nav-item:hover{color:#004a75;box-shadow:var(--inner-shine), 0 8px 18px #00487129;background:linear-gradient(#ffffffdb,#ffffff57 45%,#00a4d852)}.nav-item svg,.icon-button svg,.top-auth-button svg,.mobile-install-button svg,.tool-chip svg,.primary-button svg,.upload-button svg,.remove-upload svg,.hero-meta svg,.search svg{flex:none;width:18px;height:18px}.mini-profile{background:#ffffff2e;border:1px solid #ffffff6b;border-radius:8px;grid-template-columns:44px minmax(0,1fr) 36px;align-items:center;gap:10px;margin-top:auto;padding:12px;display:grid;box-shadow:inset 0 1px #ffffff61}.profile-signout{color:#e9fbff;background:#ffffff24;border:1px solid #ffffff85;border-radius:8px;place-items:center;width:36px;min-height:36px;display:grid;box-shadow:inset 0 1px #ffffff3d}.profile-signout svg{width:17px;height:17px}.mini-profile strong,.mini-profile span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.mini-profile span{color:#d8f8ff;font-size:.82rem}.profile-name-line,.post-author-line{align-items:center;gap:7px;min-width:0;display:flex}.profile-name-line strong,.post-author-line strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.owner-badge,.user-badge{text-transform:uppercase;letter-spacing:0;border-radius:8px;flex:none;align-items:center;gap:4px;min-height:23px;padding:0 7px;font-size:.72rem;font-weight:900;display:inline-flex}.owner-badge{color:#00425f;box-shadow:var(--inner-shine), 0 6px 14px #1fa03b2e;background:linear-gradient(#fff,#fff59b 42%,#ffd84f 43%,#40c95d);border:1px solid #ffffffe6}.user-badge{color:#004d61;box-shadow:var(--inner-shine), 0 6px 14px #1e9dbc2e;background:linear-gradient(#fff,#aef5ff 42%,#54d9ff 43%,#6bf2b6);border:1px solid #ffffffe6}.owner-badge svg,.user-badge svg{width:13px;height:13px}.avatar{color:#003f66;width:44px;height:44px;box-shadow:var(--inner-shine), 0 7px 18px #006faa33;border:1px solid #ffffffd1;border-radius:8px;flex:none;place-items:center;font-weight:800;display:grid}.avatar img{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}.avatar-sun{background:linear-gradient(#fffde5,#ffd84f 46%,#00b8ff)}.avatar-mint{background:linear-gradient(#faffff,#7df1ff 48%,#42c85a)}.avatar-rose{background:linear-gradient(#fff,#ffaaa8 50%,#00a5d8)}.avatar-violet{background:linear-gradient(#fff,#a7b8ff 52%,#31d6ff)}.avatar-forest{background:linear-gradient(#fff,#b7f23e 52%,#00a56b)}.main-content{min-width:0;padding:20px clamp(16px,3vw,36px) 48px}.topbar{grid-template-columns:minmax(220px,620px) auto;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:grid}.search{border:1px solid var(--line);min-height:44px;box-shadow:var(--inner-shine), 0 10px 28px #006faa24;-webkit-backdrop-filter:blur(18px)saturate(150%);backdrop-filter:blur(18px)saturate(150%);background:linear-gradient(#fffffff5,#ffffff9e);border-radius:8px;align-items:center;gap:10px;padding:0 14px;display:flex}.search input{width:100%;color:var(--ink);background:0 0;border:0;outline:0}.top-actions{gap:8px;display:flex}.icon-button{color:#006aa6;width:44px;box-shadow:var(--inner-shine), 0 9px 20px #0067aa24;background:linear-gradient(#fff,#dff8ff 52%,#9cecff);border:1px solid #ffffffdb;border-radius:8px}.top-auth-button{color:#003d63;box-shadow:var(--inner-shine), 0 10px 20px #1fa03b2e;white-space:nowrap;background:linear-gradient(#fff,#f4ff99 40%,#b7f23e 41%,#40c95d);border:1px solid #ffffffeb;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-weight:800;display:inline-flex}.mobile-install-button{color:#003d63;box-shadow:var(--inner-shine), 0 10px 20px #007ebf29;white-space:nowrap;background:linear-gradient(#fff,#bdf6ff 52%,#65e9ff);border:1px solid #ffffffeb;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-weight:800;display:inline-flex}.auth-install-button{width:100%}.install-note{color:#004a75;background:linear-gradient(#ffffffd6,#cff7ff9e);border:1px solid #ffffffc7;border-radius:8px;margin:0;padding:10px 12px;font-size:.88rem;font-weight:800;line-height:1.35;box-shadow:inset 0 1px #ffffffeb}.main-install-note{margin:-6px 0 18px}.install-guide{color:#004a75;box-shadow:var(--inner-shine), 0 10px 24px #007ebf1f;background:linear-gradient(#ffffffe6,#d6f9ffa8);border:1px solid #ffffffd1;border-radius:8px;gap:12px;padding:12px;display:grid}.main-content>.install-guide{margin:-8px 0 18px}.install-guide-head{grid-template-columns:44px minmax(0,1fr);align-items:center;gap:10px;display:grid}.install-guide-icon{width:44px;height:44px;box-shadow:var(--inner-shine), 0 8px 18px #0067aa29;border-radius:8px;display:block;overflow:hidden}.install-guide-icon img{object-fit:cover;width:100%;height:100%;display:block}.install-guide strong,.install-guide span{min-width:0;display:block}.install-guide span{color:var(--muted);font-size:.86rem;line-height:1.35}.install-guide ol{margin:0;padding-left:22px}.install-guide li{margin:5px 0;font-weight:800;line-height:1.35}.install-open-link{color:#003d63;width:fit-content;min-height:38px;box-shadow:var(--inner-shine), 0 8px 18px #1fa03b29;background:linear-gradient(#fff,#f4ff99 40%,#b7f23e 41%,#40c95d);border:1px solid #ffffffeb;border-radius:8px;justify-content:center;align-items:center;padding:0 12px;font-weight:900;text-decoration:none;display:inline-flex}.hero{aspect-ratio:16/5.6;background:#78dcff;border:1px solid #ffffffd1;border-radius:8px;min-height:250px;max-height:390px;margin-bottom:18px;position:relative;overflow:hidden;box-shadow:0 24px 54px #0069aa42}.hero img{object-fit:cover;width:100%;height:100%;display:block}.hero:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(118deg,#ffffff94 0 13%,#0000 13.5% 60%,#ffffff38 60.5% 68%,#0000 69%),linear-gradient(90deg,#00375b6b,#006faa14 52%,#ffffff0a);position:absolute;inset:0}.hero:after{content:"";z-index:1;border-radius:inherit;pointer-events:none;border:1px solid #ffffffe0;position:absolute;inset:0}.hero-overlay{z-index:2;color:#fff;text-shadow:0 2px 14px #0042689e;max-width:520px;position:absolute;bottom:clamp(16px,4vw,38px);left:clamp(18px,4vw,44px)}.hero-overlay p{color:#f9ffb8;margin:0 0 8px;font-weight:800}.hero-overlay h1{letter-spacing:0;margin:0 0 14px;font-size:clamp(2rem,4vw,4.15rem);line-height:.98}.hero-meta{flex-wrap:wrap;gap:10px;display:flex}.hero-meta span{color:#00496f;min-height:34px;box-shadow:var(--inner-shine);-webkit-backdrop-filter:blur(12px)saturate(170%);backdrop-filter:blur(12px)saturate(170%);text-shadow:none;background:linear-gradient(#fffffff0,#ccf6ff9e);border:1px solid #ffffffdb;border-radius:8px;align-items:center;gap:7px;padding:0 10px;display:inline-flex}.composer{background:var(--surface);box-shadow:var(--inner-shine), var(--shadow);-webkit-backdrop-filter:blur(18px)saturate(145%);backdrop-filter:blur(18px)saturate(145%);border:1px solid #ffffffe0;border-radius:8px;grid-template-columns:44px minmax(0,1fr);gap:12px;margin-bottom:18px;padding:14px;display:grid}.post-text-field,.post-text-field span{gap:7px;display:grid}.post-text-field span{color:#004a75;font-size:.88rem;font-weight:800}.composer-panel textarea{resize:vertical;width:100%;min-height:112px;color:var(--ink);box-shadow:var(--inner-shine), 0 8px 18px #00609614;background:linear-gradient(#fffffff5,#e7faff9e);border:1px solid #ffffffe6;border-radius:8px;outline:0;padding:12px}.composer-panel textarea::placeholder,.search input::placeholder{color:#5f91a9}.text-meter{color:var(--muted);text-align:right;margin:6px 0 12px;font-size:.82rem}.upload-preview{background:linear-gradient(#ffffffe0,#d2f7ff9e);border:1px solid #ffffffd6;border-radius:8px;grid-template-columns:84px minmax(0,1fr) 38px;align-items:center;gap:12px;margin:4px 0 14px;padding:10px;display:grid;box-shadow:inset 0 1px #ffffffeb}.upload-preview[hidden]{display:none}.upload-preview img{object-fit:cover;border:1px solid #ffffffe6;border-radius:8px;width:84px;height:64px;box-shadow:0 7px 16px #0069aa29}.upload-preview strong,.upload-preview span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.upload-preview span{color:var(--muted);margin-top:3px;font-size:.86rem}.composer-footer,.filter-row,.panel-header,.post-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.composer-tools,.filter-row{flex-wrap:wrap}.filter-row{justify-content:flex-start}.composer-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}#postImage{opacity:0;pointer-events:none;block-size:1px;inline-size:1px;position:absolute}.tool-chip,.filter-pill,.ghost-button,.upload-button,.remove-upload{color:#03547e;box-shadow:var(--inner-shine), 0 7px 16px #006faa1c;background:linear-gradient(#fff,#e4faff 54%,#bdf2ff);border:1px solid #ffffffdb;border-radius:8px;padding:0 12px}.tool-chip,.upload-button{align-items:center;gap:7px;display:inline-flex}.tool-chip.active,.filter-pill.active{color:#fff;text-shadow:0 1px 2px #004a7575;background:linear-gradient(#78efff,#00a5d8 48%,#007ab8);border-color:#ffffffe6}.primary-button{color:#003d63;box-shadow:var(--inner-shine), 0 10px 20px #1fa03b38;background:linear-gradient(#fff,#f4ff99 40%,#b7f23e 41%,#40c95d);border:1px solid #ffffffeb;border-radius:8px;align-items:center;gap:8px;padding:0 16px;font-weight:800;display:inline-flex}.remove-upload{place-items:center;width:38px;padding:0;display:grid}.composer-status{color:var(--muted);margin:12px 0 0;font-size:.9rem}.primary-button:disabled{cursor:wait;opacity:.72}.content-grid{grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:18px;display:grid}.feed-column,.right-rail,.feed{gap:14px;display:grid}.post-card,.panel{background:var(--surface);box-shadow:var(--inner-shine), 0 14px 34px #0069aa24;-webkit-backdrop-filter:blur(18px)saturate(145%);backdrop-filter:blur(18px)saturate(145%);border:1px solid #ffffffdb;border-radius:8px}.post-card{padding:16px}.empty-state{grid-template-columns:44px minmax(0,1fr);align-items:start;gap:12px;display:grid}.empty-state .post-body{margin-bottom:0}.post-head{grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.post-author strong,.post-author span{display:block}.post-author span,.post-time,.post-body,.circle-meta,.event-meta{color:var(--muted)}.post-tag{color:#fff;min-height:30px;box-shadow:var(--inner-shine);text-shadow:0 1px 2px #002f685c;background:linear-gradient(#b7c6ff,#6d8dff 48%,#4566d7);border:1px solid #ffffffc2;border-radius:8px;align-items:center;padding:0 9px;font-size:.82rem;font-weight:800;display:inline-flex}.post-body{white-space:pre-wrap;margin:14px 0;line-height:1.55}.text-only-post{background:linear-gradient(#fffc,#ddfaff8a);border:1px solid #ffffffc2;border-radius:8px;margin-top:14px;padding:14px;box-shadow:inset 0 1px #fffffff0}.post-art{background:linear-gradient(118deg, #fffc 0 13%, transparent 13.4% 100%), linear-gradient(180deg, #ffffffc7, #ffffff14 42%, #006aa61f 43%), linear-gradient(135deg, var(--art-a), var(--art-b));border:1px solid #ffffffc2;border-radius:8px;min-height:148px;overflow:hidden;box-shadow:inset 0 1px #fffffff2,inset 0 -24px 40px #00548a26}.post-upload{background:linear-gradient(#ffffffb8,#d0f7ff61);border:1px solid #ffffffd1;border-radius:8px;margin-top:14px;overflow:hidden;box-shadow:inset 0 1px #ffffffeb,0 12px 28px #0069aa24}.post-upload img{object-fit:contain;background:#ffffff61;width:100%;max-height:520px;display:block}.post-actions{margin-top:14px}.reaction-group{flex-wrap:wrap;gap:8px;display:flex}.reaction,.share-button{color:#03547e;min-height:36px;box-shadow:var(--inner-shine);background:linear-gradient(#fff,#e9fbff 54%,#c9f3ff);border:1px solid #ffffffdb;border-radius:8px}.reaction{padding:0 10px}.reaction.active{color:#00466f;background:linear-gradient(#fff,#ffeaa1 52%,#ffbd4f);border-color:#fffffff0}.share-button{width:38px}.comments-panel{border-top:1px solid #ffffffb8;gap:10px;margin-top:14px;padding-top:12px;display:grid}.comments-header span{color:#03547e;align-items:center;gap:7px;font-size:.86rem;font-weight:800;display:inline-flex}.comments-header svg{width:16px;height:16px}.comment-list{gap:8px;display:grid}.comment-empty{color:var(--muted);background:linear-gradient(#ffffffb3,#ddfaff6b);border:1px solid #ffffffa8;border-radius:8px;margin:0;padding:10px;box-shadow:inset 0 1px #ffffffd6}.comment{background:linear-gradient(#ffffffc7,#ddfaff85);border:1px solid #ffffffb8;border-radius:8px;grid-template-columns:34px minmax(0,1fr);align-items:start;gap:9px;padding:10px;display:grid;box-shadow:inset 0 1px #ffffffe0}.comment-avatar{color:#00466f;width:34px;height:34px;box-shadow:var(--inner-shine);background:radial-gradient(circle at 32% 18%,#fff 0 24%,#0000 25%),linear-gradient(145deg,#9ef6ff,#7affb8 58%,#ffe970);border:1px solid #ffffffe0;border-radius:8px;place-items:center;font-size:.78rem;font-weight:900;display:grid}.comment-author-line{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.comment-author-line strong,.comment-author-line span{overflow-wrap:anywhere;min-width:0}.comment-author-line span{color:var(--muted);font-size:.78rem}.comment p{color:var(--ink);overflow-wrap:anywhere;white-space:pre-wrap;margin:6px 0 0;line-height:1.45}.comment-form{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;display:grid}.comment-rule{color:#6c1919;grid-column:1/-1;margin:0;font-size:.78rem;font-weight:850;line-height:1.3}.comment-form textarea{resize:vertical;width:100%;min-height:48px;max-height:130px;color:var(--ink);box-shadow:var(--inner-shine);background:linear-gradient(#fffffff5,#e7faff9e);border:1px solid #ffffffdb;border-radius:8px;outline:0;padding:10px}.comment-form textarea::placeholder{color:#5f91a9}.comment-button{color:#003d63;min-height:42px;box-shadow:var(--inner-shine), 0 8px 18px #1fa03b2e;background:linear-gradient(#fff,#f4ff99 40%,#b7f23e 41%,#40c95d);border:1px solid #ffffffeb;border-radius:8px;align-items:center;gap:7px;padding:0 12px;font-weight:800;display:inline-flex}.comment-button svg{width:15px;height:15px}.comment-button:disabled,.comment-form textarea:disabled{cursor:not-allowed;opacity:.68}.panel{padding:14px}.panel h2{color:#004a75;margin:0;font-size:1rem}.chat-screen{gap:18px;display:grid}.screen-heading{justify-content:space-between;align-items:end;gap:14px;display:flex}.screen-heading p,.screen-heading h1{margin:0}.screen-heading p{color:var(--muted);font-weight:800}.screen-heading h1{color:#004a75;font-size:clamp(2rem,4vw,3.4rem);line-height:1}.screen-heading .ghost-button{align-items:center;gap:7px;display:inline-flex}.screen-heading .ghost-button svg{width:17px;height:17px}.chat-screen-grid{grid-template-columns:minmax(250px,340px) minmax(0,1fr);align-items:stretch;gap:18px;display:grid}.chat-directory,.chat-room-screen{min-height:640px}.chat-room-screen{grid-template-rows:auto auto minmax(260px,1fr) auto auto;gap:12px;padding:14px;display:grid}.screen-room-head{background:linear-gradient(#ffffffd1,#d8f8ff8f);border:1px solid #ffffffb8;border-radius:8px;padding:12px;box-shadow:inset 0 1px #ffffffdb}.screen-list{max-height:520px}.screen-messages{background:linear-gradient(#ffffff73,#d0f7ff3d);border:1px solid #ffffff94;border-radius:8px;align-content:start;min-height:260px;max-height:none;padding:12px}.room-empty{align-self:center}.chat-panel{gap:12px;display:grid}.chat-count{color:#00466f;min-width:30px;min-height:30px;box-shadow:var(--inner-shine);background:linear-gradient(#fff,#dbfbff 52%,#aef5ff);border:1px solid #ffffffdb;border-radius:8px;place-items:center;font-size:.82rem;font-weight:900;display:grid}.chat-create,.chat-edit,.chat-send{gap:8px;display:grid}.chat-create,.chat-edit{grid-template-columns:48px minmax(0,1fr) auto;align-items:center}.chat-create input,.chat-edit input,.chat-send textarea{width:100%;color:var(--ink);box-shadow:var(--inner-shine);background:linear-gradient(#fffffff5,#e7faff9e);border:1px solid #ffffffdb;border-radius:8px;outline:0}.chat-create input,.chat-edit input{min-height:40px;padding:0 10px}.chat-icon-input{text-align:center;font-weight:900}.chat-list,.chat-messages{gap:8px;display:grid}.chat-list{max-height:260px;padding-right:2px;overflow:auto}.chat-list-item{text-align:left;width:100%;min-height:58px;color:var(--ink);background:linear-gradient(#ffffffc7,#ddfaff85);border:1px solid #ffffffb8;border-radius:8px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px;display:grid;box-shadow:inset 0 1px #ffffffe0}.chat-list-item.active{box-shadow:var(--inner-shine), 0 8px 18px #006faa24;background:linear-gradient(#fff,#bdf6ff 52%,#76e8ff);border-color:#fffffff0}.chat-list-item strong,.chat-list-item small,.chat-empty strong,.chat-empty span,.chat-room-head strong,.chat-room-head span{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.chat-list-item small,.chat-room-head span,.chat-empty span{color:var(--muted);font-size:.82rem}.chat-list-item em{color:#03547e;background:linear-gradient(#ffffffe6,#caf7ff9e);border:1px solid #ffffffd1;border-radius:8px;place-items:center;min-width:28px;min-height:28px;font-size:.78rem;font-style:normal;font-weight:900;display:grid}.chat-icon{color:#00466f;width:38px;height:38px;box-shadow:var(--inner-shine);background:radial-gradient(circle at 32% 18%,#fff 0 24%,#0000 25%),linear-gradient(145deg,#9ef6ff,#7affb8 58%,#ffe970);border:1px solid #ffffffe0;border-radius:8px;place-items:center;font-size:.84rem;font-weight:900;display:grid}.chat-icon.large{width:44px;height:44px}.chat-empty{background:linear-gradient(#ffffffb3,#ddfaff6b);border:1px solid #ffffffa8;border-radius:8px;padding:10px;box-shadow:inset 0 1px #ffffffd6}.chat-room{border-top:1px solid #ffffffb8;gap:10px;padding-top:12px;display:grid}.chat-room-head{grid-template-columns:44px minmax(0,1fr);align-items:center;gap:10px;display:grid}.chat-messages{max-height:320px;padding-right:2px;overflow:auto}.chat-message{background:linear-gradient(#ffffffc7,#ddfaff85);border:1px solid #ffffffb8;border-radius:8px;grid-template-columns:34px minmax(0,1fr);align-items:start;gap:9px;padding:10px;display:grid;box-shadow:inset 0 1px #ffffffe0}.chat-message p{color:var(--ink);overflow-wrap:anywhere;white-space:pre-wrap;margin:6px 0 0;line-height:1.45}.chat-send{grid-template-columns:minmax(0,1fr) auto;align-items:end}.chat-send textarea{resize:vertical;min-height:48px;max-height:130px;padding:10px}.chat-create input:disabled,.chat-edit input:disabled,.chat-send textarea:disabled,.chat-create button:disabled,.chat-edit button:disabled,.chat-send button:disabled{cursor:not-allowed;opacity:.68}.circle-list,.event-list,.queue-list{gap:10px;margin-top:14px;display:grid}.circle,.event,.queue-list div{background:linear-gradient(#ffffffd1,#d8f8ff8f);border:1px solid #ffffffb8;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid;box-shadow:inset 0 1px #ffffffdb}.circle strong,.circle span,.event strong,.event span,.queue-list span{overflow-wrap:anywhere;display:block}.circle-meta,.event-meta{margin-top:3px;font-size:.84rem}.join-button{color:#064d2a;min-height:36px;box-shadow:var(--inner-shine), 0 7px 16px #269e4029;background:linear-gradient(#fff,#c8ff70 45%,#42c85a);border:1px solid #ffffffdb;border-radius:8px;padding:0 12px;font-weight:800}.queue-list strong{color:var(--aqua-dark)}.safety-panel{gap:12px}.safety-panel label{min-height:40px;color:var(--muted);align-items:center;gap:10px;display:flex}.safety-panel input{accent-color:var(--aqua)}@media (max-width:1060px){.app-shell{grid-template-columns:82px minmax(0,1fr)}.brand span:not(.brand-mark),.nav-item span,.mini-profile div,.profile-signout{display:none}.sidebar{align-items:center}.nav-item{justify-content:center;width:50px}.content-grid,.chat-screen-grid{grid-template-columns:1fr}.chat-directory,.chat-room-screen{min-height:auto}.screen-list{max-height:320px}.right-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.chat-panel{grid-column:1/-1}}@media (max-width:720px){.app-shell{display:block}.sidebar{z-index:10;border-top:1px solid #ffffffb8;border-right:0;flex-direction:row;justify-content:center;height:68px;padding:8px 10px;position:fixed;inset:auto 0 0}.brand,.mini-profile{display:none}.nav-list{grid-template-columns:repeat(5,1fr);width:100%}.nav-item{width:auto;min-height:52px}.main-content{padding-bottom:88px}.topbar{grid-template-columns:1fr}.top-actions{grid-template-columns:1fr;display:grid}.top-actions .icon-button{display:none}.top-auth-button,.mobile-install-button,.install-open-link{width:100%}.screen-heading{flex-direction:column;align-items:stretch}.screen-heading .ghost-button{justify-content:center}.hero{aspect-ratio:auto;min-height:300px}.composer{grid-template-columns:1fr}.composer-footer{flex-direction:column;align-items:stretch}.composer-tools,.primary-button,.composer-actions,.upload-button{width:100%}.tool-chip,.upload-button{flex:120px;justify-content:center}.primary-button,.upload-button{justify-content:center}.composer-actions{align-items:stretch}.post-head{grid-template-columns:44px minmax(0,1fr)}.post-tag{grid-column:1/-1;justify-self:start}.comment-form,.chat-create,.chat-edit,.chat-send{grid-template-columns:1fr}.comment-button{justify-content:center}.right-rail{grid-template-columns:1fr}}