.book{gap:var(--space-5);align-content:start;justify-self:stretch;min-block-size:100svh;display:grid}.book-note{padding:var(--space-5) var(--space-6);border:1px solid var(--glass-edge);border-radius:var(--radius-large);background:var(--glass-base);color:var(--color-muted);margin:0}.book-empty,.book-shelf{gap:var(--space-4);padding:var(--space-6);border:1px solid var(--glass-edge);border-radius:var(--radius-large);background:var(--glass-base);display:grid;box-shadow:inset 0 1px #ffffffe6,0 18px 40px #0c3c2c24}@media (width<=600px){.book-empty,.book-shelf{padding:var(--space-5) var(--space-4)}}.book-empty{justify-items:start}.book-empty h2,.book-shelf h2{font-size:var(--font-size-title);margin:0;line-height:1.15}.book-empty p{max-inline-size:38rem;color:var(--color-muted);margin:0}.book-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));margin:0;padding:0;list-style:none;display:grid}.book-card{gap:var(--space-1);padding:var(--space-2) var(--space-2) var(--space-3);border-radius:var(--radius-large);text-align:center;display:grid}.book-card-link{color:inherit;transition:background-color var(--duration-quick) ease;text-decoration:none}.book-card-link:hover{background:#fff9}.book-paper{aspect-ratio:1;border-radius:var(--radius-medium);background:var(--color-paper);display:block;overflow:hidden;box-shadow:inset 0 0 0 1px #16392f1a,0 2px 6px #0c3c2c14}.book-name{font-weight:var(--font-weight-strong);color:var(--color-title);-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;margin-block-start:var(--space-1);font-size:1.125rem;line-height:1.25}.book-kind{font-size:var(--font-size-small);color:var(--color-muted)}.book-premium{padding-inline:var(--space-1);display:flex}@media (prefers-reduced-motion:reduce){.book-card-link{transition:none}}.book-item{position:relative}.book-item .book-name,.book-item .book-kind{padding-inline:var(--space-1);text-align:start;overflow-wrap:anywhere}.book-item:has(.book-change) :is(.book-name,.book-kind){padding-inline-end:calc(var(--touch-target) + var(--space-1))}.book-change{inline-size:var(--touch-target);block-size:var(--touch-target);color:var(--color-title);cursor:pointer;transition:background-color var(--duration-quick) ease, transform var(--duration-quick) ease;background:#ffffffeb;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;inset-block-end:var(--space-3);inset-inline-end:var(--space-1);box-shadow:inset 0 0 0 1px #16392f24,0 2px 6px #0c3c2c1f}.book-change:hover{background:var(--color-surface);transform:translateY(-1px)}.book-change .icon{block-size:20px;inline-size:20px}.book-share{justify-content:center;align-items:center;gap:var(--space-1);inline-size:calc(100% - 2 * var(--space-2));min-block-size:var(--touch-target);margin:0 var(--space-2) var(--space-2);padding:0 var(--space-3);border-radius:var(--radius-medium);color:var(--color-title);font:inherit;font-weight:var(--font-weight-strong);cursor:pointer;transition:background-color var(--duration-quick) ease, border-color var(--duration-quick) ease;background:#ffffffb8;border:1px solid #16392f24;display:flex}.book-share:hover{background:var(--color-surface);border-color:#16392f47}.book-share:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.book-share .icon{flex:none;block-size:20px;inline-size:20px}.book-item{container-type:inline-size}@container (width<=12rem){.book-share{padding-inline:var(--space-2);text-wrap:balance;line-height:1.2}.book-share .icon{display:none}}.book-item:has(.book-share) .book-change{inset-block-end:calc(var(--space-3) + var(--touch-target) + var(--space-2))}.change{inline-size:min(40rem, calc(100vw - 2 * var(--gutter)));max-block-size:calc(100dvh - 2 * var(--space-4));border:1px solid var(--glass-edge);border-radius:var(--radius-large);background:var(--color-paper);color:var(--color-ink);padding:0;overflow:auto;box-shadow:inset 0 1px #ffffffe6,0 30px 80px #08281c59}.change::backdrop{background:#0a2c2073}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.change::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}}.change[open]{gap:var(--space-5);padding:var(--space-5);grid-template-columns:minmax(0,14rem) minmax(0,1fr);align-items:center;display:grid}@media (width<=560px){.change[open]{padding:var(--space-4);grid-template-columns:minmax(0,1fr);justify-items:stretch}.change-paper{justify-self:center;inline-size:min(12rem,100%)}}.change-body{gap:var(--space-3);min-inline-size:0;display:grid}.change-body h2{overflow-wrap:anywhere;margin:0;font-size:clamp(1.5rem,1.2rem + 1vw,2rem);line-height:1.15}.change-lead,.change-failed{color:var(--color-muted);margin:0}.change-failed{font-weight:var(--font-weight-strong);color:var(--color-ink)}.change-rename-form{gap:var(--space-3);min-inline-size:0;display:grid}.change-body .change-rename-form .name-field-another{white-space:nowrap}.change-choices{gap:var(--space-2);flex-wrap:wrap;display:flex}.change-rename{--icon-fill:#ffc41680}.change-give{--icon-fill:#ff5c8a59}.change-recolor{--icon-fill:#ffc41673}.change-take-back{--icon-fill:none}.book-waiting,.change-waiting{font-weight:var(--font-weight-strong);color:var(--color-title);--icon-fill:#ff5c8a4d}.book-waiting .icon,.change-waiting .icon,.book-given .book-kind .icon{vertical-align:-.2em;block-size:1.15em;inline-size:1.15em;margin-inline-end:.3em;display:inline-block}.book-given-grid{grid-template-columns:repeat(auto-fill,minmax(7.5rem,1fr))}.book-given .book-card{padding-block-end:var(--space-2)}.book-given .book-name{font-size:1rem}.book-given .book-kind{--icon-fill:#ff5c8a4d}.change-body .actions{margin-block-start:var(--space-2)}.change-body .button{white-space:normal;text-align:start}@media (prefers-reduced-motion:no-preference){.change[open]{animation:change-in var(--duration-gentle) ease-out}}@keyframes change-in{0%{opacity:0;transform:scale(.97)}}@media (prefers-reduced-motion:reduce){.book-change,.book-share{transition:none}}.book-album-head{justify-content:space-between;align-items:baseline;gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}.book-album-count{align-items:center;gap:var(--space-2);font-weight:var(--font-weight-strong);font-variant-numeric:tabular-nums;color:var(--color-muted);margin:0;display:flex}.book-album-meter{border-radius:var(--radius-round);background:#16392f1f;block-size:8px;inline-size:7rem;display:block;overflow:hidden}.book-album-meter i{border-radius:inherit;background:var(--color-title);block-size:100%;display:block}.book-album-complete{padding:var(--space-2) var(--space-3);border-radius:var(--radius-medium);font-weight:var(--font-weight-strong);color:var(--color-ink);background:#fff1c7;margin:0}.book-album-empty .book-paper{background:repeating-linear-gradient(135deg, #16392f08 0 8px, transparent 8px 16px), var(--color-paper);box-shadow:inset 0 0 0 2px #16392f24}.book-album-empty .book-paper img{object-fit:contain;opacity:.5;block-size:100%;inline-size:100%;display:block}.book-album-empty .book-name{color:var(--color-muted)}.book-album-empty .book-kind{font-weight:var(--font-weight-strong);color:var(--color-title)}.book-week-cards{gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));margin:0;padding:0;list-style:none;display:grid}.postcard{gap:var(--space-3);max-inline-size:38rem;margin:0;display:grid}.postcard-picture{aspect-ratio:3/2;border-radius:var(--radius-medium);block-size:auto;inline-size:100%;max-inline-size:100%;transition:opacity var(--duration-gentle) ease-out;background:#fffdf7;display:block;box-shadow:inset 0 0 0 1px #16392f14,0 10px 26px #0c3c2c2e}.postcard-picture[data-drawn=false]{opacity:.6}.book-week-cards>li:nth-child(odd) .postcard-picture{rotate:-.6deg}.book-week-cards>li:nth-child(2n) .postcard-picture{rotate:.5deg}.postcard-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}@media (prefers-reduced-motion:reduce){.postcard-picture{transition:none}}.book-visiting{font-weight:var(--font-weight-strong);color:var(--color-title);--icon-fill:#ffc41673}.book-visiting .icon,.change-away .icon{vertical-align:-.2em;block-size:1.15em;inline-size:1.15em;margin-inline-end:.3em;display:inline-block}.change-away{--icon-fill:#ffc41673}.book-news-cards{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(min(100%,26rem),1fr));display:grid}.change-visit,.change-bring-home{--icon-fill:#ffc41673}.change-note{font-size:var(--font-size-small);color:var(--color-muted);flex-basis:100%;margin:0}.change-souvenirs{gap:var(--space-2);border-block-start:1px solid #16392f1a;padding-block-start:var(--space-3);display:grid}.change-souvenirs h3{color:var(--color-title);margin:0;font-size:1rem}.change-souvenirs ul{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));margin:0;padding:0;list-style:none;display:grid}.change-souvenirs li{gap:var(--space-2);align-items:center;display:flex}.change-souvenir-paper{aspect-ratio:1;background:radial-gradient(circle at 50% 40%,#fffdf6,#fff1c7);border-radius:50%;flex:none;place-items:center;inline-size:3rem;display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #16392f14}.change-souvenir-paper img{object-fit:contain;block-size:86%;inline-size:86%}.change-souvenir-paper .icon{block-size:1.5rem;inline-size:1.5rem}.change-souvenir-words{min-inline-size:0;line-height:1.25;display:grid}.change-souvenir-words strong{color:var(--color-title);overflow-wrap:anywhere}.change-souvenir-words span{font-size:var(--font-size-small);color:var(--color-muted)}.book-stickers{vertical-align:-5px;margin-inline-start:var(--space-2);display:inline-flex}.book-given-item{align-content:start;display:grid}.book-sticker{text-align:center;text-wrap:balance}.book-given-grid:has(.book-sticker){grid-template-columns:repeat(auto-fill,minmax(9rem,1fr))}.book-sticker-news{gap:var(--space-2);padding:var(--space-3) var(--space-3) var(--space-4) var(--space-5);border:1px solid var(--glass-edge);border-radius:var(--radius-large);background:var(--glass-strong);margin-block-end:var(--space-5);display:grid;box-shadow:0 8px 24px #0c3c2c1f}.book-sticker-news-head{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.book-sticker-news h2{color:var(--color-title);margin:0;font-size:1.25rem;line-height:1.25}.book-sticker-news-close{inline-size:var(--touch-target);block-size:var(--touch-target);color:var(--color-muted);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;display:grid}.book-sticker-news-close:hover{background:#16392f14}.book-sticker-news-close:focus-visible{outline:3px solid var(--color-focus);outline-offset:-3px}.book-sticker-news ul{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.book-sticker-news li{align-items:center;gap:var(--space-3);color:var(--color-ink);line-height:1.4;display:flex}.book-sticker-news li .sticker-chips{flex:none}.book-sticker-dialog .change-body{justify-items:center;gap:var(--space-4);display:grid}.book-item[data-arrived] .book-card-link{box-shadow:0 0 0 3px var(--color-news), 0 10px 28px color-mix(in srgb, var(--color-news) 45%, transparent)}@media (prefers-reduced-motion:no-preference){.book-item[data-arrived] .book-card-link{animation:2.6s cubic-bezier(.22,1,.36,1) both book-arrive}.book-item[data-arrived] .book-paper{animation:.9s cubic-bezier(.22,1,.36,1) both book-arrive-paper}}@keyframes book-arrive{0%{box-shadow:0 0 0 0 var(--color-news), 0 0 0 transparent;transform:translateY(-14px)scale(.94)}30%{box-shadow:0 0 0 3px var(--color-news), 0 10px 28px color-mix(in srgb, var(--color-news) 45%, transparent);transform:none}75%{box-shadow:0 0 0 3px var(--color-news), 0 10px 28px color-mix(in srgb, var(--color-news) 45%, transparent)}to{box-shadow:0 0 0 3px #0000,0 0 #0000}}@keyframes book-arrive-paper{0%{transform:rotate(-4deg)}60%{transform:rotate(1.5deg)}to{transform:none}}.book-duet-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),1fr));margin:0;padding:0;list-style:none;display:grid}.book-duet{inline-size:100%;font:inherit;cursor:pointer;background:0 0;border:0;position:relative}.book-duet-papers{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.book-item .book-duet .book-name,.book-item .book-duet .book-kind{padding-inline:var(--space-1)}.book-duet-watch{align-items:center;gap:var(--space-1);color:var(--color-title);font-weight:var(--font-weight-strong);display:inline-flex}.book-duet-watch .icon{block-size:1.25rem;inline-size:1.25rem}.book-duet-new{padding:2px var(--space-2);border-radius:var(--radius-small);background:var(--color-action);color:#fff;font-size:var(--font-size-small);font-weight:var(--font-weight-strong);line-height:1.4;position:absolute;inset-block-start:var(--space-1);inset-inline-end:var(--space-1);box-shadow:0 2px 6px #0c3c2c33}