.story-detail{flex-direction:column;gap:3rem;display:flex}.story-detail__crumb{color:var(--color-muted);align-items:center;gap:.5rem;font-size:.875rem;display:flex}.story-detail__crumb a{transition:color .15s}.story-detail__crumb a:hover{color:var(--color-heading)}.story-detail__crumb svg{flex-shrink:0;width:.875rem;height:.875rem}.story-detail__crumb-current{color:var(--color-heading);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.story-detail__hero{flex-direction:column;gap:1rem;display:flex}@media (width>=640px){.story-detail__hero{flex-direction:row;align-items:flex-start;gap:1.5rem}}@media (width>=1024px){.story-detail__hero{gap:2rem}}.story-detail__cover{aspect-ratio:2/3;object-fit:cover;background-color:var(--color-surface-hover);border-radius:.75rem;flex-shrink:0;width:10rem;box-shadow:0 1px 2px #0000000d}@media (width>=640px){.story-detail__cover{width:11rem}}@media (width>=1024px){.story-detail__cover{width:14rem}}.story-detail__info{flex-direction:column;flex:1;gap:1rem;min-width:0;display:flex}.story-detail__title{color:var(--color-heading);font-size:1.25rem;font-weight:700;line-height:1.2}@media (width>=640px){.story-detail__title{font-size:1.5rem}}@media (width>=1024px){.story-detail__title{font-size:1.875rem}}.story-detail__author{color:var(--color-muted);align-items:center;gap:.375rem;margin-top:.375rem;font-size:.875rem;display:flex}.story-detail__author svg{flex-shrink:0;width:.875rem;height:.875rem}.story-detail__author-name{color:var(--color-content)}.story-detail__badges{flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.75rem;display:flex}.story-detail__badge{border:1px solid var(--color-line);background-color:var(--color-surface);color:var(--color-content);border-radius:.375rem;align-items:center;gap:.25rem;padding:.25rem .5rem;font-weight:500;display:inline-flex}.story-detail__badge svg{width:.875rem;height:.875rem;color:var(--color-muted);flex-shrink:0}.story-detail__badge--rating{border-color:color-mix(in srgb, var(--color-brand-yellow) 40%, transparent);background-color:color-mix(in srgb, var(--color-brand-yellow) 10%, transparent);color:var(--color-brand-yellow);font-weight:600}.story-detail__badge--rating svg{color:currentColor}.story-detail__badge-mute{opacity:.7;font-weight:400}.story-detail__tags{flex-wrap:wrap;gap:.5rem;display:flex}.story-detail__tag{border:1px solid var(--color-line);background-color:var(--color-surface);color:var(--color-content);border-radius:.5rem;padding:.25rem .625rem;font-size:.75rem;transition:border-color .15s,color .15s}.story-detail__tag:hover{border-color:var(--color-line-strong);color:var(--color-heading)}.story-detail__desc h2{color:var(--color-heading);margin-bottom:.5rem;font-size:.875rem;font-weight:700}.story-detail__desc p{white-space:pre-line;color:var(--color-content);font-size:.875rem;line-height:1.6}.story-detail__desc[data-desc]{--clamp-lines:6}.story-detail__desc[data-desc]:not(.is-expanded) [data-desc-body]{-webkit-line-clamp:var(--clamp-lines);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;-webkit-mask-image:linear-gradient(#000 70%,#0000 100%);mask-image:linear-gradient(#000 70%,#0000 100%)}.story-detail__desc-toggle{color:var(--color-accent);cursor:pointer;background:0 0;border:0;margin-top:.5rem;padding:0;font-size:.875rem;font-weight:600}.story-detail__desc-toggle:hover{text-decoration:underline}.story-detail__actions{flex-wrap:wrap;gap:.625rem;margin-top:.5rem;display:flex}.story-detail__action{border:1px solid var(--color-line);background-color:var(--color-surface);color:var(--color-content);cursor:pointer;border-radius:.5rem;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:600;transition:border-color .15s,background-color .15s,color .15s,opacity .15s;display:inline-flex}.story-detail__action:hover{border-color:var(--color-line-strong);color:var(--color-heading)}.story-detail__action svg{flex-shrink:0;width:1rem;height:1rem}.story-detail__action--primary{background-color:var(--color-accent);color:var(--color-on-accent);border-color:#0000;padding-left:1.25rem;padding-right:1.25rem}.story-detail__action--primary:hover{opacity:.9;background-color:var(--color-accent);color:var(--color-on-accent)}.story-detail__action--audio{border-color:color-mix(in srgb, var(--color-brand-red) 30%, transparent);background-color:color-mix(in srgb, var(--color-brand-red) 10%, transparent);color:var(--color-brand-red)}.story-detail__action--audio:hover{border-color:color-mix(in srgb, var(--color-brand-red) 50%, transparent);background-color:color-mix(in srgb, var(--color-brand-red) 20%, transparent);color:var(--color-brand-red)}.story-detail__action-mute{opacity:.7;font-size:.75rem;font-weight:400}.story-detail__chapters{scroll-margin-top:calc(var(--spacing-header) + 1rem)}.story-detail__chapters-head{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.story-detail__chapters-badge{border:1px solid var(--color-line);background-color:var(--color-surface);width:2.25rem;height:2.25rem;color:var(--color-accent);border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;display:flex}.story-detail__chapters-badge svg{width:1.25rem;height:1.25rem}.story-detail__chapters-title{color:var(--color-heading);font-size:1.125rem;font-weight:700}@media (width>=640px){.story-detail__chapters-title{font-size:1.25rem}}.story-detail__chapters-hint{color:var(--color-muted);font-size:.75rem}.story-detail__volumes{scrollbar-width:none;gap:.5rem;margin-bottom:1rem;padding-bottom:.125rem;display:flex;overflow-x:auto}.story-detail__volumes::-webkit-scrollbar{display:none}.story-detail__volume{white-space:nowrap;border:1px solid var(--color-line);background-color:var(--color-surface);color:var(--color-content);-webkit-user-select:none;user-select:none;border-radius:.5rem;flex-shrink:0;padding:.375rem .75rem;font-size:.875rem;transition:border-color .15s,background-color .15s,color .15s}.story-detail__volume:hover{border-color:var(--color-line-strong);color:var(--color-heading)}.story-detail__volume[aria-selected=true]{border-color:var(--color-accent);background-color:var(--color-accent);color:var(--color-on-accent)}.story-detail__volume-count{opacity:.7;margin-left:.25rem;font-size:.75rem}.story-detail__panel{transition:opacity .2s}.story-detail__panel[aria-busy=true]{opacity:.4}