@layer components{.library-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr));gap:18px;display:grid}.study-card{border:1px solid var(--vz-line);border-radius:var(--vz-radius-panel);background:var(--vz-surface);transition:border-color var(--vz-duration-fast) ease-out, transform var(--vz-duration-fast) var(--vz-ease-out);align-content:start;gap:10px;padding:10px 10px 12px;display:grid;position:relative}.study-card:hover{border-color:var(--vz-line-strong)}.study-card:has(.study-card-picture:hover){transform:translateY(-2px)}.study-card-picture{border-radius:12px;display:block;position:relative}.study-card-source{aspect-ratio:1;object-fit:contain;width:38%;box-shadow:0 0 0 1px var(--vz-line-strong), var(--vz-lift-2);background:#fff;border-radius:6px;padding:3px;position:absolute;bottom:-4px;right:-4px;transform:rotate(4deg)}.study-card-title{font:700 15px/1.3 var(--vz-font-body);letter-spacing:0;overflow-wrap:anywhere}.study-card-title a{color:var(--vz-ink);text-decoration:none}.study-card-title a:hover{text-decoration:underline}.study-card-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.study-card-actions[data-floating]{opacity:0;transition:opacity var(--vz-duration-fast) ease-out;position:absolute;top:14px;right:14px}.study-card:hover .study-card-actions,.study-card:focus-within .study-card-actions{opacity:1}.study-card-actions .vz-button[data-icon-only]{background:var(--vz-surface)}@media (hover:none){.study-card-actions[data-floating]{opacity:1}}.study-card-skeleton{aspect-ratio:.8;border-radius:var(--vz-radius-panel);background:linear-gradient(100deg, var(--vz-surface-2) 30%, var(--vz-surface) 50%, var(--vz-surface-2) 70%) 0 0 / 300% 100%;animation:1.4s ease-in-out infinite library-shimmer}@keyframes library-shimmer{to{background-position:-100% 0}}.library-search{flex:280px;max-width:460px;position:relative}.library-search svg{width:17px;height:17px;color:var(--vz-ink-3);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.library-search .vz-input{padding-left:38px}.study-header{gap:8px;display:grid}.study-back{width:fit-content;color:var(--vz-ink-2);font:600 14px var(--vz-font-body);align-items:center;gap:4px;text-decoration:none;display:inline-flex}.study-back:hover{color:var(--vz-ink)}.study-back svg{width:15px;height:15px}.study-title-input{min-width:0;color:var(--vz-ink);font:800 clamp(26px, 3vw, 36px)/1.15 var(--vz-font-display);letter-spacing:-.02em;background:0 0;border:2px solid #0000;border-radius:12px;flex:320px;margin-left:-8px;padding:2px 8px}.study-title-input:hover{border-color:var(--vz-line)}.study-title-input:focus-visible{border-color:var(--vz-ink-3);outline-offset:2px;background:var(--vz-surface)}.study-notes{resize:vertical;min-height:110px;line-height:1.55}.book-shelf{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.book-card{border:1px solid var(--vz-line);border-radius:var(--vz-radius-panel);background:var(--vz-surface);transition:border-color var(--vz-duration-fast) ease-out;grid-template-columns:92px minmax(0,1fr);gap:14px;padding:12px;display:grid}.book-card:hover{border-color:var(--vz-line-strong)}.book-card-cover{align-self:start;display:block}.book-card-body{align-content:start;gap:6px;min-width:0;display:grid}.book-card-title{font:700 15px/1.3 var(--vz-font-body);letter-spacing:0;overflow-wrap:anywhere}.book-card-title a{color:var(--vz-ink);text-decoration:none}.book-card-title a:hover{text-decoration:underline}.book-card-meta{color:var(--vz-ink-2);font-variant-numeric:tabular-nums;font-size:13px}.book-card-saved{color:var(--vz-ink-3);font-size:12.5px}.book-progress{background:var(--vz-surface-3);border-radius:99px;height:4px;overflow:hidden}.book-progress span{border-radius:inherit;background:var(--vz-ink);height:100%;display:block}.book-cover{aspect-ratio:3/4;object-fit:cover;object-position:top;width:100%;box-shadow:0 0 0 1px var(--vz-line-strong), var(--vz-lift-2);background:#fff;border-radius:4px;display:block}.book-cover-blank{color:#f4f4f5;font:700 12px/1.25 var(--vz-font-display);overflow-wrap:anywhere;background:repeating-linear-gradient(45deg,#ffffff0d 0 1px,#0000 1px 6px),#18191c;align-content:end;padding:10px;display:grid;overflow:hidden}.book-cover-blank span{-webkit-line-clamp:5;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.book-hero{grid-template-columns:150px minmax(0,1fr);align-items:start;gap:24px;display:grid}.book-hero-cover{transform:rotate(-2deg)}@media (width<=560px){.book-hero{grid-template-columns:96px minmax(0,1fr);gap:16px}}.book-hero-skeleton{border-radius:var(--vz-radius-panel);background:var(--vz-surface-2);height:220px}.snapbook{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.snap-card{border:1px solid var(--vz-line);border-radius:var(--vz-radius-panel);background:var(--vz-surface);align-content:start;gap:10px;padding:10px 10px 12px;display:grid}.snap-card-picture{aspect-ratio:1;box-shadow:inset 0 0 0 1px var(--vz-line);background:#fff;border-radius:10px;place-items:center;padding:10px;display:grid;position:relative}.snap-card-picture>img,.snap-card-picture>.vz-board-thumb{object-fit:contain;width:100%;height:100%}.snap-card-map{filter:drop-shadow(0 1px 2px #0003);width:30px;position:absolute;bottom:8px;right:8px}.page-map-sheet{fill:#fff;stroke:var(--vz-line-strong);stroke-width:1px}.page-map-box{fill:#ffb22473;stroke:var(--vz-marigold);stroke-width:1px}.snap-card-body{gap:4px;padding-inline:2px;display:grid}.snap-card-place{color:var(--vz-ink-3);font:650 12px/1.3 var(--vz-font-body);font-variant-numeric:tabular-nums}.snap-card-title{font:700 14.5px/1.3 var(--vz-font-body);letter-spacing:0;overflow-wrap:anywhere}.snap-card-title a{color:var(--vz-ink);text-decoration:none}.snap-card-title a:hover{text-decoration:underline}.snap-card-body>.vz-button{margin-top:4px}}