:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#203244;--bg:#eaf1f7;--surface:#f0f5fa;--surface-strong:#f7faff;--ink:#203244;--muted:#526579;--line:#516e8933;--accent:#247c77;--accent-dark:#185a59;--accent-soft:#9eded761;--glass-border:#ffffffd1;--glass-blur:20px;--radius:24px;--danger:#b93535;--danger-soft:#f8dddd;--success:#246b45;--success-soft:#def2e6;--shadow:0 16px 44px #364e711a, inset 0 1px 0 #ffffffe6;background:#eaf1f7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(ellipse at 5% 10%, #86ddd5a6, transparent 48%), radial-gradient(ellipse at 95% 28%, #bdb0f28c, transparent 48%), radial-gradient(ellipse at 45% 100%, #facbb780, transparent 52%), var(--bg);background-attachment:fixed;min-width:320px;margin:0}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #2f7f7252}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.62}img{max-width:100%;display:block}.app-shell{min-height:100vh}.site-header{z-index:20;border-bottom:1px solid var(--glass-border);background:var(--surface-strong);justify-content:space-between;align-items:center;gap:16px;padding:14px clamp(16px,4vw,44px);display:flex;position:sticky;top:0;box-shadow:0 4px 24px #364e710d}.brand,.nav-link,.inline-link{color:inherit;text-decoration:none}.brand{align-items:center;gap:10px;display:inline-flex}.brand-mark{color:#fff;background:linear-gradient(145deg,#3a9790,#25636f);border-radius:14px;place-items:center;width:40px;height:40px;display:grid;box-shadow:inset 0 1px #fff6,0 5px 14px #247c7733}.brand strong,.brand small{display:block}.brand strong{line-height:1.1}.brand small{color:var(--muted);margin-top:2px;font-size:.78rem}.nav-link,.primary-button,.secondary-button,.danger-button,.file-button,.icon-text-button{white-space:nowrap;border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 14px;font-weight:700;line-height:1;transition:background-color .16s,border-color .16s,box-shadow .16s;display:inline-flex}.nav-link,.secondary-button{color:var(--ink);background:var(--surface-strong);border-color:var(--glass-border);box-shadow:inset 0 1px #fffc,0 4px 12px #364e710f}.nav-link:hover,.secondary-button:hover{background:#ffffffe6;border-color:#247c7766}.primary-button{color:#fff;background:linear-gradient(135deg, var(--accent), #286777);border-color:#ffffff4d;box-shadow:0 5px 16px #1c646733,inset 0 1px #fff3}.primary-button:hover{background:var(--accent-dark);border-color:var(--accent-dark)}.danger-button{color:var(--danger);background:var(--danger-soft);border-color:#f0bebe}.file-button{color:var(--ink);background:var(--accent-soft);border-color:#bddbd4;position:relative;overflow:hidden}.file-button input{opacity:0;cursor:pointer;position:absolute;inset:0}.page-section{width:min(1180px,100% - 32px);margin:0 auto;padding:clamp(28px,5vw,58px) 0 72px}.compact-section{width:min(560px,100% - 32px)}.wall-heading,.owner-toolbar{border:1px solid var(--glass-border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:24px;padding:clamp(22px,3vw,36px);display:flex}.wall-heading>div,.owner-toolbar>div{min-width:0}.wall-heading h1{max-width:18ch}.owner-toolbar{z-index:10;background:var(--surface-strong);align-items:center;padding:18px 22px;position:sticky;top:69px}.owner-toolbar h1{font-size:clamp(1.8rem,3vw,2.6rem)}.toolbar-actions,.post-actions,.form-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.eyebrow{color:var(--accent-dark);letter-spacing:.12em;text-transform:uppercase;margin:0 0 12px;font-size:.78rem;font-weight:800}h1,h2{color:var(--ink);letter-spacing:-.035em;margin:0}h1{overflow-wrap:anywhere;font-size:clamp(2rem,5vw,4.4rem);line-height:1.08}h2{margin-bottom:16px;font-size:1.25rem}.muted{color:var(--muted)}.post-grid{column-count:3;column-gap:18px}.admin-grid{column-count:2}.post-card{break-inside:avoid;border:1px solid var(--glass-border);border-radius:var(--radius);background:var(--surface);width:100%;box-shadow:var(--shadow);margin:0 0 18px;display:inline-block;overflow:hidden}.post-image-button{background:0 0;border:0;width:100%;padding:0;display:block}.post-image-button img{object-fit:cover;background:#cbdbe980;width:100%;max-height:620px}.post-video{background:#111827;width:100%;max-height:620px}.post-audio,.audio-preview{border:1px solid var(--line);background:var(--surface-strong);border-radius:16px;gap:10px;padding:14px;display:grid}.post-audio{margin:16px 18px 0}.post-audio strong,.audio-preview span{color:var(--ink);overflow-wrap:anywhere;font-size:.92rem}.post-audio audio,.audio-preview audio{width:100%}.post-file-link,.attachment-preview-file{border:1px solid var(--line);min-height:64px;color:var(--accent-dark);background:var(--surface-strong);overflow-wrap:anywhere;border-radius:16px;align-items:center;gap:10px;padding:14px;font-weight:800;text-decoration:none;display:flex}.post-file-link{margin:16px 18px 0}.post-body{color:#273440;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:18px 18px 6px;font-size:1.04rem;line-height:1.7}.post-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;padding:12px 18px 18px;font-size:.88rem;display:flex}.edited-label{color:#4c4a26;background:#f6edbe;border-radius:999px;padding:4px 8px;font-size:.75rem;font-weight:800}.post-actions{padding:0 18px 18px}.comment-section{border-top:1px solid var(--line);background:linear-gradient(145deg,#e9f6f65c,#ebe8fa4d);padding:14px 18px 18px}.comment-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.comment-toggle{color:var(--accent-dark);background:0 0;border:0;align-items:center;gap:7px;padding:0;font-size:.9rem;font-weight:800;display:inline-flex}.comment-list{gap:10px;margin-bottom:12px;display:grid}.comment-list[hidden]{display:none}.comment-refresh{color:var(--accent-dark);background:0 0;border:0;align-items:center;gap:5px;padding:6px;font-size:.8rem;display:inline-flex}.comment-item{border:1px solid var(--glass-border);background:var(--surface-strong);border-radius:16px;gap:10px;padding:12px;display:flex;box-shadow:0 3px 12px #364e710a}.comment-avatar{height:34px;color:var(--accent-dark);background:var(--accent-soft);border:1px solid var(--glass-border);border-radius:50%;flex:0 0 34px;place-items:center;font-size:.78rem;font-weight:800;display:grid;box-shadow:inset 0 1px #ffffffa6}.comment-content{flex:1;min-width:0}.comment-item p,.comment-muted,.comment-error{margin:0}.comment-item p{color:#33404c;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5}.comment-meta{color:var(--muted);flex-wrap:wrap;align-items:baseline;gap:8px;margin-bottom:5px;font-size:.78rem;display:flex}.comment-meta strong{overflow-wrap:anywhere;color:var(--ink);font-size:.88rem}.comment-muted{overflow-wrap:anywhere;color:var(--muted);font-size:.9rem}.comment-form{gap:8px;display:grid}.comment-form input,.comment-form textarea{padding:10px 11px;font-size:.92rem}.comment-form textarea{min-height:86px}.comment-error{color:var(--danger);font-size:.88rem;font-weight:700}.comment-submit{justify-self:start;min-height:38px}.comment-form-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.panel,.composer-panel{border:1px solid var(--glass-border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.panel{padding:clamp(22px,5vw,34px)}.panel h1{margin-bottom:24px;font-size:clamp(2rem,4vw,3.2rem)}.composer-panel{align-self:start;padding:18px;position:sticky;top:166px}.admin-layout{grid-template-columns:minmax(300px,380px) 1fr;align-items:start;gap:22px;display:grid}.post-form,.login-form{gap:12px;display:grid}.field-label{color:#34424e;font-size:.92rem;font-weight:800}textarea,input{border:1px solid var(--line);width:100%;color:var(--ink);background:var(--surface-strong);border-radius:14px;padding:12px 13px;transition:border-color .16s,background-color .16s;box-shadow:inset 0 2px 4px #364e7109}input::placeholder,textarea::placeholder{color:#5e7183;opacity:1}input:focus,textarea:focus{border-color:var(--accent);background:#ffffffe6}.password-field{position:relative}.password-field input{padding-right:52px}.password-toggle{width:40px;height:40px;color:var(--muted);background:0 0;border:0;border-radius:8px;place-items:center;display:grid;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.password-toggle:hover{color:var(--ink);background:var(--accent-soft)}textarea{resize:vertical;min-height:128px;line-height:1.5}.form-help{color:var(--muted);justify-content:space-between;gap:12px;font-size:.82rem;display:flex}.image-preview{gap:10px;display:grid}.image-preview img{object-fit:contain;border:1px solid var(--line);background:var(--surface-strong);border-radius:16px;width:100%;max-height:280px}.image-preview video{background:#111827;border-radius:8px;width:100%;max-height:280px}.notice{border:1px solid var(--glass-border);border-radius:16px;padding:12px 14px;font-weight:700}.notice.error{color:var(--danger);background:var(--danger-soft)}.notice.success{color:var(--success);background:var(--success-soft)}.compact-notice{margin:0}.empty-state{border:1px solid var(--glass-border);border-radius:var(--radius);min-height:320px;color:var(--muted);text-align:center;background:var(--surface);box-shadow:var(--shadow);place-items:center;padding:28px;display:grid}.empty-state h2,.empty-state p{margin:6px 0 0}.load-more-row{justify-content:center;margin-top:20px;display:flex}.lightbox{z-index:50;background:#152334d1;place-items:center;padding:76px 18px 18px;display:grid;position:fixed;inset:0}.lightbox img{object-fit:contain;border-radius:16px;width:auto;max-width:96vw;max-height:86vh;box-shadow:0 22px 70px #00000061}.lightbox-close{color:var(--ink);border:1px solid var(--glass-border);background:#f0f5fa;border-radius:14px;position:fixed;top:18px;right:18px}.skeleton-card{min-height:180px;padding:18px}.skeleton-block,.skeleton-line{background:#91adc533;border-radius:12px;position:relative;overflow:hidden}.skeleton-block{height:220px;margin-bottom:16px}.skeleton-line{width:65%;height:14px;margin-top:10px}.skeleton-line.wide{width:88%}.skeleton-block:after,.skeleton-line:after{content:"";background:linear-gradient(90deg,#0000,#ffffff8c,#0000);animation:1.2s infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes shimmer{to{transform:translate(100%)}}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){:root{--surface:#ffffff75;--surface-strong:#ffffffad}.site-header,.wall-heading,.owner-toolbar,.post-card,.panel,.composer-panel,.empty-state{-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(140%);backdrop-filter:blur(var(--glass-blur)) saturate(140%)}.lightbox{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#152334ad}}@media (width<=940px){.post-grid,.admin-grid{column-count:2}.admin-layout{grid-template-columns:1fr}.composer-panel{position:static}}@media (width<=640px){:root{--glass-blur:12px;--radius:20px}.site-header,.wall-heading,.owner-toolbar,.form-help{flex-direction:column;align-items:stretch}.site-header{gap:12px}.brand small{display:none}.nav-link,.toolbar-actions>*,.form-actions>*{width:100%}.post-grid,.admin-grid{column-count:1}.owner-toolbar{top:103px}h1{font-size:2.2rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}