@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}.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-outline);outline-offset:2px;background:var(--vz-surface)}.study-notes{resize:vertical;min-height:110px;line-height:1.55}}