.story-shelf .story-card>img{object-fit:cover;object-position:top}.story-card-text{background:var(--surface-sunken);height:300px;color:var(--muted-foreground);text-align:center;place-items:center;padding:24px;font:500 1.35rem/1.3 Georgia,serif;display:grid}.story-stars,.story-rating button{color:var(--primary);letter-spacing:.1em}.story-card .story-stars{margin-top:8px;font-size:.8rem;display:block}.story-reader{max-width:44rem;margin:0 auto}.story-reader-head{margin:28px 0 8px}.story-reader-head h1{letter-spacing:-.03em;margin:4px 0 8px;font-size:clamp(1.7rem,3vw,2.5rem)}.story-meta{color:var(--muted-foreground);font:500 .6875rem/1.4 var(--font-family-mono);letter-spacing:.08em;text-transform:uppercase;margin:0 0 14px}.story-reader-actions{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:10px;padding-bottom:16px;display:flex}.story-reader-actions a{text-decoration:none}.story-rating{display:inline-flex}.story-rating button{cursor:pointer;background:0 0;border:0;min-width:28px;min-height:32px;font-size:1.15rem}.story-rating button:focus-visible,.story-segmented button:focus-visible{outline:2px solid var(--ring);outline-offset:1px}.story-body{color:var(--foreground);margin:24px 0;font:1.0625rem/1.75 Georgia,Times New Roman,serif}.story-figure{margin:28px 0}.story-figure-wait{aspect-ratio:832/1216;border:1px dashed var(--border);border-radius:var(--radius-panel);width:100%;max-height:60vh;color:var(--muted-foreground);font:.9rem/1.4 var(--font-family-sans);place-items:center;display:grid}.story-progress{color:var(--muted-foreground)}.story-error{border:1px solid var(--destructive);border-radius:var(--radius-control);color:var(--foreground);padding:10px 12px}.story-note{border-top:1px solid var(--border);margin:24px 0 60px;padding-top:16px}.story-note summary{cursor:pointer;color:var(--muted-foreground)}.story-note textarea,.story-dialog textarea,.story-dialog input{border:1px solid var(--input);border-radius:var(--radius-control);background:var(--surface-sunken);width:100%;color:var(--foreground);font:inherit;margin:10px 0;padding:10px 12px;display:block}.story-dialog{border:1px solid var(--border);border-radius:var(--radius-overlay);background:var(--surface-overlay);width:min(34rem,100vw - 2rem);color:var(--foreground);box-shadow:var(--elevation-dialog);padding:22px}.story-dialog::backdrop{background:var(--overlay)}.story-dialog-choices{flex-wrap:wrap;gap:10px;margin:6px 0 16px;display:flex}.story-dialog-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.story-segmented{border:1px solid var(--border);border-radius:var(--radius-pill);padding:2px;display:inline-flex}.story-segmented button{border-radius:var(--radius-pill);min-height:28px;color:var(--muted-foreground);font:inherit;cursor:pointer;background:0 0;border:0;padding:3px 12px;font-size:.8125rem}.story-segmented button[aria-pressed=true]{background:var(--primary);color:var(--primary-foreground)}@media (width<=600px){.story-body{font-size:1rem}.story-reader-head{margin-top:16px}}
