:root{--pink: #ff5d8f;--yellow: #ffd83d;--teal: #4ecdc4;--purple: #7c5cff;--orange: #ff8c42;--green: #5ec269;--ink: #2b2350;--paper: #fffdf7;--card-radius: 22px;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:Fredoka,Trebuchet MS,Segoe UI,system-ui,sans-serif;color:var(--ink);background:linear-gradient(160deg,#fff6d6,#ffe9f2 45%,#e2f7ff);background-attachment:fixed;overflow-x:hidden;-webkit-font-smoothing:antialiased}.app{position:relative;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;padding:clamp(16px,3vw,32px)}.blobs{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden;filter:blur(60px);opacity:.55}.blob{position:absolute;width:42vmax;height:42vmax;border-radius:50%;animation:drift 22s ease-in-out infinite}.blob--1{background:var(--pink);top:-14vmax;left:-10vmax}.blob--2{background:var(--teal);bottom:-18vmax;right:-12vmax;animation-delay:-7s}.blob--3{background:var(--yellow);top:32%;left:45%;animation-delay:-14s}@keyframes drift{0%,to{transform:translate(0) scale(1)}33%{transform:translate(6vw,-5vh) scale(1.12)}66%{transform:translate(-5vw,6vh) scale(.92)}}.flash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;pointer-events:none;background:radial-gradient(circle at 50% 40%,#fff,#fff0 65%);opacity:0;transition:opacity .35s ease-out}.flash--on{opacity:.85;transition:opacity .06s ease-in}.header{position:relative;z-index:1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:clamp(12px,2vw,24px)}.logo{display:flex;align-items:center;gap:12px;margin:0;font-size:clamp(28px,5vw,52px);font-weight:700;letter-spacing:-.02em;color:var(--ink);text-shadow:3px 3px 0 #fff}.logo__emoji{display:inline-block;font-size:1.1em;animation:wiggle 3s ease-in-out infinite}@keyframes wiggle{0%,to{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}.counter{padding:10px 22px;border-radius:999px;background:var(--yellow);border:4px solid #fff;box-shadow:0 6px #2b235029;font-size:clamp(18px,3vw,28px);font-weight:700;white-space:nowrap;transition:transform .25s cubic-bezier(.34,1.8,.64,1)}.counter--pop{transform:scale(1.22) rotate(-3deg)}.hero{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px}.hero__scanner{position:relative;margin-bottom:12px}.hero__book{font-size:clamp(80px,18vw,170px);animation:bob 2.2s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-22px) rotate(4deg)}}.hero__beam{position:absolute;left:50%;top:50%;width:clamp(140px,30vw,280px);height:8px;border-radius:999px;background:var(--pink);box-shadow:0 0 24px 6px #ff5d8fb3;transform:translate(-50%,-50%);animation:sweep 2s ease-in-out infinite}@keyframes sweep{0%,to{transform:translate(-50%,-110%);opacity:.25}50%{transform:translate(-50%,10%);opacity:1}}.hero__title{margin:0;font-size:clamp(34px,8vw,76px);font-weight:700;color:var(--purple);text-shadow:4px 4px 0 #fff;animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.hero__hint{margin:0;font-size:clamp(16px,2.6vw,24px);opacity:.7}.shelf{position:relative;z-index:1;flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(130px,20vw,200px),1fr));gap:clamp(14px,2.5vw,28px);align-content:start;padding-bottom:16px}.card{display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:var(--card-radius);background:var(--paper);border:4px solid #fff;box-shadow:0 10px #2b23501a,0 18px 40px #2b235024;animation:pop-in .55s cubic-bezier(.34,1.56,.64,1) backwards;transform:rotate(var(--tilt, 0deg));transition:transform .25s ease,box-shadow .25s ease}.card:hover{transform:rotate(0) translateY(-8px) scale(1.04);box-shadow:0 16px #2b23501a,0 26px 50px #2b235033}@keyframes pop-in{0%{opacity:0;transform:scale(.3) rotate(calc(var(--tilt, 0deg) - 18deg))}60%{opacity:1;transform:scale(1.08) rotate(calc(var(--tilt, 0deg) + 4deg))}to{opacity:1;transform:scale(1) rotate(var(--tilt, 0deg))}}.card__cover{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:2 / 3;border-radius:14px;overflow:hidden;background:color-mix(in srgb,var(--accent, var(--teal)) 22%,#fff)}.card__image{width:100%;height:100%;object-fit:cover;animation:fade-in .4s ease backwards}@keyframes fade-in{0%{opacity:0;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}.cover-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:100%;height:100%;background:var(--accent, var(--teal));color:#fff}.cover-fallback--sad{background:color-mix(in srgb,var(--accent, var(--teal)) 45%,#fff)}.cover-fallback__emoji{font-size:clamp(34px,7vw,56px)}.cover-fallback__letter{font-size:clamp(30px,6vw,52px);font-weight:700;line-height:1}.card__text{text-align:center;padding:0 2px 4px}.card__title{margin:0;font-size:clamp(14px,1.7vw,18px);font-weight:600;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card__author{margin:4px 0 0;font-size:clamp(12px,1.4vw,15px);font-weight:400;opacity:.6;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.card--missing,.card--error{background:color-mix(in srgb,var(--accent, var(--teal)) 12%,var(--paper))}.card--loading{animation:pop-in .55s cubic-bezier(.34,1.56,.64,1) backwards,breathe 1.4s ease-in-out .55s infinite}@keyframes breathe{0%,to{opacity:1}50%{opacity:.72}}.loader{display:flex;gap:8px}.loader__dot{width:12px;height:12px;border-radius:50%;background:var(--accent, var(--teal));animation:hop .9s ease-in-out infinite}.loader__dot:nth-child(2){animation-delay:.15s}.loader__dot:nth-child(3){animation-delay:.3s}@keyframes hop{0%,to{transform:translateY(0);opacity:.5}50%{transform:translateY(-12px);opacity:1}}.confetti-piece{position:fixed;z-index:50;width:12px;height:12px;border-radius:3px;pointer-events:none;will-change:transform,opacity}.footer{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:8px;margin:8px 0 0}.footer__message{margin:0;text-align:center;font-size:clamp(14px,2vw,20px);opacity:.55}.isbn-form{display:flex;align-items:center;gap:4px;padding:3px 5px 3px 15px;border-radius:999px;border:2px dashed rgba(43,35,80,.2);background:#ffffff73;opacity:.45;transition:opacity .2s ease,background .2s ease,border-color .2s ease}.isbn-form:hover,.isbn-form:focus-within{opacity:1;border-style:solid;border-color:#7c5cff73;background:#ffffffe6}.isbn-input{width:148px;padding:7px 0;border:0;outline:none;background:transparent;font-family:inherit;font-size:15px;font-weight:500;color:var(--ink);transition:width .2s ease}.isbn-form:focus-within .isbn-input{width:186px}.isbn-input::placeholder{color:#2b235080;font-weight:400}.isbn-go{display:grid;place-items:center;width:30px;height:30px;flex:none;padding:0;border:0;border-radius:50%;background:var(--purple);color:#fff;font-family:inherit;font-size:17px;line-height:1;cursor:pointer;animation:pop-in .25s cubic-bezier(.34,1.56,.64,1) backwards;transition:transform .15s ease}.isbn-go:hover{transform:scale(1.12)}.isbn-form--rejected{border-style:solid;border-color:var(--pink);animation:shake .4s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}