.short-month{padding:32px 0 26px;border-bottom:1px solid var(--line)}.short-row{display:flex;gap:14px;align-items:center;justify-content:space-between}.short-row h2{font-size:1.45rem;font-weight:400;letter-spacing:-.02em;margin:0 0 16px}.short-row h2 a{text-decoration:none}.short-arrows{display:flex;gap:8px;flex-shrink:0}.short-round{display:inline-grid;place-items:center;min-width:44px;height:44px;border:0;border-radius:50%;background:#eee9df;color:var(--ink);font:1.3rem pt sans,sans-serif;cursor:pointer}.short-round:hover{background:#e4dccf}.short-round:disabled{opacity:.3;cursor:default}button:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.short-reel{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#cfc5b5 transparent;padding:4px 2px 16px;overscroll-behavior-x:contain}.short-card{flex:0 0 164px;min-width:0;scroll-snap-align:start;text-decoration:none}.short-cover{display:block;position:relative;aspect-ratio:3/4;border-radius:18px;overflow:hidden;background:#eee9df}.short-cover img{display:block;width:100%;height:100%;object-fit:cover}.short-cover::after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(24,25,21,.72))}.short-card-title{position:absolute;bottom:13px;left:14px;right:10px;z-index:1;color:#fffdf7;font:1.1rem/1.25 Literata,serif;overflow-wrap:anywhere}.short-badge{position:absolute;top:11px;right:11px;border-radius:20px;padding:3px 8px;background:#25251f99;color:#fff;font:12px pt sans,sans-serif}.short-date,.short-count,.short-progress{font:.85rem/1.5 pt sans,sans-serif;color:var(--muted)}.short-date{display:block;padding:8px 4px}.short-count{margin:4px 0}.short-all{border-radius:18px;background:#eee9df;display:flex;flex-direction:column;justify-content:center;padding:18px;align-self:flex-start;aspect-ratio:3/4;font-size:1.25rem}.short-all span{font:1rem pt sans,sans-serif;margin-top:14px}.short-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(142px,1fr));gap:20px 14px;margin:25px 0}.short-story{max-width:740px;margin:30px auto 50px}.short-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.short-back{display:inline-flex;align-items:center;min-height:44px;text-decoration:none;font:1rem pt sans,sans-serif}.short-title{font-size:1.5rem!important;line-height:1.3;margin:14px 0 20px}.short-frame{margin:16px 0 28px}.short-stage{background:#eeeae2;border-radius:18px;overflow:hidden;touch-action:pan-y}.short-stage img,.short-stage video{display:block;width:100%;height:auto;max-height:65vh;max-height:65dvh;object-fit:contain}.short-frame figcaption{font-size:1.05rem;line-height:1.5;margin:16px auto 0;white-space:pre-wrap;overflow-wrap:anywhere}.short-controls{display:flex;align-items:center;justify-content:space-between;gap:16px}.short-progress{text-align:center}.short-steps{display:flex;gap:3px;justify-content:center;flex-wrap:wrap;margin-top:8px}.short-steps button{border:0;background:0 0;min-width:44px;min-height:44px;position:relative;cursor:pointer}.short-steps button::after{content:'';position:absolute;left:5px;right:5px;top:21px;height:3px;border-radius:3px;background:#ddd4c6}.short-steps button[aria-current=true]::after{background:#887663}.short-neighbours{margin-top:25px;flex-wrap:wrap}.short-neighbours a{min-height:44px;display:flex;align-items:center}.short-dialog{border:0;padding:20px clamp(16px,4vw,40px);background:var(--paper);color:var(--ink);width:min(860px,100%);max-width:100%;max-height:96vh;max-height:96dvh;overflow-y:auto;border-radius:20px}.short-dialog::backdrop{background:#24211de0}.short-dialog .short-story{margin:0 auto}.short-dialog .short-stage img,.short-dialog .short-stage video{max-height:55vh;max-height:55dvh}.short-dialog-close{display:block;border:0;background:0 0;font:1rem pt sans,sans-serif;min-height:44px;cursor:pointer;margin-bottom:10px;color:var(--ink)}.short-story [hidden],.short-month [hidden],.short-dialog [hidden]{display:none!important}.pagination{margin:30px 0}.page>nav{flex-wrap:wrap}@media(max-width:500px){.short-card{flex-basis:clamp(142px,45vw,164px)}.short-cover{border-radius:15px}.short-row h2{font-size:1.2rem}.short-row{align-items:start}.short-arrows{gap:4px}.short-frame figcaption{font-size:1rem}.short-dialog{padding:14px}.short-title{font-size:1.25rem!important}}@media(prefers-reduced-motion:reduce){.short-reel{scroll-behavior:auto}}.short-cover-plain::after{display:none}