:root{--surface-01:#fff;--surface-02:#f9f8f6;--surface-03:#e9e7e3;--border-decorative:#e9e7e3;--text-primary:#000;--text-secondary:#383838;--text-tertiary:#666565;--border-secondary:#948f8f;--primary-50:#e4e8fe;--primary-400:#5151ff;--primary-500:#3327ec;--primary-600:#2027c2;--highlight:#fff3bf;--complete-100:#f3ccf6;--color-bg:var(--surface-01);--color-surface:var(--surface-02);--color-text:var(--text-primary);--color-text-muted:var(--text-tertiary);--color-primary:var(--primary-500);--color-primary-contrast:#fff;--color-border:var(--border-decorative);--font-sans:"Inter", system-ui, -apple-system, sans-serif;--text-xs:12px;--text-sm:14px;--text-md:16px;--text-lg:20px;--text-xl:28px;--weight-regular:400;--weight-medium:500;--weight-bold:700;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--ease-figma:cubic-bezier(.2, 0, 0, 1);--duration-fast:.15s;--ease-add:cubic-bezier(.16, 1, .3, 1);--duration-add:.3s;--shadow-card:0 1px 3px #00000014;--shadow-01dp:0 2px 6px #4e4e4e0a, 0 2px 6px #90300714;--shadow-03dp:0 4px 7px #4e4e4e14, 0 2px 7px #90300714;--shadow-04dp:0 4px 7px #4e4e4e1a, 0 3px 7px #90300714}*,:before,:after{box-sizing:border-box}*{margin:0}html,body{height:100%}body{font-family:var(--font-sans);font-size:var(--text-md);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;line-height:1.5}img,svg{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit}.screen{max-width:1200px;padding:var(--space-8) var(--space-4);margin:0 auto}.btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-primary-contrast);font-weight:var(--weight-medium);cursor:pointer;border:0;text-decoration:none;display:inline-flex}.btn--secondary{background:var(--color-surface);color:var(--color-text)}.layout{min-height:100vh;display:flex}.layout__main{flex:1;min-width:0}.layout__content{width:100%;max-width:1200px;padding-bottom:var(--space-8);margin:0 auto}.sidenav{background:var(--surface-01);border-right:1px solid var(--border-decorative);width:240px;height:100vh;box-shadow:var(--shadow-04dp);flex-direction:column;flex-shrink:0;display:flex;position:sticky;top:0}.sidenav__top{padding:var(--space-6)}.sidenav__logo{width:90px;height:26.58px}.sidenav__links{gap:var(--space-1);flex-direction:column;padding:0;list-style:none;display:flex}.sidenav__link{align-items:center;gap:var(--space-2);margin-left:var(--space-2);padding:6px var(--space-6) 6px 6px;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-primary);border-radius:6px 0 0 6px;line-height:20px;text-decoration:none;display:flex}.sidenav__link:hover{background:var(--surface-02)}.sidenav__selector{background:var(--surface-01);border-radius:3px;flex-shrink:0;width:2px;height:24px}.sidenav__icon{padding:var(--space-1);border-radius:var(--radius-sm);background:var(--surface-02);flex-shrink:0;display:flex}.sidenav__icon img{width:16px;height:16px}.sidenav__label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sidenav__section{padding:var(--space-3) var(--space-6) var(--space-2)}.sidenav__section-inner{align-items:center;gap:var(--space-2);height:48px;padding-top:var(--space-6);border-top:1px solid var(--border-decorative);display:flex}.sidenav__section-title{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-tertiary);flex:1;line-height:16px}.sidenav__add{padding:var(--space-1);border-radius:var(--radius-sm);background:var(--surface-03);cursor:pointer;border:0;display:flex}.sidenav__add img{width:16px;height:16px}.layout__main{flex-direction:column;display:flex}.search-header{z-index:1;align-items:center;gap:var(--space-6);padding:var(--space-4) 56px var(--space-2);background:var(--surface-01);display:flex;position:sticky;top:0}.search-header__main{align-items:center;gap:var(--space-3);flex:1;min-width:0;display:flex}.searchbar{align-items:center;gap:var(--space-3);min-width:0;height:44px;padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);border:1px solid var(--border-decorative);background:var(--surface-02);border-radius:20px;flex:1;display:flex}.searchbar img{width:20px;height:20px}.searchbar__input{min-width:0;font-size:var(--text-sm);font-weight:var(--weight-medium);background:0 0;border:0;outline:0;flex:1;line-height:20px}.searchbar__clear{cursor:pointer;background:0 0;border:0;padding:0;display:flex}.searchbar__divider{background:var(--border-decorative);align-self:stretch;width:1px;margin-right:-8px}.searchbar__submit{height:36px;padding:6px var(--space-3);color:var(--primary-500);font-size:var(--text-md);font-weight:var(--weight-medium);cursor:pointer;background:0 0;border:0;border-radius:6px;line-height:24px}.icon-btn{border:1px solid var(--border-secondary);cursor:pointer;background:0 0;border-radius:6px;padding:7px;display:flex}.icon-btn img{width:20px;height:20px}.avatar-btn{border:1px solid var(--primary-500);background:var(--primary-500);color:#fff;width:36px;height:36px;font-size:var(--text-md);font-weight:var(--weight-medium);cursor:pointer;border-radius:6px;line-height:24px}.search-options{flex-direction:column;gap:20px;margin-top:20px;padding:0 56px;display:flex}.search-tabs{gap:var(--space-3);flex-wrap:wrap;display:flex}.search-tab{align-items:center;gap:var(--space-2);border:1px solid var(--border-decorative);background:var(--surface-01);font-size:var(--text-sm);font-weight:var(--weight-medium);border-radius:12px;padding:3px 11px 3px 3px;line-height:20px;text-decoration:none;display:flex}.search-tab:hover{background:var(--surface-02)}.search-tab__icon{padding:var(--space-2);background:var(--surface-02);border-radius:8px;display:flex}.search-tab__icon img{width:20px;height:20px}.search-tab--ai .search-tab__icon{background:var(--primary-50)}.search-tab--active,.search-tab--active:hover{border-color:var(--primary-600);background:var(--primary-500);color:#fff}.search-tab--active .search-tab__icon{background:var(--primary-400)}.filters{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.filter{align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:var(--weight-medium);cursor:pointer;background:0 0;border:0;padding:0 10px;line-height:16px;display:flex}.filter img{width:16px;height:16px}.filter--active{border:1px solid var(--border-decorative);background:var(--surface-01);box-shadow:var(--shadow-01dp);color:var(--primary-500);border-radius:8px;padding:7px 7px 7px 11px}.results{margin-top:var(--space-8);padding:0 56px}.results__count{padding:var(--space-6) 0;font-size:var(--text-xs);font-weight:var(--weight-medium);line-height:16px}.results__grid{grid-template-columns:repeat(auto-fill,144px);justify-content:space-between;gap:40px 12px;display:grid}.book-card{isolation:isolate;-webkit-user-select:none;user-select:none;gap:var(--space-2);flex-direction:column;display:flex;position:relative}.book-card:before{content:"";z-index:-1;background:var(--surface-02);opacity:0;transition:opacity var(--duration-fast) var(--ease-figma);border-radius:8px;position:absolute;inset:-6px}.book-card__media{position:relative}.book-card__cover:after{content:"";opacity:0;transition:opacity var(--duration-fast) var(--ease-figma);background:#0006;position:absolute;inset:0}.book-card__read{background:var(--primary-500);color:#fff;height:36px;font-size:var(--text-md);font-weight:var(--weight-medium);opacity:0;visibility:hidden;transition:opacity var(--duration-fast) var(--ease-figma), visibility var(--duration-fast) var(--ease-figma);border-radius:6px;justify-content:center;align-items:center;line-height:24px;text-decoration:none;display:flex;position:absolute;bottom:0;left:1px;right:1px}.book-card:is(:hover,:focus-within,.book-card--dragging):before,.book-card:is(:hover,:focus-within,.book-card--dragging) .book-card__cover:after,.book-card:is(:hover,:focus-within,.book-card--dragging) .book-card__read{opacity:1;visibility:visible}.book-card__cover{aspect-ratio:128/192;border:1px solid var(--border-decorative);box-shadow:var(--shadow-04dp);border-radius:6px;display:block;position:relative;overflow:hidden}.book-card__cover img{object-fit:cover;width:100%;height:100%}.book-card__save{top:var(--space-4);right:var(--space-4);border:1px solid var(--border-decorative);background:var(--surface-01);filter:drop-shadow(0 1px 5px #1919191a);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:flex;position:absolute}.book-card__save img{width:20px;height:20px}.book-card__meta{gap:var(--space-1);flex-direction:column;display:flex}.book-card__title{-webkit-line-clamp:2;font-size:var(--text-md);font-weight:var(--weight-medium);-webkit-box-orient:vertical;line-height:24px;display:-webkit-box;overflow:hidden}.book-card__title mark{background:var(--highlight);color:inherit;border-radius:2px}.book-card__author{text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm);color:var(--text-tertiary);line-height:20px;overflow:hidden}.book-card__footer{font-size:var(--text-xs);color:var(--text-tertiary);justify-content:space-between;align-items:center;line-height:16px;display:flex}.book-card__tags{gap:var(--space-2);display:flex}.book-card__tag{padding:var(--space-1);border-radius:var(--radius-sm);background:var(--surface-03);display:flex}.book-card__tag--complete{background:var(--complete-100)}.book-card__tag img{width:16px;height:16px}.pagination{justify-content:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);margin-top:40px;display:flex}.pagination__pages{gap:5px;display:flex}.pagination__arrow,.pagination__page{border:1px solid var(--border-secondary);background:var(--surface-01);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;min-width:40px;height:40px;display:flex}.pagination__arrow{padding:7px}.pagination__arrow:disabled{cursor:default}.pagination__arrow img{width:24px;height:24px}.pagination__page{padding:0 var(--space-1);font-size:var(--text-sm);font-weight:var(--weight-bold);line-height:21px}.pagination__page--active{border-color:var(--primary-500);background:var(--primary-500);color:#fff}.pagination__page--gap{cursor:default}.footer{padding:20px 56px var(--space-3);background:var(--surface-02);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-secondary);flex-direction:column;margin-top:auto;line-height:16px;display:flex}.footer__links{column-gap:var(--space-3);padding:0 0 var(--space-1);flex-wrap:wrap;list-style:none;display:flex}.footer__links a{align-items:center;height:40px;line-height:18px;display:flex}.footer__recaptcha{max-width:547px}.footer__bottom{margin-top:var(--space-3);justify-content:space-between;align-items:center;display:flex}.footer__apps{align-items:center;gap:var(--space-8);display:flex}.footer__stores{gap:var(--space-3);display:flex}.footer__app-store{width:90px;height:32px}.footer__google-play{border-radius:var(--radius-sm);background:#000;justify-content:center;align-items:center;width:92px;height:32px;display:flex}.footer__google-play img{width:88px;height:23px}.footer__socials{padding:0;list-style:none;display:flex}.footer__socials a{justify-content:center;align-items:center;width:44px;height:44px;display:flex}.footer__socials img{width:16px;height:16px}.footer__language{align-items:center;gap:var(--space-1);font-size:var(--text-md);font-weight:var(--weight-bold);color:var(--text-primary);cursor:pointer;background:0 0;border:0;padding:0;line-height:24px;display:flex}.footer__language img{width:24px;height:24px}.sidenav{overflow-y:auto}.shelves{gap:var(--space-2);padding:0 0 var(--space-6) var(--space-6);flex-direction:column;list-style:none;display:flex;position:relative}.shelf{border:1px solid var(--border-decorative);background:var(--surface-01);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-figma), border-color var(--duration-fast) var(--ease-figma);border-right:0;border-radius:8px 0 0 8px;align-items:center;display:flex;position:relative;overflow:hidden}.shelf:hover,.shelf--active,.shelf--drop-target{background:var(--surface-02)}.shelf:focus-visible{outline:2px solid var(--primary-500);outline-offset:-2px}.shelf__selector{background:var(--primary-500);visibility:hidden;width:3px;transition:transform var(--duration-fast) var(--ease-figma), visibility 0s linear var(--duration-fast);position:absolute;top:0;bottom:0;left:0;transform:translate(-200%)}.shelf--active{border-left-color:var(--primary-500)}.shelf--active .shelf__selector{visibility:visible;transition-delay:0s;transform:none}.shelf__books{width:56px;height:56px;margin:var(--space-2) var(--space-3) 0;flex-shrink:0;position:relative}.shelf__cover{border:1px solid var(--border-decorative);background:var(--surface-01);width:48px;height:72px;box-shadow:var(--shadow-04dp);transition:transform var(--duration-fast) var(--ease-figma), opacity var(--duration-fast) var(--ease-figma), background-color var(--duration-fast) var(--ease-figma);border-radius:4px;position:absolute;top:8px;left:0;overflow:hidden}.shelf__books--adding .shelf__cover{transition-duration:var(--duration-add);transition-timing-function:var(--ease-add)}.shelf__cover img{object-fit:cover;width:100%;height:100%}.shelf__cover--front{z-index:3}.shelf__cover--middle{z-index:2;transform:translate(3px,-3px)}.shelf__cover--back{z-index:1;transform:translate(6px,-6px)}.shelf__cover--exit{z-index:0;opacity:0;transform:translate(9px,-9px)}.shelf__cover--enter{z-index:4;opacity:0;transform:translateY(72px)}.shelf:is(:hover,.shelf--drop-target) .shelf__cover--front{transform:scale(1.02)}.shelf:is(:hover,.shelf--drop-target) .shelf__cover--middle{transform:translate(4px,-4px)rotate(5deg)}.shelf:is(:hover,.shelf--drop-target) .shelf__cover--back{transform:translate(8px,-8px)rotate(10deg)}.shelf:is(:hover,.shelf--drop-target) .shelf__cover--exit{transform:translate(12px,-12px)rotate(15deg)}.shelf__cover--empty{background-color:#0000;border-style:dashed}.shelf__cover--empty:before,.shelf__cover--empty:after{content:"";opacity:0;transition:opacity var(--duration-fast) var(--ease-figma);position:absolute}.shelf__cover--empty:before{background:#0000000d;width:1px;top:0;bottom:0;left:3px}.shelf__cover--empty:after{background:#ffffffb3;border-radius:9999px;width:29px;height:4px;top:11px;left:11px}.shelf__books--empty .shelf__cover--front.shelf__cover--empty{background-color:var(--primary-50)}.shelf__books--empty .shelf__cover--front.shelf__cover--empty:before,.shelf__books--empty .shelf__cover--front.shelf__cover--empty:after{opacity:1}.shelf__books--adding .shelf__cover--empty:before,.shelf__books--adding .shelf__cover--empty:after{transition-duration:var(--duration-add);transition-timing-function:var(--ease-add)}.shelf--drop-target{border-color:var(--primary-500);box-shadow:inset 1px 0 0 var(--primary-500), inset 0 1px 0 var(--primary-500), inset 0 -1px 0 var(--primary-500)}.shelf__text{min-width:0;padding-right:var(--space-3);gap:var(--space-1);font-size:var(--text-xs);flex-direction:column;flex:1;line-height:16px;display:flex}.shelf__name,.shelf__count{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.shelf__name{font-weight:var(--weight-medium)}.shelf__count{color:var(--text-tertiary)}.shelf-picker{z-index:50;border-radius:var(--radius-md);background:var(--surface-01);width:300px;box-shadow:var(--shadow-04dp);padding:20px;position:fixed}.shelf-picker__title{font-size:var(--text-sm);font-weight:var(--weight-medium);text-transform:uppercase;color:var(--text-secondary);line-height:20px}.shelf-picker__list{gap:var(--space-1);margin:var(--space-3) -12px;flex-direction:column;padding:0;list-style:none;display:flex}.shelf-picker__option{cursor:pointer;align-items:center;min-height:44px;display:flex}.shelf-picker__option .checkbox{margin:12px}.shelf-picker__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--text-md);line-height:24px;overflow:hidden}.shelf-picker__new{justify-content:center;align-items:center;gap:var(--space-3);border:2px solid var(--primary-500);border-radius:var(--radius-md);background:var(--surface-01);width:100%;height:44px;font-size:var(--text-md);font-weight:var(--weight-bold);cursor:pointer;line-height:24px;display:flex}.shelf-picker__new:hover{background:var(--surface-02)}.shelf-picker__new img{width:24px;height:24px}.checkbox{appearance:none;border:1px solid var(--primary-500);border-radius:var(--radius-sm);cursor:pointer;width:20px;height:20px;transition:box-shadow var(--duration-fast) var(--ease-figma), background-color var(--duration-fast) var(--ease-figma);background:50%/16px no-repeat;flex-shrink:0}.checkbox:checked{background-color:var(--primary-500);background-image:url(/icons/check-white.svg)}.shelf-picker__option:hover .checkbox,.checkbox:hover{border-color:#151da2;box-shadow:0 0 0 4px #c6cdff}.shelf-picker__option:hover .checkbox:checked,.checkbox:checked:hover{background-color:#151da2}.checkbox:focus-visible{border-width:2px;outline:none;box-shadow:0 0 0 4px #c6cdff}.modal-backdrop{z-index:200;padding:var(--space-4);animation:fade-in var(--duration-fast) var(--ease-figma);background:#00000080;place-items:center;display:grid;position:fixed;inset:0}.modal{width:480px;max-width:100%;max-height:100%;padding:var(--space-6) var(--space-8);border:1px solid var(--border-decorative);border-radius:var(--radius-md);background:var(--surface-01);box-shadow:var(--shadow-04dp);animation:modal-in var(--duration-add) var(--ease-add);overflow-y:auto}@keyframes fade-in{0%{opacity:0}}@keyframes modal-in{0%{opacity:0;transform:translateY(8px)scale(.98)}}.modal__header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.modal__title{font-size:22px;font-weight:var(--weight-bold);line-height:32px}.modal__close{border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:0;padding:2px;display:flex}.modal__close:hover{background:var(--surface-02)}.modal__close img{width:20px;height:20px}.modal__label,.modal__subtitle{font-size:var(--text-sm);font-weight:var(--weight-medium);line-height:20px;display:block}.modal__label{margin-bottom:var(--space-3)}.text-input{width:100%;height:36px;padding:0 var(--space-3);border:1px solid var(--border-secondary);font-size:var(--text-sm);transition:border-color var(--duration-fast) var(--ease-figma), box-shadow var(--duration-fast) var(--ease-figma);border-radius:6px;outline:none;display:block}.text-input:focus{border-color:var(--primary-500);box-shadow:0 0 0 2px #c6cdff}.modal__counter{margin-top:var(--space-1);text-align:right;color:var(--text-tertiary);font-size:11px;line-height:16px}.modal__section-header{margin:var(--space-4) 0;justify-content:space-between;align-items:center;display:flex}.carousel-nav{gap:var(--space-3);display:flex}.carousel-nav button{border:1px solid var(--border-secondary);border-radius:var(--radius-sm);background:var(--surface-01);cursor:pointer;justify-content:center;align-items:center;width:26px;height:26px;padding:0;display:flex}.carousel-nav button:disabled{border-color:var(--border-decorative);cursor:default}.carousel-nav button:disabled img{opacity:.3}.carousel-nav img{width:16px;height:16px}.carousel-nav__prev{transform:rotate(90deg)}.carousel-nav__next{transform:rotate(-90deg)}.suggestions{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:0;list-style:none;display:grid}.suggestion__cover{aspect-ratio:2/3;border:1px solid var(--border-decorative);box-shadow:var(--shadow-04dp);border-radius:4px;position:relative;overflow:hidden}.suggestion__cover>img{object-fit:cover;width:100%;height:100%}.suggestion__add{border:1px solid var(--border-decorative);border-radius:var(--radius-sm);background:var(--surface-01);cursor:pointer;padding:2px;display:flex;position:absolute;top:10px;right:10px}.suggestion__add img{width:20px;height:20px}.suggestion__title{-webkit-line-clamp:2;margin-top:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-medium);-webkit-box-orient:vertical;line-height:21px;display:-webkit-box;overflow:hidden}.suggestion__author{margin-top:var(--space-1);text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-xs);color:var(--text-tertiary);line-height:16px;overflow:hidden}.suggestion__footer{min-height:24px;margin-top:var(--space-1);color:var(--text-tertiary);justify-content:space-between;align-items:center;font-size:11px;line-height:16px;display:flex}.modal__actions{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-8);display:flex}.btn-secondary,.btn-primary{height:33px;padding:0 var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--weight-bold);cursor:pointer;border:1px solid;line-height:20px}.btn-secondary{border-color:var(--border-secondary);background:var(--surface-01)}.btn-secondary:hover{background:var(--surface-02)}.btn-primary{border-color:var(--primary-500);background:var(--primary-500);color:#fff}.btn-primary:disabled{font-weight:var(--weight-medium);cursor:default;background:#d2d2d0;border-color:#d2d2d0}.toast{z-index:300;align-items:center;gap:var(--space-1);height:32px;padding:0 var(--space-2) 0 10px;color:#fff;font-size:var(--text-sm);white-space:nowrap;animation:toast-in var(--duration-add) var(--ease-add);background:#000;border-radius:3px;line-height:20px;display:flex;position:fixed;top:28px;left:50%;translate:-50%}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}}.toast__link{color:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.toast__close{margin-left:var(--space-2);cursor:pointer;background:0 0;border:0;padding:0;display:flex}.toast__close img{width:16px;height:16px}.shelves--reordering .shelf{pointer-events:none;transition:transform var(--duration-fast) var(--ease-figma), background-color var(--duration-fast) var(--ease-figma), border-color var(--duration-fast) var(--ease-figma)}.shelf--reordering{border-color:var(--surface-02);background:var(--surface-02)}.shelf--reordering>*{visibility:hidden}.shelf--ghost{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#f9f8f6cc;position:fixed}body.is-dragging,body.is-dragging *{cursor:grabbing!important}body.is-dragging .book-card{pointer-events:none}.drag-box{z-index:100;gap:var(--space-1);width:max-content;max-width:200px;padding:var(--space-1) var(--space-2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:var(--shadow-03dp);color:#fff;font-size:var(--text-xs);font-weight:var(--weight-medium);pointer-events:none;background:#000c;border-radius:2px;flex-direction:column;line-height:16px;display:flex;position:fixed;top:-6px;left:10px}.drag-box__title{font-weight:var(--weight-bold)}.drag-box__add{background:var(--primary-500);box-shadow:var(--shadow-03dp);animation:drag-box-add-in var(--duration-fast) var(--ease-figma);border-radius:50%;padding:2px;display:flex;position:absolute;top:26px;left:-20px}.drag-box__add img{width:20px;height:20px}@keyframes drag-box-add-in{0%{transform:scale(0)}}@media (prefers-reduced-motion:reduce){.toast,.modal-backdrop,.modal,.drag-box__add{animation:none}.book-card:before,.book-card__cover:after,.book-card__read,.shelf,.shelf__selector,.shelf__cover,.shelf__cover--empty:before,.shelf__cover--empty:after{transition:none}}