:root{color-scheme:light;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-sm:4px;--radius-md:8px;--radius-pill:999px;--text-32:32px;--text-24:24px;--text-20:20px;--text-16:16px;--text-14:14px;--text-12:12px;--leading-32:40px;--leading-24:32px;--leading-20:24px;--leading-16:24px;--leading-14:20px;--leading-12:16px;--bg:#f7f8fa;--bg-soft:#eef2f4;--surface:#fff;--surface-raised:#fbfcfd;--surface-muted:#f3f5f7;--text:#171a1f;--text-muted:#626a73;--text-subtle:#858e99;--border:#dce1e6;--border-strong:#c7ced6;--primary:#1f8f72;--primary-strong:#166b55;--primary-soft:#e6f5ef;--accent:#315f96;--accent-soft:#e7eef7;--warning:#946300;--warning-soft:#fff3d4;--danger:#b42318;--danger-soft:#fde7e4;--focus:#2a7fdb;--shadow-sm:0 1px 2px rgba(22,28,36,.06);--shadow-md:0 8px 24px rgba(22,28,36,.08);--shadow-lg:0 16px 40px rgba(22,28,36,.1);--font-sans:Inter,"PingFang SC","Microsoft YaHei",Arial,sans-serif;--font-display:"LXGW WenKai Screen","PingFang SC","Microsoft YaHei",var(--font-sans);--font-mono:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace}@media (prefers-color-scheme:dark){:root{color-scheme:dark;--bg:#101418;--bg-soft:#151b21;--surface:#171d23;--surface-raised:#1c232a;--surface-muted:#202830;--text:#eef2f6;--text-muted:#b5bec8;--text-subtle:#8b96a3;--border:#2e3842;--border-strong:#45515c;--primary:#65d6ad;--primary-strong:#95e6c9;--primary-soft:#17352b;--accent:#8bb7e8;--accent-soft:#1d2f45;--warning:#ffd36b;--warning-soft:#382c14;--danger:#ff9b90;--danger-soft:#3f201d;--focus:#8bb7e8;--shadow-sm:0 1px 2px rgba(0,0,0,.28);--shadow-md:0 8px 24px rgba(0,0,0,.32);--shadow-lg:0 16px 40px rgba(0,0,0,.4)}}*{box-sizing:border-box}body,html{margin:0;min-height:100%;overflow-x:hidden}body,html{background:var(--bg)}body{color:var(--text);font-family:var(--font-sans);font-size:var(--text-16);letter-spacing:0;line-height:var(--leading-16);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:color-mix(in srgb,var(--primary) 24%,transparent)}a{color:inherit;text-decoration:none}a:hover{color:var(--primary-strong)}.skip-link{background:var(--text);border-radius:var(--radius-md);color:var(--surface);left:var(--space-4);padding:var(--space-3) var(--space-4);position:fixed;top:var(--space-4);transform:translateY(-120%);transition:transform .18s ease;z-index:1000}.skip-link:focus-visible{transform:translateY(0)}img{display:block;max-width:100%}button,input,select,textarea{font:inherit}.button,button{align-items:center;background:var(--text);border:1px solid transparent;border-radius:var(--radius-md);color:var(--surface);cursor:pointer;display:inline-flex;font-size:var(--text-14);font-weight:700;gap:var(--space-2);justify-content:center;line-height:var(--leading-14);min-height:var(--space-12);padding:0 var(--space-4);touch-action:manipulation;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease,opacity .18s ease,transform .18s ease;white-space:nowrap}.button:hover,button:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.button:active,button:active{transform:translateY(0)}.button[aria-disabled=true],button:disabled{cursor:not-allowed;opacity:.56;transform:none}.button.secondary,button.secondary{background:var(--surface-raised);border-color:var(--border);color:var(--text)}.button.ghost,button.ghost{background:transparent;border-color:transparent;color:var(--text-muted);min-height:var(--space-10);padding:0 var(--space-3)}.button.danger,button.danger{background:var(--danger);color:#fff}.button.icon-button,button.icon-button{min-width:var(--space-12);padding:0}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in srgb,var(--focus) 56%,transparent);outline-offset:2px}input,select,textarea{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);min-height:var(--space-12);padding:var(--space-3) var(--space-4);transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease;width:100%}textarea{min-height:calc(var(--space-10) + var(--space-10) + var(--space-10) + var(--space-10));resize:vertical}input::placeholder,textarea::placeholder{color:var(--text-subtle)}h1,h2,h3,p{margin:0}.text-32,h1{font-family:var(--font-display);font-size:var(--text-32);line-height:var(--leading-32);text-wrap:balance}.text-24,h2{font-size:var(--text-24);line-height:var(--leading-24);text-wrap:balance}.text-20,h3{font-size:var(--text-20);line-height:var(--leading-20)}.text-16{font-size:var(--text-16);line-height:var(--leading-16)}.text-14{font-size:var(--text-14);line-height:var(--leading-14)}.text-12{font-size:var(--text-12);line-height:var(--leading-12)}.muted{color:var(--text-muted)}.subtle{color:var(--text-subtle)}.stack{display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.stack-tight{display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.cluster{align-items:center;display:flex;flex-wrap:wrap}.cluster,.field{gap:var(--space-2)}.field{display:grid;grid-gap:var(--space-2)}.field label,.field span:not(.badge),.mini-label{color:var(--text-muted);font-size:var(--text-12);font-weight:800;line-height:var(--leading-12)}.auth-page,.feed-shell,.profile-shell{scroll-margin-top:var(--space-12);margin:0 auto;max-width:1360px;padding:var(--space-6) var(--space-4) var(--space-12)}.feed-shell{max-width:1120px}.auth-page,.profile-shell{max-width:960px}.auth-page{align-items:center;display:grid;justify-items:center;min-height:100vh;min-height:100svh;min-height:100dvh;padding-bottom:max(var(--space-12),env(safe-area-inset-bottom));padding-top:max(var(--space-6),env(safe-area-inset-top))}.auth-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);display:grid;grid-gap:var(--space-4);gap:var(--space-4);margin:0 auto;max-width:480px;padding:var(--space-8);width:100%}.auth-panel h1,.page-title h1{font-size:var(--text-32);line-height:var(--leading-32)}.topbar{background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-6);padding:var(--space-2);position:-webkit-sticky;position:sticky;top:var(--space-3);z-index:20}.brand,.topbar{align-items:center;display:flex}.brand{gap:var(--space-3);min-width:0}.brand-text,.brand>span:last-child{font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand-mark,.brand-text,.brand>span:last-child{font-size:var(--text-16);line-height:var(--leading-16)}.brand-mark{align-items:center;background:var(--text);border:1px solid var(--border-strong);border-radius:var(--radius-md);color:var(--surface);display:inline-flex;flex:0 0 auto;font-weight:900;height:var(--space-10);justify-content:center;width:var(--space-10)}.nav-actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:flex-end}.page-title{grid-gap:var(--space-2);gap:var(--space-2)}.feed-hero,.page-title{display:grid;margin-bottom:var(--space-6)}.feed-hero{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);grid-gap:var(--space-6);gap:var(--space-6);grid-template-columns:minmax(0,1fr) minmax(280px,360px);padding:var(--space-6)}.hero-profile{align-items:center;display:grid;grid-gap:var(--space-6);gap:var(--space-6);grid-template-columns:calc(var(--space-12) + var(--space-12)) minmax(0,1fr);min-width:0}.hero-avatar{background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius-md);height:calc(var(--space-12) + var(--space-12));object-fit:cover;width:calc(var(--space-12) + var(--space-12))}.hero-bio{max-width:640px;overflow-wrap:anywhere}.hero-side{align-content:space-between;display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.hero-stats{background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius-md);display:grid;grid-gap:var(--space-3);gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));padding:var(--space-4)}.hero-stats strong{display:block;font-size:var(--text-20);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:var(--leading-20);margin-top:var(--space-1)}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:flex-end}.upload-block{display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.upload-meta{color:var(--text-muted);font-size:var(--text-14);line-height:var(--leading-14)}.upload-preview-grid{display:grid;grid-gap:var(--space-2);gap:var(--space-2);grid-template-columns:repeat(6,minmax(0,1fr))}.upload-preview-item{aspect-ratio:1/1;background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;position:relative}.upload-preview-item img{height:100%;object-fit:cover;width:100%}.upload-remove{background:color-mix(in srgb,var(--text) 72%,transparent);border:1px solid color-mix(in srgb,#fff 24%,transparent);border-radius:var(--radius-pill);color:#fff;min-height:var(--space-8);min-width:var(--space-8);padding:0;position:absolute;right:var(--space-1);top:var(--space-1)}.admin-card,.composer,.panel,.post,.profile-header,.side-panel,.table-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.admin-card:hover,.composer:hover,.panel:hover,.post:hover,.side-panel:hover,.table-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.feed-layout{align-items:start;display:grid;grid-gap:var(--space-6);gap:var(--space-6);grid-template-columns:208px minmax(0,760px);justify-content:center}.feed-main{min-width:0}.feed-main,.feed-rail{display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.feed-rail{position:-webkit-sticky;position:sticky;top:calc(var(--space-12) + var(--space-12))}.side-panel{display:grid;grid-gap:var(--space-3);gap:var(--space-3);padding:var(--space-4)}.brand-panel{gap:var(--space-4)}.profile-mini,.side-nav a{align-items:center;border-radius:var(--radius-md);display:flex;gap:var(--space-3);min-height:var(--space-10);min-width:0}.side-nav a{color:var(--text-muted);padding:0 var(--space-2)}.side-nav a:hover{background:var(--surface-muted);color:var(--text)}.stat-list{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-list strong{display:block;font-size:var(--text-24);line-height:var(--leading-24);margin-top:var(--space-1)}.composer{display:grid;grid-gap:var(--space-4);gap:var(--space-4);margin-bottom:var(--space-4);padding:var(--space-4)}.composer textarea{min-height:calc(var(--space-10) + var(--space-10) + var(--space-10) + var(--space-10))}.post{padding:var(--space-4)}.comment-row,.post,.post-head,.profile-header{display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.comment-row,.post-head,.profile-header{grid-template-columns:var(--space-12) minmax(0,1fr)}.avatar{background:var(--surface-muted);border:1px solid var(--border);height:var(--space-12);object-fit:cover;width:var(--space-12)}.avatar,.avatar-link{border-radius:var(--radius-md)}.avatar-link{display:inline-flex;height:-moz-fit-content;height:fit-content}.post-author{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2);min-width:0}.friend-main strong,.post-author strong,.post-content{overflow-wrap:anywhere}.post-content{font-size:var(--text-16);line-height:var(--leading-16);margin-top:var(--space-2);white-space:pre-wrap}.image-grid{display:grid;grid-gap:var(--space-2);gap:var(--space-2);margin-top:var(--space-4);max-width:560px;width:100%}.image-grid-1{max-width:480px}.image-grid-2,.image-grid-4{grid-template-columns:repeat(2,minmax(0,1fr));max-width:480px}.image-grid-3,.image-grid-5,.image-grid-6,.image-grid-7,.image-grid-8,.image-grid-9{grid-template-columns:repeat(3,minmax(0,1fr))}.image-thumb{aspect-ratio:1/1;background:var(--surface-muted);border:0;border-radius:var(--radius-md);display:block;min-height:0;overflow:hidden;padding:0}.image-grid-1 .image-thumb{aspect-ratio:4/3;max-height:480px}.image-grid-2 .image-thumb{aspect-ratio:4/3}.image-grid-4 .image-thumb,.image-grid-5 .image-thumb,.image-grid-6 .image-thumb,.image-grid-7 .image-thumb,.image-grid-8 .image-thumb,.image-grid-9 .image-thumb{aspect-ratio:1/1}.image-thumb img{aspect-ratio:1/1;border-radius:var(--radius-md);height:100%;object-fit:cover;transition:opacity .18s ease,transform .18s ease;width:100%}.image-thumb:hover img{opacity:.92;transform:scale(1.02)}.lightbox{align-items:center;background:rgba(10,14,18,.88);display:flex;inset:0;justify-content:center;overscroll-behavior:contain;padding:var(--space-6);position:fixed;z-index:100}.lightbox-image{max-height:88vh;max-width:88vw;object-fit:contain}.lightbox-close,.lightbox-nav{background:var(--surface);color:var(--text);position:fixed}.lightbox-close{right:var(--space-4);top:var(--space-4)}.lightbox-nav.left{left:var(--space-4)}.lightbox-nav.right{right:var(--space-4)}.lightbox-nav:disabled{opacity:.45}.inline-form,.post-actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2)}.comments{background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius-md);display:grid;grid-gap:var(--space-3);gap:var(--space-3);padding:var(--space-4)}.comment-row{grid-template-columns:var(--space-10) minmax(0,1fr)}.comment-row .avatar{height:var(--space-10);width:var(--space-10)}.comment-form{display:grid;grid-gap:var(--space-2);gap:var(--space-2);grid-template-columns:minmax(0,1fr) auto}.form-message{border:1px solid transparent;border-radius:var(--radius-md);font-size:var(--text-14);grid-column:1/-1;line-height:var(--leading-14);margin:0;padding:var(--space-3) var(--space-4)}.form-message.error{background:var(--danger-soft);border-color:color-mix(in srgb,var(--danger) 32%,transparent);color:var(--danger)}.form-message.success{background:var(--primary-soft);border-color:color-mix(in srgb,var(--primary) 32%,transparent);color:var(--primary-strong)}.admin-action-stack{display:grid;grid-gap:var(--space-4);gap:var(--space-4);min-width:264px}.one-time-password input{font-family:var(--font-mono)}.friend-picker{border:1px solid var(--border);border-radius:var(--radius-md);display:grid;grid-gap:var(--space-2);gap:var(--space-2);margin:0;padding:var(--space-4)}.friend-picker legend{color:var(--text-muted);font-size:var(--text-12);font-weight:800;line-height:var(--leading-12);padding:0 var(--space-1)}.friend-picker label,.friend-row{align-items:center;display:flex;gap:var(--space-3)}.friend-row{border-top:1px solid var(--border);padding-top:var(--space-4)}.friend-row:first-of-type{border-top:0;padding-top:0}.friend-main{display:grid;grid-gap:var(--space-2);gap:var(--space-2);min-width:0}.friend-main p{margin:0}.remark-form{align-items:end;display:grid;grid-gap:var(--space-2);gap:var(--space-2);grid-template-columns:minmax(calc(var(--space-10) + var(--space-10) + var(--space-10) + var(--space-10)),1fr) auto;max-width:560px}.friend-picker input{min-height:auto;width:auto}.visibility-panel{border:1px solid var(--border);border-radius:var(--radius-md);display:grid;grid-gap:var(--space-3);gap:var(--space-3);padding:var(--space-4)}.compact-field{margin:0}.visibility-expanded{display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.chat-header,.conversation-title,.visibility-head{align-items:center;display:flex;gap:var(--space-3);justify-content:space-between}.selected-chip-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.selected-chip{background:var(--primary-soft);color:var(--primary-strong);min-height:var(--space-8);padding:var(--space-2) var(--space-3)}.compact-search{min-height:var(--space-10)}.compact-picker{max-height:240px;overflow:auto;padding:var(--space-3)}.visibility-hint{align-items:center;display:flex;gap:var(--space-2)}.friend-search-form{max-width:560px}.search-results{display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.conversation-row{align-items:center;border-top:1px solid var(--border);display:grid;grid-gap:var(--space-3);gap:var(--space-3);grid-template-columns:auto minmax(0,1fr) auto;padding:var(--space-4) 0}.conversation-row:first-child{border-top:0;padding-top:0}.conversation-main{min-width:0}.conversation-main p{margin:var(--space-1) 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-shell{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:grid;grid-gap:var(--space-4);gap:var(--space-4);padding:var(--space-4)}.chat-header{justify-content:flex-start}.chat-header h1{font-size:var(--text-24);line-height:var(--leading-24);margin:0}.message-list{display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.message-bubble{border:1px solid var(--border);border-radius:var(--radius-md);display:grid;grid-gap:var(--space-2);gap:var(--space-2);max-width:min(72%,560px);padding:var(--space-3) var(--space-4)}.message-bubble.mine{background:var(--primary-soft);border-color:color-mix(in srgb,var(--primary) 28%,transparent);justify-self:end}.message-bubble.theirs{background:var(--surface-raised);justify-self:start}.message-bubble p{margin:0;white-space:pre-wrap}.message-image-grid{margin-top:0;max-width:320px}.message-image-grid.image-grid-1{max-width:240px}.message-image-grid .image-thumb{border-radius:var(--radius-sm)}.message-bubble span{color:var(--text-subtle);display:block;font-size:var(--text-12);line-height:var(--leading-12);margin-top:var(--space-2)}.message-form{align-items:end;display:grid;grid-gap:var(--space-3);gap:var(--space-3);grid-template-columns:minmax(0,1fr) auto}.message-form-side,.message-preview-grid,.message-upload{display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.message-preview-grid{grid-template-columns:repeat(3,72px);justify-content:end}.message-preview-grid .upload-preview-item{aspect-ratio:1/1}.message-input textarea{min-height:88px}.friend-section{display:grid;grid-gap:var(--space-4);gap:var(--space-4);margin-bottom:var(--space-4);padding:var(--space-4)}.profile-header{grid-template-columns:96px minmax(0,1fr);margin-bottom:var(--space-6);padding:var(--space-6)}.profile-header .avatar{height:96px;width:96px}.admin-shell{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:100vh}.admin-side{background:var(--surface-raised);border-right:1px solid var(--border);color:var(--text);display:grid;grid-gap:var(--space-6);gap:var(--space-6);grid-template-rows:auto 1fr;padding:var(--space-6)}.admin-side nav{display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.admin-side a,.admin-side button{border-radius:var(--radius-md);color:var(--text-muted);justify-content:flex-start;min-height:var(--space-10);padding:0 var(--space-3)}.admin-side a:hover,.admin-side button:hover{background:var(--surface);color:var(--text);transform:translateY(0)}.admin-main{min-width:0;padding:var(--space-8);scroll-margin-top:var(--space-12)}.admin-main>*{max-width:1280px}.admin-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:space-between;margin-bottom:var(--space-4)}.admin-toolbar .inline-form{flex:1 1 320px}.admin-toolbar input{max-width:480px}.stat-grid{display:grid;grid-gap:var(--space-4);gap:var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr))}.admin-card{display:grid;grid-gap:var(--space-2);gap:var(--space-2);padding:var(--space-4)}.stat-value{font-size:var(--text-32);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:900;line-height:var(--leading-32)}.table-card{margin-top:var(--space-4);overflow:auto}.table-card.compact table{min-width:720px}table{border-collapse:collapse;min-width:800px;width:100%}td,th{border-bottom:1px solid var(--border);padding:var(--space-4);text-align:left;vertical-align:top}td{font-size:var(--text-14);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:var(--leading-14);overflow-wrap:anywhere}th{background:var(--surface-raised);color:var(--text-muted);font-size:var(--text-12);font-weight:900;line-height:var(--leading-12)}tbody tr{transition:background-color .18s ease}tbody tr:hover{background:var(--surface-muted)}.cell-main,.cell-sub{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical}.cell-main{-webkit-line-clamp:2}.cell-sub{color:var(--text-muted);margin-top:var(--space-1);-webkit-line-clamp:1}.badge{align-items:center;background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 24%,transparent);border-radius:var(--radius-pill);color:var(--accent);display:inline-flex;font-size:var(--text-12);font-weight:900;line-height:var(--leading-12);padding:var(--space-1) var(--space-2);white-space:nowrap}.badge.warn{background:var(--warning-soft);border-color:color-mix(in srgb,var(--warning) 32%,transparent);color:var(--warning)}.badge.danger{background:var(--danger-soft);border-color:color-mix(in srgb,var(--danger) 32%,transparent);color:var(--danger)}.empty-state{background:var(--surface);border:1px dashed var(--border-strong);border-radius:var(--radius-md);color:var(--text-muted);padding:var(--space-8);text-align:center}@media (max-width:1080px){.feed-layout{grid-template-columns:200px minmax(0,1fr)}.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:800px){.admin-main,.auth-page,.feed-shell,.profile-shell{padding:var(--space-4) var(--space-4) var(--space-10)}.auth-page{min-height:100vh;min-height:100svh;min-height:100dvh;padding-bottom:max(var(--space-10),env(safe-area-inset-bottom));padding-top:max(var(--space-10),env(safe-area-inset-top));place-items:center}.admin-shell,.feed-hero,.feed-layout{grid-template-columns:1fr}.hero-profile{grid-template-columns:var(--space-12) minmax(0,1fr)}.hero-avatar{height:var(--space-12);width:var(--space-12)}.hero-actions{justify-content:flex-start}.upload-preview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-side,.feed-rail{position:static}.admin-side{border-bottom:1px solid var(--border);border-right:0}.admin-side nav,.nav-actions{display:flex;flex-wrap:wrap}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.comment-form,.inline-form,.remark-form,.topbar{align-items:stretch;grid-template-columns:1fr}.topbar{display:grid}.conversation-row,.message-form{grid-template-columns:1fr}.message-bubble{max-width:88%}.message-preview-grid{justify-content:start}.nav-actions{justify-content:flex-start}}@media (max-width:520px){.auth-panel h1,.page-title h1,.text-32,h1{font-size:var(--text-24);line-height:var(--leading-24)}.auth-panel,.profile-header{padding:var(--space-4)}.profile-header{grid-template-columns:var(--space-12) minmax(0,1fr)}.profile-header .avatar{height:var(--space-12);width:var(--space-12)}.image-grid-3,.image-grid-5,.image-grid-6,.image-grid-7,.image-grid-8,.image-grid-9{gap:var(--space-1);grid-template-columns:repeat(3,minmax(0,1fr))}.image-grid-1,.image-grid-2,.image-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.image-grid-1,.stat-grid,.stat-list{grid-template-columns:1fr}.upload-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:1ms!important}}