.page.page-post{max-width:none;padding:var(--s4) var(--s6) 0}.post{--rail-w: clamp(22rem, 26vw, 28rem);--media-h: calc(100dvh - var(--top-h) - var(--s4) * 2);align-items:start;display:grid;gap:var(--s6);grid-template-columns:minmax(0,1fr) var(--rail-w);margin:0 auto;max-width:120rem}.post-media{display:flex;gap:var(--s3);height:var(--media-h);position:sticky;top:calc(var(--top-h) + var(--s4))}.media-stage{background:var(--media-bg);border-radius:var(--r-lg);flex:1;height:100%;min-width:0;overflow:hidden;position:relative;view-transition-name:post-media}.post-close{background:var(--overlay);border-radius:50%;color:var(--on-media);display:grid;height:2.5rem;place-items:center;position:absolute;right:var(--s3);top:var(--s3);transition:background-color .15s;width:2.5rem;z-index:5}.post-close:hover{background:var(--scrim-max)}.media-ambient{background:center / cover no-repeat;filter:blur(48px) saturate(1.2);inset:-10%;opacity:.35;position:absolute}.media-container{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.media-image,.album-media:not(.playerjs){display:block;max-height:100%;max-width:100%;object-fit:contain}.media-container .playerjs video{height:100%!important;width:100%!important}body:is([data-media-type=video],[data-media-type=album]) .media-container{container-type:size}.media-container .playerjs{aspect-ratio:16 / 9;height:auto!important;width:min(100cqw,100cqh * 16 / 9)!important}.media-container .blurred{cursor:pointer;filter:blur(28px);pointer-events:none}.media-container.post-censored .alb-slide>*{filter:blur(28px);pointer-events:none}.media-container.post-censored :is(.album-btn,.album-counter){display:none}.content-warning{cursor:pointer;display:grid;inset:0;place-items:center;position:absolute;z-index:3}.content-warning.hide{display:none}.cw-fill{background:var(--scrim-faint);inset:0;position:absolute}.cw-box{background:var(--surface);border-radius:var(--r-lg);display:grid;gap:var(--s1);max-width:calc(100% - 2rem);padding:var(--s4) var(--s6);position:relative;text-align:center}.cw-title{color:var(--ink);font-size:var(--fs-xl);font-weight:600}.cw-sub{color:var(--ink-2)}.file-block{align-items:center;display:flex;flex-direction:column;gap:var(--s3);max-width:100%;padding:var(--s6);text-align:center}.file-block>.ico{color:var(--ink-3)}.file-name{color:var(--ink);font-size:var(--fs-xl);overflow-wrap:anywhere}.album-viewport{height:100%;overflow:hidden;position:relative;width:100%}.album-track{display:flex;height:100%;transition:transform .35s var(--ease-out)}.alb-slide{align-items:center;display:flex;flex:0 0 100%;height:100%;justify-content:center;overflow:hidden;position:relative}.album-track:has(.is-current):not(.is-swiping) .alb-slide:not(.is-current){transition:visibility 0s .35s;visibility:hidden}.album-btn{background:var(--overlay);border-radius:50%;color:var(--on-media);display:grid;height:2.5rem;opacity:0;place-items:center;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .15s,background-color .15s;width:2.5rem;z-index:2}.album-btn.left{left:var(--s3)}.album-btn.right{right:var(--s3)}.album-btn:hover{background:var(--scrim-max)}.media-container.controls-visible .album-btn,.album-btn:focus-visible{opacity:1}.album-counter{bottom:var(--s3);display:flex;gap:var(--s1);left:50%;position:absolute;transform:translate(-50%);z-index:2}.album-dot{background:var(--on-media-dim);border-radius:50%;cursor:pointer;height:6px;width:6px}.album-dot.active{background:var(--on-media)}.site-audio-player{background:var(--surface);border-radius:var(--r-lg);display:grid;gap:var(--s3);max-width:calc(100% - 2rem);padding:var(--s4);width:36rem}.player-controls{align-items:center;display:flex;gap:var(--s3);justify-content:space-between}.player-left-controls,.player-right-controls{align-items:center;display:flex;gap:var(--s3);min-width:0}.player-title{color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.play-btn{background:var(--accent);border-radius:50%;color:var(--accent-ink);display:grid;flex:none;height:2.5rem;place-items:center;width:2.5rem}.play-btn:hover{background:var(--accent-hover)}.mute-btn{display:grid;height:2rem;place-items:center;width:2rem}.site-audio-player :is(.progress,.volume){background:var(--surface-3);border-radius:var(--r-pill);cursor:pointer;height:6px;position:relative;touch-action:none}.site-audio-player .volume{width:5rem}.site-audio-player .fill{background:var(--accent);border-radius:inherit;height:100%;left:0;position:absolute;top:0}.site-audio-player .handle{background:var(--ink);border-radius:50%;height:12px;position:absolute;top:50%;transform:translate(-50%,-50%);width:12px}.site-audio-player .handle:after{content:"";inset:-12px;position:absolute}.progress-time{display:none}.alb-slide .site-audio-player{width:min(36rem,calc(100% - 2rem))}.post-nav{align-self:center;display:grid;gap:var(--s2)}.post-nav[hidden]{display:none}.post-nav-btn{background:var(--surface-2);border-radius:50%;color:var(--ink);display:grid;height:3rem;place-items:center;transition:background-color .15s,opacity .15s;width:3rem}.post-nav-btn:hover{background:var(--surface-3)}.post-nav-btn:not([href]){opacity:.3;pointer-events:none}.post-rail{display:grid;gap:var(--s4);min-width:0;padding-bottom:var(--s8)}.post-author{align-items:center;display:flex;gap:var(--s3)}.post-author-av{flex:none}.post-author-text{display:grid;flex:1;min-width:0}.post-author-name{color:var(--ink);font-size:var(--fs-lg);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}a.post-author-name:hover{text-decoration:underline}.post-author-sub{color:var(--ink-3);display:flex;flex-wrap:wrap;font-size:var(--fs-sm);gap:var(--s1) var(--s3)}.post-author-tg{align-items:center;color:var(--ink-2);display:inline-flex;gap:var(--s1)}.post-author-tg:hover{color:var(--ink)}.post-pills{align-items:center;display:flex;flex-wrap:wrap;gap:var(--s2)}.post-pills .btn .ico{height:12px;width:12px}.post-title{color:var(--ink);font-size:var(--fs-2xl);font-weight:600;line-height:1.2;overflow-wrap:anywhere}.post-desc{color:var(--ink-2);font-size:var(--fs-lg);line-height:1.45;overflow-wrap:anywhere;white-space:pre-wrap}.post-desc a,.desc-link{color:var(--accent-text)}.post-desc a:hover{text-decoration:underline}.edit-placeholder,.desc-placeholder{color:var(--ink-3)}.post-actions{align-items:center;border-block:1px solid var(--line);display:flex;flex-wrap:wrap;gap:var(--s1);padding:var(--s2) 0}.vote{align-items:center;background:var(--surface);border-radius:var(--r-pill);display:flex;margin-right:var(--s2)}.vote-btn{border-radius:50%;color:var(--ink-2);display:grid;height:2.5rem;place-items:center;transition:background-color .15s,color .15s;width:2.5rem}.vote-btn:hover{background:var(--surface-2);color:var(--ink)}.vote-btn:disabled{opacity:.4;pointer-events:none}.vote-up.active{color:var(--accent-text)}.vote-down.active{color:var(--danger)}.vote-score{color:var(--ink);font-size:var(--fs-lg);min-width:1.5rem;text-align:center}.vote-score.score-up{color:var(--accent-text)}.vote-score.score-down{color:var(--danger)}#bookmark-btn.is-active{color:var(--accent-text)}.post-stats{color:var(--ink-3);display:flex;gap:var(--s3);margin-left:auto}.post-stats>span{align-items:center;display:inline-flex;gap:var(--s1)}.post-stats .ico{height:12px;width:12px}.comments{display:grid;gap:var(--s4)}.comments-head{align-items:center;display:flex;gap:var(--s3);justify-content:space-between}.comments-head h2{color:var(--ink);font-size:var(--fs-xl);font-weight:600}.comments-head .btn .ico{height:12px;width:12px}.sort-menu{right:0;top:calc(100% + .25rem)}.sort-option.active{color:var(--accent-text)}.comments-note{align-items:center;background:var(--surface);border-radius:var(--r);color:var(--ink-2);display:flex;flex-wrap:wrap;gap:var(--s3);justify-content:space-between;padding:var(--s3) var(--s4)}.comment-form{align-items:start;display:flex;gap:var(--s3)}.comment-form-main{display:grid;flex:1;gap:var(--s2);min-width:0}#comment-input{min-height:2.5rem;overflow:hidden;resize:none}.comment-form-actions{align-items:center;display:flex;gap:var(--s2);justify-content:flex-end}.comments-list{display:grid;gap:var(--s4)}.comments-empty{color:var(--ink-3);padding:var(--s6) 0;text-align:center}.comments-error{color:var(--ink-2);display:grid;gap:var(--s2);justify-items:center}.comment-item{display:flex;gap:var(--s3);isolation:isolate;min-width:0;position:relative;scroll-margin-top:calc(var(--top-h) + var(--s4))}.comment-item:before{background:var(--accent-soft);border-radius:var(--r);content:"";inset:calc(-1 * var(--s2));opacity:0;pointer-events:none;position:absolute;transition:opacity .6s;z-index:-1}.comment-item.target-highlight:before{opacity:1}.comment-avatar-col{flex:none}.comment-author-avatar{border-radius:50%;height:32px;object-fit:cover;width:32px}.comment-body{display:grid;flex:1;gap:var(--s1);min-width:0}.comment-meta{align-items:center;display:flex;flex-wrap:wrap;font-size:var(--fs-sm);gap:var(--s1) var(--s2)}.badge-name-wrap{align-items:center;display:inline-flex;gap:var(--s1)}.user-badge-icon{height:16px;width:16px}.comment-author-name{color:var(--ink);font-weight:600}.comment-author-name:hover{text-decoration:underline}.comment-author-badge,.comment-pinned-badge{background:var(--surface-2);border-radius:var(--r-pill);color:var(--ink-2);font-size:var(--fs-xs);padding:0 var(--s2)}.comment-time{color:var(--ink-3)}.comment-time:hover{color:var(--ink-2)}.comment-text{color:var(--ink);font-size:var(--fs-lg);line-height:1.4;overflow-wrap:anywhere;white-space:pre-wrap}.comment-text.deleted{color:var(--ink-3);font-style:italic}.comment-text.is-clamped{overflow:hidden}.comment-link{color:var(--accent-text)}.comment-link:hover{text-decoration:underline}.comment-more-btn{color:var(--ink-2);font-size:var(--fs-sm);justify-self:start}.comment-more-btn:hover{color:var(--ink)}.comment-actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--s1) var(--s3)}.comment-vote-col-row{align-items:center;display:flex}.comment-vote-btn{border-radius:50%;color:var(--ink-3);display:grid;height:2rem;place-items:center;width:2rem}.comment-vote-btn .ico{height:12px;width:12px}.comment-vote-btn:hover{background:var(--surface-2);color:var(--ink)}.comment-vote-btn.vote-up.active{color:var(--accent-text)}.comment-vote-btn.vote-down.active{color:var(--danger)}.comment-score{color:var(--ink-2);font-size:var(--fs-sm);min-width:1rem;text-align:center}.comment-score.score-up{color:var(--accent-text)}.comment-score.score-down{color:var(--danger)}.comment-action-btn{color:var(--ink-3);font-size:var(--fs-sm)}.comment-action-btn:hover,.comment-action-btn.active{color:var(--ink)}.comment-replies{border-left:1px solid var(--line);display:grid;gap:var(--s3);margin-top:var(--s2);padding-left:var(--s3)}.comment-replies-max-depth{border-left:0;padding-left:0}.replies-toggle-btn{align-items:center;color:var(--accent-text);display:inline-flex;font-size:var(--fs-sm);gap:var(--s1);justify-self:start}.replies-hidden-container{display:grid;gap:var(--s3)}.reply-form{display:grid;gap:var(--s2);grid-template-columns:1fr auto;margin-top:var(--s2)}.reply-input{justify-self:stretch;background:var(--bg);border:1px solid var(--border);border-radius:var(--r);color:var(--ink);font-size:var(--fs-lg);grid-column:1 / -1;outline:none;padding:var(--s2) var(--s3);resize:none}.reply-input:focus{border-color:var(--accent)}.reply-form .emote-btn{color:var(--ink-2);justify-self:start}.reply-submit-btn,.reply-cancel-btn{border-radius:var(--r);font-size:var(--fs-md);height:2rem;padding:0 var(--s3)}.reply-submit-btn{background:var(--accent);color:var(--accent-ink);font-weight:700}.reply-submit-btn:hover{background:var(--accent-hover)}.reply-submit-btn:disabled{background:var(--surface-2);color:var(--ink-3)}.reply-cancel-btn{color:var(--ink-2)}.reply-cancel-btn:hover{background:var(--surface-2);color:var(--ink)}.reply-form>:is(.reply-submit-btn,.reply-cancel-btn){grid-row:2}.reply-form>.reply-submit-btn{grid-column:2}.reply-form{justify-items:start}.input-with-btn{position:relative}.input-with-btn>.icon-btn{position:absolute;right:var(--s1);top:var(--s1)}.input-with-btn:has(.icon-btn)>.input{padding-right:2.75rem}.opts button{align-items:center;display:inline-flex;gap:var(--s2)}.opts button .ico{height:12px;width:12px}.switch-btn{align-items:center;display:flex;gap:var(--s3);text-align:left;width:100%}.switch-btn .switch-text small{display:block}.switch-btn.active .switch-ui{background:var(--accent)}.switch-btn.active .switch-ui:after{background:var(--accent-ink);transform:translate(1rem)}.edit-slides{overflow-x:auto}.edit-slides-list{display:flex;gap:var(--s2);list-style:none;padding:var(--s1)}.edit-slide-item{background:var(--surface-2);border-radius:var(--r);cursor:grab;display:grid;flex:none;gap:var(--s1);padding:var(--s2);touch-action:pan-y;user-select:none;width:8rem}.edit-slide-item.is-selected{outline:2px solid var(--accent)}.edit-slide-item.is-dragging{cursor:grabbing;opacity:.85;position:relative;z-index:1}.edit-slides-list.is-sorting .edit-slide-item:not(.is-dragging){transition:transform .15s var(--ease-out)}.edit-slide-item.is-moved{animation:slide-moved .3s var(--ease-out)}@keyframes slide-moved{0%{background:var(--accent-soft)}}.edit-slide-top{align-items:center;color:var(--ink-3);display:flex;justify-content:space-between}.edit-slide-grip{cursor:grab;display:grid;touch-action:none}.edit-slide-preview{aspect-ratio:1;background:var(--bg);border-radius:var(--r-sm);display:grid;overflow:hidden;place-items:center}.edit-slide-preview :is(img,video){height:100%;object-fit:cover;pointer-events:none;width:100%}.edit-slide-type{color:var(--ink-3);font-size:var(--fs-sm)}.edit-slide-name{color:var(--ink-2);font-size:var(--fs-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.edit-slide-moves{display:flex;justify-content:space-between}.post-text .post-media{height:auto;position:static}.post-text .post-nav{align-self:start;position:sticky;top:calc(50dvh - 3.5rem)}.article-stage{flex:1;min-width:0;position:relative}.article-wrap{display:block;height:auto}.article{margin:0 auto;max-width:46rem;padding-bottom:var(--s12)}.article.blurred{clip-path:inset(0);max-height:var(--media-h);overflow:hidden}.article-cover{aspect-ratio:16 / 9;background:var(--surface);border-radius:var(--r-lg);display:block;margin-bottom:var(--s6);object-fit:cover;view-transition-name:post-media;width:100%}.article-title{color:var(--ink);font-size:var(--fs-5xl);font-weight:700;line-height:1.15;overflow-wrap:anywhere}.article-meta{align-items:center;color:var(--ink-3);display:flex;flex-wrap:wrap;font-size:var(--fs-sm);gap:var(--s1) var(--s4);margin:var(--s3) 0 var(--s8)}.article-meta span{align-items:center;display:inline-flex;gap:var(--s1)}.article-meta .ico{height:12px;width:12px}.article-body{color:var(--ink);font-size:var(--fs-lg);line-height:1.65;overflow-wrap:anywhere}.article-body>*+*{margin-top:var(--s4)}.article-body :is(h2,h3){font-weight:700;line-height:1.25;margin-top:var(--s8)}.article-body h2{font-size:var(--fs-3xl)}.article-body h3{font-size:var(--fs-2xl)}.article-body a{color:var(--accent-text);text-decoration:underline;text-underline-offset:.15em}.article-body b{font-weight:700}.article-body mark{background:var(--accent-soft);border-radius:var(--r-sm);color:var(--ink);padding:0 .15em}.article-body :is(ul,ol){padding-left:var(--s6)}.article-body ul{list-style:square}.article-body ol{list-style:decimal}.article-body li+li,.article-body li>:is(ul,ol){margin-top:var(--s1)}.article-body li::marker{color:var(--ink-3)}.article-body blockquote,.wr-editor .cdx-quote{background:var(--surface);border-radius:var(--r);color:var(--ink);font-size:var(--fs-xl);padding:var(--s3) var(--s4)}.article-body cite,.wr-editor .cdx-quote__caption{color:var(--ink-3);display:block;font-style:normal}.article-body cite{font-size:var(--fs-sm);margin-top:var(--s2)}.article-body hr{border:0;color:var(--ink-3);margin:var(--s8) 0;text-align:center}.article-body hr:before{content:"* * *";letter-spacing:.5em}.article-figure{margin-block:var(--s6)}.article-figure img{--max-h: 80dvh;border-radius:var(--r-lg);display:block;height:auto;margin:0 auto;max-height:var(--max-h);max-width:100%}.article-figure img[width]{max-width:min(100%,var(--max-h) * var(--ratio))}.article-figure.wide img{width:100%}.article-figure figcaption{color:var(--ink-3);font-size:var(--fs-sm);margin-top:var(--s2);text-align:center}.article-video{aspect-ratio:16 / 9;background:var(--media-bg);border-radius:var(--r-lg);overflow:hidden}.article-video iframe{border:0;display:block;height:100%;width:100%}.article-post-card{align-items:center;background:var(--surface);border-radius:var(--r-lg);display:flex;gap:var(--s4);padding:var(--s3);text-decoration:none;transition:background-color .15s}.article-post-card:hover{background:var(--surface-2)}.article-post-card img,.article-post-card-ico{border-radius:var(--r);flex:none;height:4.5rem;object-fit:cover;width:8rem}.article-post-card-ico{background:var(--surface-2);color:var(--ink-3);display:grid;place-items:center}.article-post-card-text{display:grid;gap:var(--s1);min-width:0}.article-post-card-title{color:var(--ink);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.article-post-card-author{color:var(--ink-3);font-size:var(--fs-sm)}.article-wrap .content-warning{align-items:start;padding-top:20dvh}.article-wrap .cw-box{position:sticky;top:30dvh}@media(max-width:960px){.page.page-post{padding:var(--s3) var(--s4) 0}.post{grid-template-columns:minmax(0,1fr)}.post-media{height:auto;position:relative;top:auto}.media-stage{flex:none;height:min(75dvh,100vw * 1.25);width:100%}body[data-media-type=video] .media-stage{aspect-ratio:16 / 9;height:auto}body[data-media-type=image] .media-stage{height:auto}body[data-media-type=image] .media-image{max-height:75dvh}body:is([data-media-type=audio],[data-media-type=file]) .media-stage{height:auto;min-height:12rem}body[data-media-type=audio] .media-container,body[data-media-type=file] .media-container{padding:var(--s6) 0}.post-nav{position:absolute;right:var(--s2);top:50%;transform:translateY(-50%);z-index:4}.post-nav-btn{background:var(--overlay);color:var(--on-media);height:2.5rem;width:2.5rem}}@media(hover:none)and (pointer:coarse){.post-nav{display:none}.post-swipe .media-stage{touch-action:pan-x pinch-zoom}}@media(max-width:760px){.page.page-post{padding:0 0 var(--tabbar-h)}.media-stage{border-radius:0}.post-rail{padding:0 var(--s4) var(--s8)}.article{padding:var(--s4) var(--s4) var(--s8)}.article-cover{border-radius:var(--r)}.article-title{font-size:var(--fs-4xl)}.article-body h2{font-size:var(--fs-2xl)}.article-body h3{font-size:var(--fs-xl)}.album-btn{display:none}}.album-hint-overlay{align-items:flex-end;background:var(--overlay);display:flex;inset:0;justify-content:center;opacity:0;padding-bottom:var(--s12);pointer-events:none;position:absolute;transition:opacity .3s;z-index:4}.album-hint-box{align-items:center;color:var(--on-media);display:flex;font-size:var(--fs-2xl);font-weight:700;gap:var(--s3)}.has-video-processing{position:relative}.video-processing{background:var(--scrim);display:grid;inset:0;padding:var(--s4);place-items:center;position:absolute;z-index:5}.video-processing-card{background:var(--surface);border-radius:var(--r-lg);display:grid;gap:var(--s2);justify-items:start;max-width:22rem;padding:var(--s6);position:relative}.video-processing-close{position:absolute;right:var(--s2);top:var(--s2)}.video-processing-title{color:var(--ink);font-size:var(--fs-xl);font-weight:600;padding-right:var(--s8)}.video-processing-text{color:var(--ink-2);margin-bottom:var(--s2)}