.like-btn[aria-pressed=true]{color:#ffb4d0;background:#ff78aa1f;border-color:#ffb4d099}.comments{max-width:900px}.comments-count{color:var(--text-3);font-size:.9em}.comment-form{gap:10px;display:grid}.comment-form textarea,.comment-edit textarea{border-radius:var(--radius);border:1px solid var(--line-strong);width:100%;color:var(--text);font:inherit;resize:vertical;background:#070a26b3;padding:12px 14px;line-height:1.8}.comment-form textarea:focus,.comment-edit textarea:focus{border-color:var(--violet-light);outline:none;box-shadow:0 0 0 3px #c58cff33}.comment-form-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.comment-form-row .hint,.comment-actions .hint{color:var(--text-3);font-size:.84rem}.comment-signin,.comments-empty{color:var(--text-2);border-radius:var(--radius);border:1px dashed var(--line-strong);padding:16px 18px}.comments-empty{margin-top:16px}.comment-list{gap:12px;margin-top:18px;display:grid}.comment{border-radius:var(--radius);border:1px solid var(--line);background:#1218468c;padding:14px 16px}.comment-head{align-items:center;gap:10px;display:flex}.comment-author{font-weight:600}.comment-time{color:var(--text-3);margin-inline-start:auto;font-size:.84rem}.comment-body{white-space:pre-line;overflow-wrap:anywhere;color:var(--text);margin-top:8px;line-height:1.85}.comment-actions{align-items:center;gap:14px;margin-top:8px;display:flex}.comment-edit{margin-top:8px}.link-btn{color:var(--text-3);font:inherit;cursor:pointer;background:0 0;border:0;padding:4px 0;font-size:.86rem}.link-btn:hover{color:var(--violet-light);text-underline-offset:4px;text-decoration:underline}@media (pointer:coarse){.link-btn{min-height:44px}}
.story{isolation:isolate;padding-top:calc(var(--header-h) + clamp(24px, 5vw, 64px));padding-bottom:clamp(24px,4vw,48px);position:relative;overflow:hidden}.story-backdrop{z-index:-2;filter:blur(50px)saturate(1.3);opacity:.4;animation:backdrop-in 1.2s var(--ease-out) both;background-position:50%;background-size:cover;position:absolute;inset:-60px}.story:after{content:"";z-index:-1;background:linear-gradient(180deg, #070a2659 0%, #070a26bf 60%, var(--canvas) 100%);position:absolute;inset:0}@keyframes backdrop-in{0%{opacity:0;transform:scale(1.06)}}.story-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,64px);display:grid}.story-media{aspect-ratio:16/10;border-radius:var(--radius-lg);animation:media-in .9s var(--ease-out) both;position:relative;overflow:hidden;box-shadow:0 40px 80px -40px #000000f2,inset 0 0 0 1px #ffffff14}@keyframes media-in{0%{opacity:0;transform:translateY(16px)scale(.98)}}.story-info>*{animation:info-in .8s var(--ease-out) both}.story-info>:nth-child(2){animation-delay:60ms}.story-info>:nth-child(3){animation-delay:.12s}.story-info>:nth-child(4){animation-delay:.18s}.story-info>:nth-child(n+5){animation-delay:.24s}@keyframes info-in{0%{opacity:0;transform:translateY(12px)}}.crumbs{color:var(--text-3);gap:10px;font-size:.88rem;display:flex}.crumbs a+a:before{content:"‹";color:var(--text-3);margin-inline-end:10px}.crumbs a:hover{color:var(--text)}.story-series{color:#e3d1ff;margin-top:14px;font-size:.92rem;font-weight:600}.story-series a:hover{text-underline-offset:5px;text-decoration:underline}.story-title{font-family:var(--font-display);text-wrap:balance;margin-top:10px;font-size:clamp(2rem,1.3rem + 2.6vw,3.4rem);font-weight:700;line-height:1.22}.story-meta,.story-access{margin-top:14px}.story-synopsis{color:var(--text-2);max-width:56ch;margin-top:16px;font-size:1.1rem;line-height:1.95}.story-actions{flex-wrap:wrap;gap:10px;margin-top:26px;display:flex}.story-tags{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}@media (max-width:900px){.story-grid{grid-template-columns:1fr}}.parts{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:10px;display:grid}.part{border-radius:var(--radius);border:1px solid var(--line);transition:border-color .25s var(--ease-out), background-color .25s var(--ease-out);background:#12184680;align-items:center;gap:14px;padding:14px 16px;display:flex}.part:hover{border-color:var(--line-strong);background:#1a216099}.part[aria-current=page]{border-color:var(--violet-light);background:var(--violet-muted)}.part-num{color:#ead9ff;background:#a330ef33;border:1px solid #c58cff66;border-radius:6px;flex-shrink:0;place-items:center;width:34px;height:34px;font-weight:700;display:grid;rotate:45deg}.part-num>span{rotate:-45deg}.part-title{flex:1;font-weight:600;line-height:1.5}.part-min{color:var(--text-3);white-space:nowrap;font-size:.85rem}