.book-stats li{align-items:flex-start;justify-content:space-between;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.book-stats li:last-child{padding-bottom:0;border-bottom:none}.book-stats span{color:var(--muted-foreground)}.book-stats strong{color:var(--foreground);font-family:var(--font-mono);font-size:1.35rem;line-height:1}.kindle-stage{--books-ease: cubic-bezier(.22, 1, .36, 1);--books-ease-expo: cubic-bezier(.16, 1, .3, 1);display:flex;justify-content:center;width:100%;perspective:1200px}.kindle-device{position:relative;width:min(100%,760px);min-height:720px;padding:3.25rem 2.25rem 2rem;border:1px solid color-mix(in oklch,var(--border),var(--foreground) 20%);border-radius:2rem;background:linear-gradient(145deg,rgb(var(--foreground-rgb) / .08),transparent 32%),color-mix(in oklch,var(--card),var(--background) 46%);box-shadow:var(--shadow-xl),inset 0 0 0 1px rgb(var(--foreground-rgb) / .04);color:var(--foreground);transform-origin:50% 70%;animation:kindle-device-in .68s var(--books-ease-expo) both;transition:transform .32s var(--books-ease),box-shadow .32s var(--books-ease),background-color .2s ease}html[data-theme=dark] .kindle-device{background:linear-gradient(145deg,rgb(var(--primary-rgb) / .08),transparent 34%),color-mix(in oklch,var(--card),black 18%);box-shadow:0 28px 70px #00000052,inset 0 0 0 1px rgb(var(--foreground-rgb) / .05)}@media(hover:hover){.kindle-device:hover{transform:translateY(-.22rem) rotateX(.8deg);box-shadow:0 26px 64px rgb(var(--foreground-rgb) / .16),inset 0 0 0 1px rgb(var(--foreground-rgb) / .04)}html[data-theme=dark] .kindle-device:hover{box-shadow:0 34px 86px #0000006b,0 0 32px rgb(var(--primary-rgb) / .1),inset 0 0 0 1px rgb(var(--foreground-rgb) / .05)}}.kindle-speaker{width:4.75rem;height:.28rem;margin:-1.55rem auto 1.35rem;border-radius:999px;background:color-mix(in oklch,var(--border),var(--foreground) 28%);opacity:.72}.kindle-screen{position:relative;overflow:hidden;min-height:570px;padding:clamp(1rem,3vw,2rem);border:1px solid var(--border);border-radius:.55rem;background:radial-gradient(circle at 18% 8%,rgb(var(--primary-rgb) / .08),transparent 28%),linear-gradient(180deg,color-mix(in oklch,var(--background),var(--card) 44%),color-mix(in oklch,var(--muted),var(--background) 70%));box-shadow:inset 0 1px 10px rgb(var(--foreground-rgb) / .06),inset 0 0 0 1px rgb(var(--foreground-rgb) / .03)}.kindle-screen:before{position:absolute;inset:-42% -16%;z-index:0;content:"";background:linear-gradient(180deg,transparent 0%,rgb(var(--primary-rgb) / .02) 42%,rgb(var(--primary-rgb) / .13) 49%,rgb(var(--foreground-rgb) / .06) 52%,transparent 62%);pointer-events:none;transform:translateY(-56%);animation:kindle-screen-scan 4.8s var(--books-ease) .7s infinite}.kindle-screen:after{position:absolute;inset:0;z-index:0;content:"";background-image:repeating-linear-gradient(0deg,rgb(var(--foreground-rgb) / .055) 0,rgb(var(--foreground-rgb) / .055) 1px,transparent 1px,transparent 5px),radial-gradient(circle at 78% 12%,rgb(var(--primary-rgb) / .09),transparent 28%);opacity:.48;pointer-events:none}.kindle-screen>*{position:relative;z-index:1}.kindle-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border);animation:kindle-content-in .52s var(--books-ease) .12s both}.kindle-kicker{margin:0 0 .35rem;color:var(--muted-foreground);font-family:var(--font-mono);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}.kindle-toolbar h1{margin:0;font-size:clamp(1.8rem,5vw,3.15rem);line-height:1}.kindle-status{display:flex;gap:.22rem;align-items:end;padding-top:.25rem}.kindle-status span{display:block;width:.28rem;border-radius:999px;background:var(--primary);transform-origin:50% 100%;animation:kindle-status-pulse 1.7s var(--books-ease) infinite}.kindle-status span:nth-child(1){height:.55rem;opacity:.5;animation-delay:0ms}.kindle-status span:nth-child(2){height:.82rem;opacity:.72;animation-delay:.12s}.kindle-status span:nth-child(3){height:1.1rem;animation-delay:.24s}.kindle-tabs{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin:1rem 0;padding:.28rem;border:1px solid var(--border);border-radius:var(--radius);background:color-mix(in oklch,var(--muted),transparent 22%);overflow:hidden;isolation:isolate;animation:kindle-content-in .52s var(--books-ease) .21s both}.kindle-tabs:before{position:absolute;top:.28rem;bottom:.28rem;left:.28rem;z-index:1;width:calc((100% - 1.06rem)/2);border-radius:calc(var(--radius) * .75);content:"";background:linear-gradient(135deg,rgb(var(--foreground-rgb) / .08),transparent 48%),var(--primary);box-shadow:0 8px 24px rgb(var(--primary-rgb) / .22),inset 0 1px #ffffff2e;transform:translate(0);transition:transform .28s var(--books-ease)}.kindle-tabs[data-active=want]:before{transform:translate(calc(100% + .5rem))}.kindle-tab{position:relative;z-index:2;min-width:0;padding:.72rem .5rem;border-radius:calc(var(--radius) * .75);color:var(--muted-foreground);cursor:pointer;transition:background-color .2s ease,box-shadow .2s ease,color .2s ease,text-shadow .2s ease,transform .2s var(--books-ease)}.kindle-tab:hover,.kindle-tab:focus-visible{color:var(--foreground);outline:none}.kindle-tab:hover{transform:translateY(-1px)}.kindle-tab:focus-visible{box-shadow:0 0 0 2px var(--ring)}.kindle-tab.is-active{background:var(--primary);box-shadow:0 8px 24px rgb(var(--primary-rgb) / .22),inset 0 1px #ffffff2e;color:var(--primary-foreground);text-shadow:0 1px 10px rgb(var(--foreground-rgb) / .16)}.kindle-panel[hidden]{display:none}.kindle-panels{animation:kindle-content-in .52s var(--books-ease) .3s both}.kindle-panel.is-active{animation:kindle-panel-in .26s var(--books-ease) both}.shelf-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.85rem;color:var(--muted-foreground);font-family:var(--font-mono);font-size:.82rem;text-transform:uppercase}.shelf-heading strong{color:var(--foreground);font-weight:600}.book-list{display:flex;flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none}.book-item{position:relative;display:grid;grid-template-columns:4.25rem minmax(0,1fr);gap:1rem;padding:.85rem;border:1px solid var(--border);border-radius:var(--radius);background:rgb(var(--background-rgb) / .36);overflow:hidden;transform:translateY(0);animation:book-item-in .44s var(--books-ease) both;animation-delay:calc(.36s + (var(--book-index) * 80ms));transition:transform .22s var(--books-ease),border-color .22s ease,background-color .22s ease,box-shadow .22s ease}.book-item:before{position:absolute;inset:0;content:"";background:linear-gradient(120deg,transparent 0%,rgb(var(--primary-rgb) / .08) 46%,transparent 74%);opacity:0;pointer-events:none;transition:opacity .22s ease}.book-item:hover,.book-item:focus-within{border-color:color-mix(in oklch,var(--primary),var(--border) 28%);background:rgb(var(--background-rgb) / .52);box-shadow:0 16px 34px rgb(var(--foreground-rgb) / .08);transform:translateY(-.18rem)}.book-item:hover:before,.book-item:focus-within:before{opacity:1}.book-cover{position:relative;display:grid;place-items:center;aspect-ratio:3 / 4;border:1px solid color-mix(in oklch,var(--primary),var(--border) 46%);border-radius:calc(var(--radius) * .7);background:linear-gradient(145deg,rgb(var(--primary-rgb) / .16),transparent 58%),var(--secondary);color:var(--secondary-foreground);box-shadow:var(--shadow-sm);overflow:hidden;transform:translateZ(0);transition:transform .26s var(--books-ease),box-shadow .26s ease}.book-cover:after{position:absolute;inset:-22% -55%;content:"";background:linear-gradient(100deg,transparent 35%,rgb(255 255 255 / .4) 50%,transparent 64%);opacity:.75;transform:translate(-78%) rotate(12deg);transition:transform .48s var(--books-ease)}.book-item:hover .book-cover,.book-item:focus-within .book-cover{box-shadow:0 10px 22px rgb(var(--primary-rgb) / .18);transform:translateY(-.1rem) rotate(-1.5deg)}.book-item:hover .book-cover:after,.book-item:focus-within .book-cover:after{transform:translate(78%) rotate(12deg)}.book-cover span{position:relative;z-index:1;font-family:var(--font-serif);font-size:1.7rem;font-weight:700}.book-copy{min-width:0}.book-copy h2{margin:0;font-size:1.12rem;line-height:1.25}.book-copy h2 a{color:var(--foreground);transition:color .18s ease,text-shadow .18s ease}.book-copy h2 a:hover,.book-copy h2 a:focus-visible{color:var(--link-hover);text-shadow:0 0 18px rgb(var(--primary-rgb) / .16)}.book-meta{display:flex;flex-wrap:wrap;gap:.4rem;margin:.4rem 0 0;color:var(--muted-foreground);font-family:var(--font-mono);font-size:.82rem}.book-note{margin:.72rem 0 0;color:var(--foreground);line-height:1.55}.kindle-empty{position:relative;display:grid;place-items:center;min-height:17rem;padding:2rem;border:1px dashed var(--border);border-radius:var(--radius);color:var(--muted-foreground);text-align:center;overflow:hidden}.kindle-empty:before{position:absolute;inset:1px;content:"";background:radial-gradient(circle at 50% 32%,rgb(var(--primary-rgb) / .12),transparent 42%);opacity:.78;pointer-events:none}.kindle-empty>*{position:relative;z-index:1}.kindle-empty .glow-icon{animation:kindle-empty-float 2.8s var(--books-ease) infinite}.kindle-empty p{margin:.85rem 0 0}.kindle-logo{margin-top:1.1rem;color:color-mix(in oklch,var(--muted-foreground),transparent 30%);font-family:var(--font-sans);font-size:.95rem;font-weight:700;letter-spacing:.04em;text-align:center}@media screen and (max-width:640px){.kindle-device{min-height:0;padding:2.55rem .72rem 1.05rem;border-radius:1.25rem}.kindle-screen{min-height:560px;padding:1rem}.kindle-toolbar{align-items:flex-start}.book-item{grid-template-columns:3.45rem minmax(0,1fr);gap:.75rem;padding:.72rem}.book-cover span{font-size:1.35rem}}@media(prefers-reduced-motion:reduce){.kindle-device,.kindle-toolbar,.kindle-tabs,.kindle-panels,.kindle-panel.is-active,.book-item,.kindle-status span,.kindle-empty .glow-icon,.kindle-screen:before{animation:none!important}.kindle-device,.kindle-tabs:before,.kindle-tab,.book-item,.book-cover,.book-cover:after,.book-copy h2 a{transition-duration:.01ms!important}.kindle-device:hover,.book-item:hover,.book-item:focus-within,.book-item:hover .book-cover,.book-item:focus-within .book-cover{transform:none}}@keyframes kindle-device-in{0%{opacity:0;transform:translateY(1.4rem) rotateX(3deg) scale(.985)}to{opacity:1;transform:translateY(0) rotateX(0) scale(1)}}@keyframes kindle-content-in{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes kindle-screen-scan{0%,58%{opacity:0;transform:translateY(-56%)}66%{opacity:1}86%,to{opacity:0;transform:translateY(56%)}}@keyframes kindle-status-pulse{0%,to{transform:scaleY(.72)}45%{transform:scaleY(1)}}@keyframes kindle-panel-in{0%{opacity:0;transform:translateY(.35rem)}to{opacity:1;transform:translateY(0)}}@keyframes book-item-in{0%{opacity:0;transform:translateY(.65rem)}to{opacity:1;transform:translateY(0)}}@keyframes kindle-empty-float{0%,to{transform:translateY(0)}50%{transform:translateY(-.38rem)}}
