.onboarding-backdrop{z-index:110;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0000009e;animation:.2s onboarding-fade-in;position:fixed;inset:0}@keyframes onboarding-fade-in{0%{opacity:0}}.onboarding-dialog{z-index:111;background:var(--panel-solid);border:1px solid #ffffff12;border-radius:20px;flex-direction:column;width:min(640px,100vw - 2rem);max-height:calc(100vh - 3rem);animation:.28s cubic-bezier(.22,1,.36,1) onboarding-dialog-in;display:flex;position:fixed;inset:50% auto auto 50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0000001f,0 24px 68px #0000007a}@keyframes onboarding-dialog-in{0%{opacity:0;transform:translate(-50%,-46%)scale(.97)}}.onboarding__image-region{background:#14171a;flex-shrink:0;height:280px;position:relative;overflow:hidden}.onboarding__image{object-fit:cover;width:100%;height:100%;animation:.35s both onboarding-image-in;display:block}@keyframes onboarding-image-in{0%{opacity:0;transform:scale(1.03)}}.onboarding__image-fade{background:linear-gradient(to top, var(--panel-solid), transparent);pointer-events:none;height:40%;position:absolute;inset:auto 0 0}.onboarding__top-bar{padding:var(--space-3) var(--space-4);z-index:2;justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}.onboarding__eyebrow{border-radius:var(--radius-full);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--accent-strong);letter-spacing:.03em;background:#00000070;align-items:center;gap:.35rem;padding:.3rem .65rem;font-size:11px;font-weight:600;display:inline-flex}.onboarding__close{border-radius:var(--radius-full);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#ffffffb3;width:1.75rem;height:1.75rem;transition:background var(--transition-fast), color var(--transition-fast);background:#00000070;border:none;justify-content:center;align-items:center;display:inline-flex}.onboarding__close:hover{color:#fff;background:#000000a3}.onboarding__step-pills{bottom:var(--space-3);z-index:2;gap:.35rem;display:flex;position:absolute;left:50%;transform:translate(-50%)}.onboarding__pill{border-radius:var(--radius-full);letter-spacing:.02em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#ffffff8c;height:1.5rem;transition:background var(--transition-fast), color var(--transition-fast);background:#ffffff1a;border:none;padding:0 .6rem;font-size:11px;font-weight:600}.onboarding__pill:hover{color:#fffc;background:#ffffff2e}.onboarding__pill--active{background:var(--accent);color:var(--ink-inverse)}.onboarding__pill--active:hover{background:var(--accent-strong);color:var(--ink-inverse)}.onboarding__content{padding:var(--space-4) var(--space-5) var(--space-4);gap:var(--space-4);flex-direction:column;display:flex}.onboarding__text{gap:var(--space-2);flex-direction:column;display:flex}.onboarding__heading{letter-spacing:-.035em;color:var(--text);margin:0;font-size:1.35rem;font-weight:700;line-height:1.18}.onboarding__body{font-size:var(--text-sm);color:var(--muted);max-width:52ch;margin:0;line-height:1.6}.onboarding__nav{border-top:1px solid var(--border);padding-top:var(--space-3);justify-content:space-between;align-items:center;display:flex}.onboarding__counter{color:var(--muted);letter-spacing:.06em;font-variant-numeric:tabular-nums;font-size:11px;font-weight:600}.onboarding__nav-buttons{align-items:center;gap:var(--space-2);display:flex}.onboarding__nav-btn{min-width:2rem;height:2rem;padding:0 .6rem}.onboarding__nav-btn--next{padding:0 1rem}@media (width<=600px){.onboarding-dialog{border-radius:16px;width:calc(100vw - 1rem)}.onboarding__image-region{height:200px}.onboarding__content{padding:var(--space-3) var(--space-4) var(--space-3)}.onboarding__heading{font-size:1.15rem}.onboarding__nav-buttons{gap:var(--space-1)}}.library{background:var(--bg);flex-direction:column;height:100svh;display:flex;overflow:hidden}.library__header-actions{align-items:center;gap:var(--space-2);display:flex}.library__header{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border);background:var(--panel-muted);view-transition-name:top-bar;flex-shrink:0;display:flex}.library__title{font-size:var(--text-xl);letter-spacing:-.03em;margin:0;font-weight:700}.library__subtitle{margin:var(--space-1) 0 0;font-size:var(--text-xs);color:var(--muted)}.library__upload input[type=file]{display:none}.library__empty{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-5);text-align:center;color:var(--muted);flex-direction:column;flex:1;display:flex}.library__empty-icon{opacity:.3;margin-bottom:var(--space-2)}.library__empty h2{color:var(--text);font-size:var(--text-lg);margin:0}.library__empty p{max-width:28ch;margin:0;line-height:1.5}.library__empty .btn{margin-top:var(--space-2)}.library__empty input[type=file]{display:none}.library__grid{padding:var(--space-5);gap:var(--space-3);view-transition-name:library-content;flex:1;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));align-content:start;display:grid;overflow-y:auto}.library__empty{view-transition-name:library-content}.library__card{border-radius:var(--radius-xs);transition:box-shadow var(--transition-fast), transform var(--transition-fast);position:relative;overflow:hidden}.library__card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.library__card--new{animation:.5s cubic-bezier(.22,1,.36,1) both card-pop-in}.library__card--transitioning .pdf-thumbnail{view-transition-name:pdf-hero}@keyframes card-pop-in{0%{opacity:0;transform:scale(.82)translateY(20px)}50%{opacity:1}75%{transform:scale(1.03)translateY(-3px)}to{transform:scale(1)translateY(0)}}.library__card-link{background:var(--panel-inset);width:100%;color:var(--text);cursor:pointer;text-align:left;aspect-ratio:3/4;border:none;flex-direction:column;padding:0;display:flex;position:relative;overflow:hidden}.library__card-link:focus-visible{outline:2px solid var(--accent-focus);outline-offset:-2px;border-radius:var(--radius-xs)}.library__card-thumb{padding:var(--space-3);flex:1;justify-content:center;align-items:center;display:flex;overflow:hidden}.pdf-thumbnail{max-width:100%;max-height:100%;box-shadow:var(--shadow-card);opacity:0;border-radius:3px;transition:opacity .3s}.pdf-thumbnail--loaded{opacity:1}.library__card-overlay{padding:2rem var(--space-3) var(--space-3);pointer-events:none;background:linear-gradient(#0000 0%,#00000061 40%,#000000b8 100%);flex-direction:column;gap:1px;display:flex;position:absolute;bottom:0;left:0;right:0}.library__card-name{font-size:var(--text-sm);white-space:nowrap;text-overflow:ellipsis;color:#fff;font-weight:600;line-height:1.3;overflow:hidden}.library__card-meta{font-size:var(--text-xs);color:#ffffffa6;flex-wrap:wrap;align-items:center;gap:4px 8px;line-height:1.3;display:flex}.library__card-meta-item{font-variant-numeric:tabular-nums;align-items:center;gap:4px;display:inline-flex}.library__card-meta-item--on{color:#9ec1f7}.library__card-meta-item--off{color:#f5c36b}.library__card-delete{top:var(--space-2);right:var(--space-2);border-radius:var(--radius-xs);color:#ffffffb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;width:1.5rem;height:1.5rem;transition:opacity var(--transition-fast), background var(--transition-fast), color var(--transition-fast);background:#00000080;border:none;justify-content:center;align-items:center;display:flex;position:absolute}.library__card:hover .library__card-delete,.library__card-delete:focus-visible{opacity:1}.library__card-delete:hover{color:#fff;background:#f44336d9}.library__card-delete--confirm{opacity:1;width:auto;padding:0 var(--space-3);color:#fff;font-size:var(--text-xs);border-radius:var(--radius-full);background:#f44336;font-weight:600}.library__card-delete--confirm:hover{color:#fff;background:#d32f2f}.library__card-sync-toggle{right:var(--space-2);bottom:var(--space-2);cursor:pointer;border-radius:var(--radius-xs);opacity:0;width:5rem;height:1.25rem;transition:opacity var(--transition-fast);background:0 0;border:none;position:absolute}.library__card:hover .library__card-sync-toggle,.library__card-sync-toggle:focus-visible{opacity:1;outline-offset:-1px;outline:1px solid #ffffff40}.library--dragging:after{content:"";z-index:100;border:2px dashed var(--accent);border-radius:var(--radius-sm);margin:var(--space-3);pointer-events:none;background:#8ab4f80f;animation:.15s dropzone-in;position:fixed;inset:0}@keyframes dropzone-in{0%{opacity:0}}@media (hover:none){.library__card-delete,.library__card-sync-toggle{opacity:1}.library__card-sync-toggle{outline-offset:-1px;outline:1px solid #fff3}.library__card:hover{transform:none}}@media (width<=600px){.library__header{padding:var(--space-3);gap:var(--space-2)}.library__title{font-size:var(--text-lg)}.library__header-actions{gap:var(--space-1)}.library__header-actions .btn{height:2.25rem}.library__grid{padding:var(--space-3);gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}@media (width<=380px){.library__grid{grid-template-columns:repeat(2,1fr)}}