li[data-astro-cid-xpfkq6ts]{list-style:none}article[data-astro-cid-xpfkq6ts]{flex-direction:column;justify-content:flex-start;display:flex;position:relative;&:before{content:"";background-color:#0000;background-image:linear-gradient(to right, color-mix(in srgb, var(--accent) 25%, transparent), #8080ff40, color-mix(in srgb, var(--error) 25%, transparent));width:100%;height:5px;position:absolute;top:-5px}& figure{aspect-ratio:16/9;margin:0;position:relative;overflow:hidden;& .thumb{z-index:1;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}& .placeholder{z-index:0;text-align:center;background-image:linear-gradient(135deg, color-mix(in srgb, var(--accent) 22%, var(--surface)), color-mix(in srgb, var(--error) 22%, var(--surface)));flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:1rem;display:flex;position:absolute;inset:0;& img{object-fit:contain;width:2.5rem;height:2.5rem}& .src{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.08em;color:var(--text);overflow-wrap:anywhere;font-weight:700}}}& header{overflow-wrap:break-word;word-wrap:break-word;hyphens:auto;font-size:1rem;font-weight:700;line-height:1.3;& h3{font-size:var(--text-lg);text-transform:none;letter-spacing:0;font-weight:700;line-height:1.25;font-family:var(--font-mono);margin:0;padding:1.5rem}& h3 a{color:var(--text-link);pointer-events:auto;text-decoration:none;transition:all .2s;&:after{content:"";z-index:1;position:absolute;inset:0}}& p{font-size:var(--text-sm);align-items:flex-start;gap:.5rem;min-width:0;margin:0;padding:0 1.5rem 1rem;font-weight:400;display:flex;& span,& .source{flex-shrink:1;gap:.5rem;min-width:0;font-weight:600;display:flex}& .source{color:inherit;pointer-events:auto;z-index:2;text-decoration:none;position:relative;&:hover{text-decoration:underline}}& time{white-space:nowrap;color:var(--muted);flex-shrink:0;&:before{content:"· "}}}}& .wrapper{backdrop-filter:blur(5px);background-color:var(--surface);color:var(--primary);pointer-events:none;z-index:2;flex-direction:column;flex:1;margin:0;padding:0;transition:all .2s;display:flex;position:relative;&>p[data-astro-cid-xpfkq6ts]{font-size:var(--text-sm);color:currentColor;overflow-wrap:break-word;word-wrap:break-word;hyphens:auto;line-height:1.55;font-family:var(--font-mono);margin:0;padding:0 1.5rem 1rem}}& footer{z-index:5;display:flex;position:relative;& div[role=group]{background-color:var(--surface);justify-content:space-around;align-items:center;gap:0;width:100%;padding:.6rem .75rem;transition:all .2s;display:flex;& button{background-color:color-mix(in srgb, var(--accent) 18%, var(--surface));text-transform:uppercase;color:var(--text);letter-spacing:.05em;font-size:.8rem;font-weight:800;line-height:1.2;font-family:var(--font-mono);cursor:pointer;border:none;flex:1;justify-content:center;align-items:center;gap:.5rem;min-width:0;height:100%;min-height:44px;padding:.5rem;text-decoration:none;transition:all .2s;display:flex}& button+button[data-astro-cid-xpfkq6ts]{border-left:1px solid color-mix(in srgb, var(--text) 25%, transparent)}}}}@media (width>=641px){article[data-astro-cid-xpfkq6ts]{flex-direction:row;&:before{opacity:0}& figure{aspect-ratio:1.91;width:100%;max-width:450px;box-shadow:0 0 0 var(--brand-color);align-self:flex-start;transition:all .2s;position:relative}& .thumb{object-position:50% 50%;transform-origin:50%;transition:all .2s}& .wrapper{flex:unset;border-block:0;width:100%;margin:1.5rem 0 0 -42px;padding:2rem 1.5rem}& footer{opacity:0;transition:all .2s;position:absolute;bottom:.5rem;right:1rem;transform:translateY(4px);& div[role=group]{background:0 0;justify-content:flex-end;align-items:center;gap:4px;width:auto;padding:.5rem;& button{border:0;width:auto;height:auto;min-height:0}}}&:hover,&:focus-visible{& figure{box-shadow:-1rem -1rem 0 var(--accent);transform:translate(1rem,1rem);& .thumb{transform:scale(1.1)}}& .wrapper{background-color:#0000;background-image:linear-gradient(42deg, color-mix(in srgb, var(--bg) 75%, transparent) 25%, color-mix(in srgb, var(--accent) 25%, transparent) 100%);box-shadow:var(--error) 1rem 1rem;margin:1.5rem 0 .5rem -42px;transform:translate(-1rem,-.5rem)}& header p time{color:inherit}& footer{opacity:1;transform:translateY(-.5rem);& button:hover{background-color:var(--error);color:var(--safe)}}}}article[data-astro-cid-xpfkq6ts]:has(:focus-visible) footer[data-astro-cid-xpfkq6ts]{opacity:1;transform:translateY(0)}@media (hover:none){article[data-astro-cid-xpfkq6ts] footer[data-astro-cid-xpfkq6ts]{opacity:1;transform:translateY(0)}}html[data-compact=true] article[data-astro-cid-xpfkq6ts]{& .wrapper{margin:1.5rem 0 0}&:hover .wrapper[data-astro-cid-xpfkq6ts]{box-shadow:var(--error) 1rem 1rem, var(--accent) -1rem -1rem}}}main{width:calc(100% - 3rem);margin:0 auto;padding:1.5rem}main h1{margin-bottom:1.5rem;font-size:1.75rem}.message{color:var(--text);border:2px solid var(--border);background:var(--surface);margin-bottom:2rem;padding:2rem;font-size:1rem}.message.error{color:var(--error);border-color:var(--error)}section{flex-direction:column;gap:3rem;display:flex}.day{flex-direction:column;gap:1.5rem;display:flex}.day .date{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.15em;color:var(--text);margin:0;font-weight:700}section ul{flex-direction:column;gap:2rem;margin:0;padding:0;list-style:none;display:flex}section li{content-visibility:auto;contain-intrinsic-size:auto 620px}section li[hidden],.day:not(:has(li:not([hidden]))){display:none}@media (width>=641px){section li{contain-intrinsic-size:auto 300px}}@media (width>=1024px){main{max-width:1240px}}