@layer reset,tokens,base,layout,components,utilities;@layer components{.reader__controls{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3);margin-block:var(--space-4) var(--space-3)}.reader__toggle-group{display:inline-flex;border:1px solid var(--color-border-strong);border-radius:var(--radius-full);overflow:hidden}.reader__toggle{min-block-size:40px;padding:var(--space-1) var(--space-3);border:none;background:var(--color-surface);color:var(--color-muted);font-size:var(--text-sm);font-weight:500;transition:background var(--duration-fast) var(--ease-out)}.reader__toggle+.reader__toggle{border-inline-start:1px solid var(--color-border)}.reader__toggle:hover{background:var(--color-surface-hover)}.reader__toggle--on{background:var(--color-accent-soft);color:var(--color-accent)}.reader__print{margin-inline-start:auto;min-block-size:40px;padding:var(--space-1) var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-full);background:var(--color-surface);font-size:var(--text-sm);font-weight:600;transition:background var(--duration-fast) var(--ease-out)}.reader__print:hover,.reader__print:focus-visible{background:var(--color-surface-hover)}.reader__print--copy+.reader__print{margin-inline-start:0}.reader__sheet{padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.reader__line{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-2) .35em;margin-block-end:var(--space-3);max-inline-size:none}.reader__line:last-child{margin-block-end:0}.reader__token{display:inline-flex;flex-direction:column;align-items:center;gap:1px}.reader__hanzi{font-size:1.5rem;line-height:1.25;font-family:var(--font-display-hans)}:lang(zh-Hant) .reader__hanzi{font-family:var(--font-display-hant)}.reader__reading{color:var(--color-accent);font-size:.72rem;line-height:1.2;min-block-size:.9em;font-family:var(--font-latin)}.reader__reading--zhuyin{color:var(--color-muted);letter-spacing:.05em}.poem-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(19rem,1fr));gap:var(--space-3)}.poem-card{display:grid;gap:var(--space-1);align-content:start;block-size:100%;padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:inherit;text-decoration:none;transition:box-shadow var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out)}.poem-card:hover,.poem-card:focus-visible{box-shadow:var(--shadow-md);transform:translateY(-2px);color:inherit}.poem-card__title{margin:0;font-size:var(--text-xl)}.poem-card__meta{color:var(--color-faint);font-size:var(--text-sm)}.poem-card__intro{margin:0;color:var(--color-muted);font-size:var(--text-sm)}.poem-page{max-inline-size:46rem}.poem-page__breadcrumb{color:var(--color-muted);font-size:var(--text-sm);margin-block-end:var(--space-2)}.poem-page__title{font-size:clamp(2rem,7vw,3rem);font-weight:500}.poem-page__meta{color:var(--color-muted)}.poem-page__notes{max-inline-size:70ch}.poem-page__notes p{color:var(--color-muted)}}@media print{@page{margin:14mm 12mm 18mm}.site-header,.site-footer,.reader__controls,.reader__line-audio,.poem-page__breadcrumb,.poem-page__notes,astro-dev-toolbar{display:none!important}.site-main{padding:0;max-inline-size:none}.reader__sheet{border:none;box-shadow:none;padding:0}.reader__hanzi{color:#000}.reader__reading{color:#444}.poem-page__title,.poem-page__title *,.poem-page__meta{color:#000!important}}@layer components{.reader-page__label{display:block;font-weight:600;margin-block-end:var(--space-2)}.reader-page__input{inline-size:100%;max-inline-size:46rem;padding:var(--space-2) var(--space-3);font:inherit;font-size:var(--text-lg);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);resize:vertical}.reader-page__input:focus{border-color:var(--color-accent);outline:none;box-shadow:0 0 0 3px var(--color-accent-soft)}.reader-page__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin-block:var(--space-2) var(--space-3)}.reader-page__annotate{min-block-size:44px;padding:var(--space-2) var(--space-5);border:1px solid var(--color-accent);border-radius:var(--radius-full);background:var(--color-accent);color:var(--color-on-accent);font-weight:600;transition:background var(--duration-fast) var(--ease-out)}.reader-page__annotate:hover:not(:disabled){background:var(--color-accent-strong)}.reader-page__annotate:disabled{opacity:.45;cursor:not-allowed}.reader-page__status,.reader-page__hint{color:var(--color-muted);font-size:var(--text-sm)}.reader__line-audio{display:grid;place-items:center;inline-size:30px;block-size:30px;padding:0;margin-inline-end:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-muted);align-self:center;transition:background var(--duration-fast) var(--ease-out)}.reader__line-audio:hover,.reader__line-audio:focus-visible{background:var(--color-surface-hover);color:var(--color-text)}.reader__line-audio svg,.reader__popover-actions .row-action svg{inline-size:.9rem;block-size:.9rem}.reader__popover-actions .row-action{display:grid;place-items:center;inline-size:32px;block-size:32px;padding:0;border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-muted)}.reader__token--word{position:relative}.reader__token-button{display:inline-flex;flex-direction:column;align-items:center;gap:1px;padding:2px 3px;border:none;border-radius:var(--radius-sm);background:none;font:inherit;color:inherit;transition:background var(--duration-fast) var(--ease-out)}.reader__token-button:hover,.reader__token-button:focus-visible,.reader__token-button[aria-expanded=true]{background:var(--color-accent-soft)}.reader__popover{position:absolute;inset-block-start:calc(100% + 4px);inset-inline-start:50%;transform:translate(-50%);z-index:var(--z-overlay);display:grid;gap:var(--space-1);min-inline-size:13rem;max-inline-size:18rem;padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);text-align:start;font-family:var(--font-latin)}.reader__popover-reading{color:var(--color-accent);font-weight:600;font-size:var(--text-sm)}.reader__popover-gloss{color:var(--color-muted);font-size:var(--text-sm);line-height:1.4}.reader__popover-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);font-size:var(--text-sm)}}