*{box-sizing:border-box}html,body,#root{margin:0;padding:0;width:100%;max-width:100vw;overflow-x:hidden;font-family:Roboto,Helvetica,Arial,sans-serif;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);color:#f5f5f5;line-height:1.5}body{padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top);background-color:#8a2be2}.spinner{width:48px;height:48px;border:6px solid #eee;border-top:6px solid #8A2BE2;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.book-cover{width:240px;height:360px;object-fit:cover;border-radius:16px;box-shadow:0 4px 18px #00000038;background:#222;display:block;transition:box-shadow .18s,transform .18s}.book-cover:hover{box-shadow:0 8px 32px #00000059;transform:translateY(-2px)}.book-title{color:#ffb347;font-size:1.18em;text-align:left;margin-top:8px;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;letter-spacing:.02em}.book-pages{font-size:1em;color:#888;text-align:left;margin-top:4px;font-family:Roboto,Arial,sans-serif}.progress-bar-container{width:90%;height:8px;background-color:#3a3a3a;border-radius:4px;margin:8px auto 4px;overflow:hidden;border:1px solid #555}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#8a2be2,#ffb347);border-radius:4px;transition:width .3s ease}.franchise-title{font-size:1.6em;font-weight:700;margin:0 0 20px;color:#eaeaea;cursor:pointer;transition:all .3s ease-in-out}.franchise-title:hover{color:#ffb347;text-shadow:0 0 8px rgba(255,179,71,.4),0 0 16px rgba(138,43,226,.3);transform:scale(1.02)}.franchise-book-count{font-size:.7em;font-weight:400;margin-left:8px;color:#888}.carousel-container{margin-bottom:56px;padding-bottom:8px}.carousel-container:last-child{margin-bottom:40px}.carousel-row{display:flex;flex-direction:row;overflow-x:auto;gap:36px;padding:0 24px 16px;scrollbar-width:none;-ms-overflow-style:none}.carousel-row::-webkit-scrollbar{display:none}.carousel-book{flex:0 0 auto;width:240px;display:flex;flex-direction:column;align-items:center;transition:transform .18s;cursor:pointer}.carousel-book:hover{transform:scale(1.04);z-index:2}.carousel-book-inner{position:relative;width:100%;display:flex;flex-direction:column;align-items:center}.search-result-cover{width:54px;height:78px;object-fit:cover;border-radius:8px;box-shadow:0 2px 8px #0000002e;background:#222;flex-shrink:0}.gear-button{background:#222222d9!important;color:#fff!important;transition:all .2s!important}.gear-button:hover{background:linear-gradient(135deg,#8a2be2cc,#ffb347cc)!important;color:#fff!important;transform:scale(1.1) rotate(25deg)!important}.books-grid-container{display:grid!important}@media (min-width: 768px) and (max-width: 1023px){.books-grid-container{grid-template-columns:repeat(3,1fr)!important;gap:8px!important}}@media (min-width: 600px) and (max-width: 767px){.books-grid-container{grid-template-columns:repeat(3,1fr)!important;gap:8px!important}}@media (max-width: 599px){.books-grid-container{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.carousel-row{gap:12px;padding:0 12px 16px}.carousel-book{width:150px}}.remove-history-button{position:absolute!important;top:8px!important;right:8px!important;width:32px!important;height:32px!important;min-width:32px!important;background:#1e1e1ebf!important;color:#fff!important;font-size:1.1em!important;z-index:3!important;opacity:.8!important;transition:all .2s!important}.remove-history-button:hover{background:#e53935!important;opacity:1!important;transform:scale(1.1)!important}.franchise-page-background{position:fixed;top:0;left:0;right:0;height:400px;background-size:auto;background-repeat:no-repeat;background-position:center 15%;z-index:0;-webkit-mask-image:radial-gradient(ellipse 70% 50% at center,black 40%,transparent 90%);mask-image:radial-gradient(ellipse 70% 50% at center,black 40%,transparent 90%)}.franchise-page-background.custom-background{position:absolute;height:80vh;min-height:700px;background-size:cover;background-position:center top;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 40%,rgba(0,0,0,.8) 60%,rgba(0,0,0,.4) 80%,transparent 100%);mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 40%,rgba(0,0,0,.8) 60%,rgba(0,0,0,.4) 80%,transparent 100%)}.franchise-page-background.custom-background:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,rgba(0,0,0,.2) 0%,rgba(0,0,0,.5) 50%,transparent 90%);z-index:1}.franchise-page-background:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#3333,#333c 70%,#333);z-index:-1}.MuiAppBar-root{background:linear-gradient(90deg,#8a2be2,#6a1b9a,#8a2be2)!important;box-shadow:0 4px 20px #8a2be24d!important;padding-top:constant(safe-area-inset-top)!important;padding-top:env(safe-area-inset-top)!important;padding-bottom:1px!important;min-height:calc(46px + constant(safe-area-inset-top))!important;min-height:calc(46px + env(safe-area-inset-top))!important;top:0!important}.MuiToolbar-root{min-height:56px!important;padding-top:6px!important;padding-bottom:8px!important}.MuiPaper-root{background-color:#2d2d2d!important}.MuiDialog-paper{background-color:#2d2d2d!important;color:#f5f5f5!important}.MuiTextField-root .MuiInputBase-root{background-color:#1a1a1a!important;color:#eee!important}.MuiTextField-root .MuiInputLabel-root{color:#bbb!important}.MuiSelect-root{background-color:#1a1a1a!important;color:#eee!important}.fade-enter{opacity:0}.fade-enter-active{opacity:1;transition:opacity .2s}.fade-exit{opacity:1}.fade-exit-active{opacity:0;transition:opacity .2s}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clickable{cursor:pointer}.no-select{-webkit-user-select:none;user-select:none}.hidden-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.hidden-scrollbar::-webkit-scrollbar{display:none}.selection-mode .book-item{animation:tremble .1s infinite alternate}@keyframes tremble{0%{transform:rotate(0)}to{transform:rotate(1deg)}}.selection-mode-overlay{position:fixed;bottom:0;left:0;right:0;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;padding:16px;display:flex;gap:12px;justify-content:center;border-top:1px solid #444}.selection-mode-overlay .MuiButton-root{min-width:120px}.book-card.selected .book-cover{border:3px solid #2196f3!important;border-radius:8px!important;box-shadow:0 0 0 2px #2196f34d!important}.dragging .book-item{position:relative}.dragging .book-item:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border:3px dashed #FFB347;border-radius:12px;background:#ffb34726;pointer-events:none;opacity:1;animation:pulse-border 1s infinite;transition:opacity .2s ease}@keyframes pulse-border{0%{border-color:#ffb347}50%{border-color:#8a2be2}to{border-color:#ffb347}}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.dragging .book-item:hover:after{opacity:1;background:#ffb34740}.drop-target{background:#8a2be233!important;border:2px solid #8A2BE2!important;border-radius:8px!important}[draggable=true]{cursor:grab!important;position:relative}[draggable=true]:active{cursor:grabbing!important}.dragging [draggable=false]{opacity:.6}.dragging [draggable=true]{opacity:1;transform:scale(1.02);box-shadow:0 8px 32px #2196f34d}.book-item{transition:transform .3s ease,opacity .2s ease!important}.selection-mode .book-item{position:relative}.selection-mode .book-item{transition:transform .3s ease!important}.sortable-item{touch-action:pan-y}.sortable-item-dragging{opacity:.5;z-index:999}.books-grid-simple .sortable-item{transition:transform .2s ease}.selection-mode .sortable-item{position:relative}.selection-mode .sortable-item:after{content:"⋮⋮";position:absolute;top:8px;left:100%;margin-left:4px;color:#2196f3;font-weight:700;font-size:16px;z-index:10;background:#000000b3;border-radius:4px;padding:2px 4px;cursor:grab}.selection-mode .sortable-item:active:after{cursor:grabbing}.selection-mode .sortable-item-dragging{cursor:grabbing!important}@keyframes cmcsFade{0%{opacity:.5}to{opacity:1}}@keyframes cmcsPop{0%{transform:translateY(10px) scale(.985)}to{transform:none}}@keyframes cmcsTremble{0%{transform:rotate(-.5deg)}to{transform:rotate(.5deg)}}@keyframes cmcsPulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes cmcsSpin{to{transform:rotate(360deg)}}@keyframes cmcsSlideR{0%{transform:translate(48px);opacity:0}}@keyframes cmcsSlideUp{0%{transform:translateY(72px);opacity:0}}@keyframes cmcsHeroIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes cmcsHeroFill{0%{width:0}to{width:100%}}.cmcs-scroll{scrollbar-width:none;-ms-overflow-style:none}.cmcs-scroll::-webkit-scrollbar{display:none}.cmcs-menuitem:hover{background:#ffffff12!important}@media (max-width: 700px){.cmcs-sidewrap{align-items:flex-end!important;justify-content:stretch!important}.cmcs-sidepanel{width:100vw!important;max-width:100vw!important;height:90vh!important;max-height:90vh!important;margin-top:auto;border-left:none!important;border-top:1px solid rgba(255,255,255,.14)!important;border-radius:18px 18px 0 0!important;animation:cmcsSlideUp .25s cubic-bezier(.2,.8,.3,1)!important}}.cmcs-herotext{max-width:min(620px,100%)}@media (max-width: 1024px){.cmcs-herogrid{padding-left:clamp(28px,4vw,56px)!important;padding-right:clamp(28px,4vw,56px)!important}}@media (max-width: 700px){.cmcs-herogrid{padding-left:clamp(22px,5vw,40px)!important;padding-right:clamp(22px,5vw,40px)!important}.cmcs-heroarrow{display:none!important}.cmcs-herotext{max-width:100%!important}}@media (max-width: 880px){.cmcs-navlabel{display:none!important}}@media (max-width: 520px){.cmcs-nav{gap:0!important}}.cmcs-range::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 2px 8px #00000080}.cmcs-range::-moz-range-thumb{width:16px;height:16px;border:none;border-radius:50%;background:#fff;cursor:pointer}