.reading{padding-block:var(--hz-sec-md) var(--hz-sec-lg)}.reading--message{text-align:center;min-block-size:70vh;padding-inline:var(--hz-gutter);flex-direction:column;justify-content:center;align-items:center;gap:24px;display:flex}.reading__message{font-size:var(--hz-size-lede);color:var(--hz-ink);max-inline-size:var(--hz-measure-narrow)}.reading__head{text-align:center;margin-block-end:clamp(20px,3vw,30px)}.reading__title{font-size:var(--hz-size-h1);line-height:var(--hz-leading-heading);color:var(--hz-ink-heading);margin:0}.reading__dedication{max-inline-size:var(--hz-measure-narrow);font-family:var(--hz-font-display);font-weight:var(--hz-weight-display);font-size:var(--hz-size-lede);line-height:var(--hz-leading-quote);color:var(--hz-ink-quote);margin-block:14px 0;margin-inline:auto}.reading__due{font-size:var(--hz-size-small);color:var(--hz-ink-muted);margin-block:12px 0}.reading__rule{background:linear-gradient(to left, transparent 0%, var(--hz-accent) 50%, transparent 100%);border:0;block-size:1px;inline-size:min(100%,300px);margin-block-start:clamp(22px,3vw,34px);margin-inline:auto}.reading__notice{min-block-size:calc(var(--hz-size-body) * var(--hz-leading-body));text-align:center;font-size:var(--hz-size-body);color:var(--hz-ink);margin-block:0 clamp(12px,2vw,20px)}.book-card{background:var(--hz-bg-raised);border:1px solid var(--hz-hairline);border-radius:var(--mh-radius-section);margin-block-end:var(--hz-sec-sm);padding:clamp(16px,3vw,26px)}.book-card__head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.book-card__title{font-size:var(--hz-size-h3);color:var(--hz-ink-heading);margin:0}.book-card__count{font-size:var(--hz-size-small);color:var(--hz-ink-muted);margin:0}.book-card__bar{background:var(--hz-progress-track);border-radius:999px;block-size:6px;margin-block-start:12px;overflow:hidden}.book-card__fill{background:var(--hz-progress-fill);block-size:100%;transition:inline-size var(--hz-dur-slow) var(--hz-ease-move)}.book-card__complete{font-family:var(--hz-font-display);font-weight:var(--hz-weight-display);font-size:var(--hz-size-body-lg);color:var(--hz-accent);text-align:center;margin-block:14px 0}.parts{margin:18px 0 0;padding:0;list-style:none}.part{border-block-start:1px solid var(--hz-hairline);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;padding-block:12px;display:flex}.part:first-child{border-block-start:0}.part[data-mine=true]{border-inline-start:3px solid var(--hz-accent);margin-inline-start:-15px;padding-inline-start:12px}.part__label{align-items:baseline;gap:10px;min-inline-size:0;display:flex}.part__name{font-size:var(--hz-size-body);color:var(--hz-ink)}.part__range{font-size:var(--hz-size-small);color:var(--hz-ink-muted)}.part__action{align-items:center;gap:14px;margin-inline-start:auto;display:flex}.part__taken{font-family:var(--hz-font-display);font-weight:var(--hz-weight-display);font-size:var(--hz-size-body);color:var(--hz-ink-quote)}.part[data-mine=true] .part__taken{color:var(--hz-accent)}.part__cancel{min-block-size:var(--hz-tap-min);font:inherit;font-size:var(--hz-size-small);color:var(--hz-ink-muted);cursor:pointer;background:0 0;border:0;padding-inline:4px;text-decoration:underline}.part__cancel:hover{color:var(--hz-ink)}.part__take{min-block-size:var(--hz-tap-min);font-size:var(--hz-size-small);padding-inline:20px}.part__take:disabled,.part__cancel:disabled{opacity:.5;cursor:default}.name-dialog__backdrop{z-index:60;padding:var(--hz-gutter);background:#1b263b73;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.name-dialog{background:var(--hz-bg-raised);border-radius:var(--mh-radius-section);max-block-size:90vh;inline-size:min(100%,420px);padding:clamp(20px,4vw,30px);overflow-y:auto}.name-dialog__title{font-size:var(--hz-size-h3);color:var(--hz-ink-heading);margin:0}.name-dialog__part{font-size:var(--hz-size-small);color:var(--hz-ink-muted);margin-block:6px 20px}.name-dialog__label{font-size:var(--hz-size-small);color:var(--hz-ink);margin-block-end:6px;display:block}.name-dialog__input{inline-size:100%;min-block-size:var(--hz-tap-min);font:inherit;font-size:var(--hz-size-body);color:var(--hz-ink);background:var(--hz-bg);border:1px solid var(--hz-hairline);border-radius:var(--hz-radius-button);padding-inline:14px}.name-dialog__note{font-size:var(--hz-size-small);color:var(--hz-ink-muted);margin-block:8px 0}.name-dialog__honorific{border:0;gap:8px;margin-block:20px 0;padding:0;display:flex}.name-dialog__radio{min-block-size:var(--hz-tap-min);border:1px solid var(--hz-hairline);border-radius:var(--hz-radius-chip);font-size:var(--hz-size-body);color:var(--hz-ink);cursor:pointer;align-items:center;gap:8px;padding-inline:16px;display:flex}.name-dialog__radio:has(input:checked){border-color:var(--hz-accent);color:var(--hz-accent)}.name-dialog__error{font-size:var(--hz-size-small);color:#8c2f2f;margin-block:14px 0}.name-dialog__actions{flex-wrap:wrap;gap:10px;margin-block-start:24px;display:flex}@media (width<=480px){.part{gap:8px 12px}.part__action{gap:10px}.part__take{padding-inline:16px}.part[data-mine=true] .part__action{flex-wrap:wrap;justify-content:flex-end}.name-dialog__actions .hz-btn{flex:100%}}@media (prefers-reduced-motion:reduce){.book-card__fill{transition:none}}.share{flex-wrap:wrap;justify-content:center;gap:12px;margin-block-start:var(--hz-sec-sm);display:flex}@media (width<=480px){.share .hz-btn{text-align:center;flex:100%}}