.layout-switch{display:flex;gap:2px}.post-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.post-card{position:relative;display:flex;flex-direction:column;border-radius:var(--r-panel);background:var(--c-surface);overflow:hidden}.post-card:active{background:var(--c-surface-2)}.post-card__hit{position:absolute;inset:0;z-index:1;border:0;padding:0;border-radius:inherit;background:transparent;cursor:pointer}.post-card__media{aspect-ratio:16 / 9;background:transparent;overflow:hidden}.post-card__media img{width:100%;height:100%;object-fit:cover}.post-card__media.is-empty{display:none}.post-card__body{display:flex;flex-direction:column;gap:6px;padding:16px;flex:1}.post-card__title{margin:0;font:600 18px/1.3 var(--font-display);color:#fff;overflow-wrap:anywhere}.post-card__excerpt{margin:0;color:var(--c-soft);font-size:13.5px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post-card__foot{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:6px;color:var(--c-faint);font-size:12.5px;flex-wrap:wrap}.post-card__type{color:var(--c-accent);font-weight:700}.post-card__admin{position:relative;z-index:2;display:flex;gap:4px;padding:0 10px 10px}.post-list.is-rows{grid-template-columns:1fr;gap:8px}.post-list.is-rows .post-card{display:grid;grid-template-columns:200px 1fr}.post-list.is-rows .post-card__media{aspect-ratio:auto;height:100%;min-height:120px}.post-list.is-rows .post-card__media.is-empty{display:none}.post-list.is-rows .post-card:has(.post-card__media.is-empty){grid-template-columns:1fr}.post-list.is-rows .post-card__admin{grid-column:1 / -1}.post-skel{height:300px}.post-list.is-rows .post-skel{height:132px}.sheet-back.is-reader{place-items:start center;padding:48px 24px}.reader{position:relative;width:min(760px,100%);border-radius:var(--r-shell);background:#191d22;box-shadow:0 28px 80px #000000a8;overflow:hidden}.reader .sheet-close{z-index:2;background:#0f11148c;color:#fff}.reader__hero{width:100%;max-height:380px;object-fit:cover}.reader__loading{height:320px;margin:24px}.reader__inner{padding:28px 32px 8px}.reader__meta{display:flex;align-items:center;gap:8px;color:var(--c-faint);font-size:13px;flex-wrap:wrap}.reader__title{margin:10px 0 8px;font:600 clamp(28px,4vw,38px)/1.15 var(--font-display);color:#fff;overflow-wrap:anywhere}.reader__deck{margin:0 0 20px;color:var(--c-soft);font-size:16px;line-height:1.55}.reader__body{color:var(--c-text);font-size:16px;line-height:1.75;font-weight:500}.reader__body p{margin:0 0 18px;white-space:pre-wrap;overflow-wrap:anywhere}.reader__figure{margin:8px 0 24px;border-radius:var(--r-panel);overflow:hidden}.reader__figure img{width:100%;max-height:460px;object-fit:cover}.reader__replies{padding:8px 32px 32px}.replies__title{margin:16px 0 4px;font:600 20px var(--font-display);color:#fff}.replies__note{margin:0 0 8px;color:var(--c-soft);font-size:13px}.replies__note:empty{display:none}.replies__signin{margin:8px 0 16px;color:var(--c-soft)}.replies__signin a{color:var(--c-text);text-decoration:underline;text-underline-offset:3px}.reply-form{display:flex;flex-direction:column;gap:8px;margin:12px 0 8px;padding:6px;border-radius:var(--r-panel);background:var(--c-surface)}.reply-form:focus-within{box-shadow:inset 0 0 0 2px var(--c-ring)}.reply-form .field{background:transparent;min-height:44px;font-size:15px;resize:none}.reply-form .field:focus{box-shadow:none}.reply-form__to{display:flex;align-items:center;gap:8px;padding:4px 8px 0;color:var(--c-soft);font-size:13px}.reply-form__actions{display:flex;justify-content:flex-end;padding:0 4px 4px}.reply{display:grid;grid-template-columns:34px 1fr;column-gap:12px;margin-top:16px}.reply__rail{display:flex;flex-direction:column;align-items:center;background:linear-gradient(var(--c-thread),var(--c-thread)) center 42px / 2px calc(100% - 42px) no-repeat}.reply__main{min-width:0}.reply__head{display:flex;align-items:center;gap:8px;min-height:34px;font-size:13px;color:var(--c-faint);flex-wrap:wrap}.reply__head b{color:var(--c-text)}.reply__body{margin:2px 0 6px;color:var(--c-text);font-size:14.5px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.reply__actions{display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin-left:-10px}.reply__children .reply{margin-top:12px}.editor{width:min(720px,100%)}.editor__hint{margin:-6px 0 4px;color:var(--c-faint);font-size:13px}.editor__row{display:grid;grid-template-columns:1fr 220px;gap:12px;align-items:end}.editor textarea.field{min-height:200px;line-height:1.6}.editor__toggle{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--c-soft)}.editor__toggle input{width:18px;height:18px;accent-color:var(--c-accent)}.editor__status{margin:0;color:var(--c-soft);font-size:13px}.editor__status:empty{display:none}.editor__status.is-error{color:var(--c-wait)}.slot{position:relative;display:grid;place-items:center;width:100%;min-height:96px;padding:0;border:0;border-radius:var(--r-ctl);background:var(--c-well);color:var(--c-faint);overflow:hidden}.slot.is-hero{min-height:160px}.slot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.slot.is-busy{opacity:.5}.slot__clear{position:absolute;top:8px;right:8px;z-index:1;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#0f1114b3;color:#fff}.slot__clear svg{width:16px;height:16px;fill:currentColor}.slot-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.report-quote{margin:0;padding:12px 14px;border-radius:var(--r-ctl);background:var(--c-well);color:var(--c-soft);font-size:13.5px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.report-row{display:flex;align-items:center;gap:12px;color:var(--c-soft);flex-wrap:wrap}.report-hint{color:var(--c-faint);font-size:12.5px;max-width:30ch}#report-note{min-height:96px}@media(max-width:900px){.post-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.post-list,.post-list.is-rows .post-card{grid-template-columns:1fr}.reader__inner{padding:24px 20px 8px}.reader__replies{padding:8px 20px 24px}.editor__row{grid-template-columns:1fr}.sheet-back.is-reader{padding:16px 8px}}
