:root{--pink: #ffd6e8;--pink-deep: #ff8fc0;--ink: #3a2c3a;--paper: #fffafc;--accent: #6c5ce7;font-family:Comic Sans MS,"Baloo 2",system-ui,sans-serif;color:var(--ink)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:linear-gradient(160deg,var(--pink) 0%,var(--paper) 60%);min-height:100vh}button{font-family:inherit;cursor:pointer}.shelf{max-width:1000px;margin:0 auto;padding:2rem 1rem 4rem}.shelf__header{text-align:center;margin-bottom:2rem}.shelf__title{font-size:clamp(2rem,6vw,3.5rem);margin:0;color:var(--accent)}.shelf__subtitle{font-size:1.2rem;margin:.25rem 0 0}.shelf__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1.5rem}.shelf__empty{text-align:center;font-size:1.2rem}.book-card{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:inherit;background:#fff;border-radius:16px;padding:.75rem;box-shadow:0 6px 18px #6c5ce72e;transition:transform .15s ease,box-shadow .15s ease}.book-card:hover,.book-card:focus-visible{transform:translateY(-4px) rotate(-1deg);box-shadow:0 10px 24px #6c5ce747}.book-card__cover{width:100%;aspect-ratio:3 / 4;overflow:hidden;border-radius:10px;background:var(--pink)}.book-card__cover img{width:100%;height:100%;object-fit:cover;display:block}.book-card__title{font-weight:700;margin-top:.5rem;text-align:center}.book-card__author{font-size:.85rem;opacity:.7}.reader{max-width:900px;margin:0 auto;padding:1rem 1rem 3rem;display:flex;flex-direction:column;min-height:100vh}.reader__bar{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;justify-content:space-between}.reader__back{text-decoration:none;color:var(--accent);font-weight:700}.reader__title{font-size:1.5rem;margin:0;flex:1;text-align:center}.read-aloud{display:inline-flex;align-items:center;gap:.4rem;border:none;background:var(--accent);color:#fff;font-weight:700;font-size:1rem;padding:.6rem 1.1rem;border-radius:999px;box-shadow:0 4px 12px #6c5ce759}.read-aloud[aria-pressed=true]{background:var(--pink-deep)}.viewer{flex:1;display:flex;align-items:center;gap:.5rem;margin:1rem 0;min-height:0}.viewer__page{flex:1;margin:0;display:flex;flex-direction:column;align-items:center}.viewer__page img{max-width:100%;max-height:70vh}.viewer__caption{margin-top:.75rem;font-size:1.15rem;text-align:center;max-width:36ch}.viewer__arrow{flex:0 0 auto;width:56px;height:56px;border-radius:50%;border:none;background:#fff;color:var(--accent);font-size:2rem;line-height:1;box-shadow:0 4px 12px #00000026}.viewer__arrow:disabled{opacity:.3;cursor:default}.reader__footer{display:flex;flex-direction:column;align-items:center;gap:.5rem}.dots{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.dots__dot{width:16px;height:16px;border-radius:50%;border:2px solid var(--accent);background:transparent;padding:0}.dots__dot--active{background:var(--accent)}.reader__count{font-size:.9rem;opacity:.7}.reader__dev{margin-top:1.5rem;padding-top:1rem;border-top:1px dashed rgba(0,0,0,.15);display:flex;flex-direction:column;align-items:center;gap:.75rem}.record-toggle{border:2px dashed var(--accent);background:transparent;color:var(--accent);font-weight:700;padding:.4rem .9rem;border-radius:999px}.record-panel{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.6rem;padding:.75rem 1rem;background:#6c5ce714;border-radius:12px}.record-panel__label{font-weight:700;color:var(--pink-deep)}.record-panel__btn{border:none;background:var(--accent);color:#fff;font-weight:700;padding:.45rem .9rem;border-radius:999px}.record-panel__btn--stop{background:var(--pink-deep)}.record-panel__btn--save{background:#2e9e5b}.record-panel__btn:disabled{opacity:.5}.record-panel__audio{height:36px}.record-panel__error{color:#c0392b;font-size:.9rem}.notfound{max-width:600px;margin:4rem auto;text-align:center;padding:1rem}.notfound__home{display:inline-block;margin-top:1rem;color:var(--accent);font-weight:700}