@layer components{.notes-view{flex-direction:column;min-block-size:100dvh;padding-block-end:8rem;display:flex;position:relative}.notes-view__head{inline-size:100%;max-inline-size:38rem;margin-block:2.5rem 3rem;margin-inline:auto}.notes-view__title{font-size:var(--text-2);font-weight:var(--font-medium);letter-spacing:-.01em;align-items:baseline;gap:.5rem;display:flex}.notes-view__hanzi{font-family:var(--font-zi), sans-serif;font-size:1em}.notes-view__count{font-family:var(--font-krypton), monospace;font-size:var(--text-7);color:var(--muted-foreground)}.notes-view__description{font-size:var(--text-6);color:var(--foreground);margin-block-start:.5rem}.notes-view__empty{max-inline-size:38rem;font-size:var(--text-6);color:var(--foreground);margin-inline:auto}.notes-list{flex-direction:column;inline-size:100%;max-inline-size:38rem;margin-inline:auto;display:flex}.notes-list__item{border-block-start:1px solid color-mix(in srgb, var(--foreground) 30%, transparent);padding-block:1.75rem;scroll-margin-block-start:6rem}.notes-list__item:last-child{border-block-end:1px solid color-mix(in srgb, var(--foreground) 30%, transparent)}.notes-list__date{font-family:var(--font-krypton), monospace;font-size:var(--text-8);letter-spacing:.12em;margin-block-end:.75rem;display:block}.notes-list__text{font-size:var(--text-4);line-height:var(--leading-normal);color:var(--foreground);white-space:pre-wrap;text-wrap:pretty}.notes-quote{border-inline-start:2px solid var(--corner);margin:0;padding-inline-start:1rem}.notes-quote__text{font-size:var(--text-3);color:var(--foreground);white-space:pre-wrap;text-wrap:pretty;line-height:1.6}.notes-quote__text:before{content:"“";margin-inline-end:.15em}.notes-quote__text:after{content:"”";margin-inline-start:.15em}.notes-quote__cite{font-family:var(--font-krypton), monospace;font-size:var(--text-7);margin-block-start:.75rem}.notes-quote__cite a{color:inherit;text-underline-offset:3px;text-decoration:underline}}