.feed{color:#f6f4eb;min-width:0;margin-top:22px}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-bottom:20px;display:flex}.filters{flex-wrap:wrap;gap:6px;display:flex}.filters button{color:#d1dfe9;cursor:pointer;background:#102d43;border:1px solid #57748a;border-radius:24px;min-width:56px;min-height:44px;padding:8px 15px;font-size:13px}.filters button[aria-pressed=true]{color:#102b3a;background:#d4f331;border-color:#d4f331}.sessionNote{color:#bdceda;font-size:11px;line-height:1.6}.posts{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:22px;display:grid}.post{background:linear-gradient(145deg,#173b53,#102d43);border:1px solid #456377;border-radius:18px;min-width:0;padding:22px;overflow:hidden}.author{align-items:center;gap:10px;font-size:12px;line-height:1.6;display:flex}.author>div{min-width:0}.avatar{color:#d4f331;background:#21485c;border:1px solid #719097;border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;font-family:serif;font-size:19px;display:grid}.location{color:#bdceda;overflow-wrap:anywhere;font-size:11px;line-height:1.8}.example{color:#d4f331;white-space:nowrap;margin-left:auto;font-size:10px}.postTitle{letter-spacing:-.025em;margin-top:20px;font-size:21px;font-weight:500;line-height:1.5}.excerpt{-webkit-line-clamp:2;color:#d1dfe9;-webkit-box-orient:vertical;margin-top:8px;font-size:13px;line-height:1.9;display:-webkit-box;overflow:hidden}.photograph{min-width:0;margin:18px 0 0}.frame{aspect-ratio:4/3;background:#244256;border-radius:9px;position:relative;overflow:hidden}.image{object-fit:cover}.photoPlace{color:#bdceda;padding-top:10px;font-size:11px;line-height:1.8;display:block}.credits{color:#bdceda;overflow-wrap:anywhere;font-size:11px;line-height:1.8}.credits summary{cursor:pointer;min-height:44px;padding-top:10px;display:list-item}.credits p{margin-top:7px}.creditLinks{flex-wrap:wrap;gap:0 16px;display:flex}.creditLinks a{text-underline-offset:3px;align-items:center;min-height:44px;text-decoration:underline;display:inline-flex}.actions{border-top:1px solid #456377;justify-content:space-between;align-items:center;gap:12px;margin-top:6px;padding-top:10px;display:flex}.actions button,.dialogTop button{color:#f6f4eb;cursor:pointer;background:0 0;border:0;min-height:44px;padding:8px 2px;font-size:12px}.actions button{align-items:center;gap:10px;display:inline-flex}.actions button[aria-pressed=true]{color:#d4f331}.feed :is(button,a,summary):focus-visible,.dialog :is(button,a,summary):focus-visible{outline-offset:3px;outline:2px solid #d4f331}.fallback{color:#d1dfe9;justify-content:center;align-items:center;min-height:100%;padding:24px;font-size:13px;line-height:1.8;display:flex}.dialog{color:#f6f4eb;overscroll-behavior:contain;background:#102d43;border:1px solid #668598;border-radius:18px;width:min(620px,100vw - 28px);max-height:calc(100dvh - 40px);margin:auto;padding:24px;overflow-y:auto;box-shadow:0 24px 80px #03111c99}.dialog::backdrop{background:#03111cc4}.dialogTop{justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;display:flex}.dialogTop p{color:#bdceda;font-size:11px;line-height:1.8}.dialogTop button{flex-shrink:0;padding-inline:10px}.dialogTitle{margin-top:10px;font-size:28px;font-weight:500;line-height:1.5}.fullBody{white-space:pre-wrap;margin-top:18px;font-size:15px;line-height:2}@media (hover:hover){.actions button:hover,.dialogTop button:hover{color:#d4f331}.filters button:hover{border-color:#d4f331}}@media (prefers-reduced-motion:no-preference){.filters button,.actions button,.dialogTop button{transition:background .18s,color .18s,transform .18s}.filters button:active,.actions button:active,.dialogTop button:active{transform:scale(.96)}.dialog[open]{animation:.22s ease-out story-appear}}@keyframes story-appear{0%{opacity:.7;transform:translateY(8px)}to{opacity:1;transform:none}}@media (max-width:767px){.posts{grid-template-columns:minmax(0,1fr);gap:18px}.post{padding:18px}.toolbar{gap:10px}.postTitle{font-size:20px}.dialog{padding:18px}.dialogTitle{font-size:24px}}@media (max-width:359px){.post{padding:14px}.filters{gap:4px}.filters button{min-width:53px;padding-inline:12px}.author{gap:8px}.author p{font-size:11px}.example{font-size:9px}}@media (prefers-reduced-motion:reduce){.feed *,.dialog,.dialog *{transition:none!important;animation:none!important}}.author,.postTitle,.excerpt,.dialogTop p,.dialogTitle,.fullBody{overflow-wrap:anywhere}
