:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{height:100%;width:100%;margin:0}body{overflow:hidden;background:#181a20}.appBg{width:100vw;height:100vh;padding:0;margin:0;background:linear-gradient(170deg,#69bbc6,#b9d9f3 40%,#ded695);position:relative;overflow:hidden}.appBg:before{content:"";position:absolute;top:6%;left:8%;width:320px;height:90px;background:#ffffff8c;border-radius:999px;filter:blur(18px);pointer-events:none}.appBg:after{content:"";position:absolute;top:14%;right:10%;width:260px;height:70px;background:#ffffff73;border-radius:999px;filter:blur(16px);pointer-events:none}.window{width:100%;height:100%;background:transparent;position:relative;z-index:1}.headerBar{height:64px;background:#ffffff8c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid rgba(255,255,255,.6)}.headerLeft{display:flex;align-items:center;gap:12px;flex:1;justify-content:center;padding-left:120px}.appIcon{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#7c5cff,#34d3ff);box-shadow:0 8px 24px #7c5cff59}.appTitle{color:#2a4a6b;font-size:1.2rem;font-weight:700}.headerRight{display:flex;align-items:center;gap:10px}.iconBtn{width:40px;height:40px;border-radius:12px;border:1px solid rgba(100,160,220,.4);background:#b4dcff8c;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;line-height:1;box-shadow:0 2px 8px #00000014;transition:background .15s ease,transform .15s ease}.iconBtn:hover{background:#b4dcffd9;transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.iconSymbol{display:inline-block;transform:translateY(-1px);font-size:1.1rem}.content{height:calc(100% - 64px);padding:34px;display:flex;flex-direction:column;align-items:center;gap:22px;position:relative;overflow-y:auto;-webkit-overflow-scrolling:touch}.mainCard{width:min(520px,92%);background:#ffffffbf;padding:26px 26px 22px;border-radius:20px;border:1px solid rgba(255,255,255,.9);box-shadow:0 8px 32px #0000001a;display:flex;flex-direction:column;gap:14px}.cardTitleRow{display:flex;align-items:center;justify-content:center;gap:14px}.cardTitleIcon{font-size:36px;line-height:1}.cardTitle{margin:0;color:#0f3d81;font-size:2rem;font-weight:800}.cardButtons{display:flex;flex-direction:column;gap:12px}.bigBtn{width:100%;height:54px;border-radius:12px;border:none;background:#ffffffb3;color:#1e3a5f;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center}.bigBtnPrimary{background:#6d6af0}.bigBtn:hover:enabled{background:#ffffff24}.bigBtnPrimary:hover:enabled{background:#7a76ff}.bigBtn:disabled{opacity:.65;cursor:not-allowed}.recentSection{width:min(700px,92%)}.recentHeader{color:#ffffffbf;font-weight:650;margin:6px 0 10px;font-size:1.05rem}.recentList{display:flex;flex-direction:column;gap:12px}.recentRow{height:64px;border-radius:16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:12px;padding:0 14px}.recentThumb{width:40px;height:40px;border-radius:12px;background:#ffffff14}.recentLine{height:12px;width:55%;border-radius:999px;background:#ffffff14}.viewLibraryRow{display:flex;justify-content:flex-end;margin-top:10px}.viewLibraryBtn{background:none;border:none;color:#7aa2ff;cursor:pointer;font-size:1rem;padding:6px 0}.viewLibraryBtn:hover{color:#a9c1ff}.pageTitle{margin:0;font-size:2rem;font-weight:800;color:#0f3d81;text-shadow:1px 1px 0px #a0c4e0,2px 2px 4px rgba(0,0,0,.15)}.libraryHeaderRow{width:min(900px,95%);display:flex;align-items:center;justify-content:space-between;gap:14px}.uploadBtn{height:44px;padding:0 20px;border-radius:12px;border:1.5px solid rgba(42,74,107,.3);background:#ffffffb3;color:#1e3a5f;font-size:.95rem;font-weight:700;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 2px 8px #00000014;transition:background .15s ease,transform .15s ease}.uploadBtn:hover{background:#ffffffeb;transform:translateY(-2px)}.libraryTitleBlock{display:flex;flex-direction:column;gap:6px}.modePill{width:fit-content;padding:6px 12px;border-radius:999px;font-size:.85rem;font-weight:700;background:#ffffffb3;border:1.5px solid rgba(42,74,107,.3);color:#2a4a6b}.modePillEdit{background:#6d6af026;border:1.5px solid rgba(109,106,240,.4);color:#4a48c0}.libraryGrid{width:min(900px,95%);display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:22px}.bookCard{border:none;background:#ffffff8c;border-radius:16px;padding:10px;cursor:pointer;text-align:center;transition:transform .15s ease,background .15s ease;box-shadow:0 4px 12px #00000014;border:1.5px solid rgba(255,255,255,.7);position:relative}.bookCard:hover{transform:translateY(-4px);background:#ffffffbf}.bookCover{height:210px;border-radius:10px;background:#6496c826;margin-bottom:8px;width:100%;object-fit:cover}.bookTitle{font-size:.88rem;font-weight:600;color:#1e3a5f;margin-top:6px}.readerShell{width:min(1000px,92%);height:70%;border-radius:22px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);display:grid;place-items:center}.readerText{color:#ffffffbf}.backBtn{position:absolute;top:18px;left:18px;background:#fff9;border:1.5px solid rgba(42,74,107,.2);border-radius:10px;padding:6px 14px;color:#2a4a6b;cursor:pointer;font-size:.95rem;font-weight:600;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .15s ease}.backBtn:hover{background:#ffffffd9;color:#0f3d81}.editorLayout{display:flex;gap:20px;width:min(950px,93%);height:70%}.editorLeft{display:flex;flex-direction:column;gap:14px;flex:1.4}.editorCanvas{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:17px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.editorPageLabel{color:#ffffffd9;font-size:1rem;font-weight:600;margin:0}.editorPageHint{color:#fff6;font-size:.9rem;margin:0}.editorRight{display:flex;flex-direction:column;gap:16px;flex:1;overflow-y:auto}.toolSection{background:#ffffff8c;border:1px solid rgba(42,74,107,.12);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:10px}.toolLabel{margin:0;color:#1e3a5f;font-size:.9rem;font-weight:600}.wordInput{padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.15);background:#ffffff12;color:#222;font-size:.95rem;outline:none;width:100%;box-sizing:border-box}.wordInput:focus{border-color:#6d6af0}.wordInput::placeholder{color:#8aaac8}.hotspotList{display:flex;flex-direction:column;gap:7px}.hotspotTag{display:flex;justify-content:space-between;align-items:center;background:#6d6af02e;border-radius:8px;padding:7px 10px;font-size:.9rem;color:#1e3a5f}.removeBtn{background:none;border:none;color:#fff6;cursor:pointer;font-size:.85rem;padding:0}.removeBtn:hover{color:#ff6b6b}.commentBox{padding:10px 12px;border-radius:10px;border:1px solid rgba(42,74,107,.2);background:#ffffffb3;color:#1e3a5f;font-size:.9rem;resize:none;outline:none;font-family:inherit}.commentBox:focus{border-color:#6d6af0}.pageSwitcher{display:flex;align-items:center;justify-content:center;gap:16px}.pageBtn{padding:8px 18px;border-radius:10px;border:1px solid rgba(42,74,107,.2);background:#fff9;color:#2a4a6b;cursor:pointer;font-size:.95rem}.pageBtn:hover:enabled{background:#ffffff1f}.pageBtn:disabled{opacity:.35;cursor:not-allowed}.pageCount{color:#2a4a6b;font-size:.95rem;min-width:50px;text-align:center}.cardSubtitle{margin:0;text-align:center;color:#ffffff73;font-size:.9rem}.cardDivider{border:none;border-top:1px solid rgba(255,255,255,.08);margin:4px 0}.menuPage{height:calc(100% - 64px);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:24px;padding-top:16px;padding-bottom:20px}.menuTop{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%}.menuEmoji{font-size:48px;line-height:1;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.menuTitle{margin:0;font-size:5.4rem;font-weight:800;color:#0f3d81;letter-spacing:-.5px;text-shadow:1px 1px 0px #a0c4e0,2px 2px 0px #88b0d0,3px 3px 0px #6a9abf,4px 4px 8px rgba(0,0,0,.15)}.menuSubtitle{margin:0;font-size:1rem;color:#5a7a9a}.menuActions{display:flex;gap:20px;flex-wrap:wrap;justify-content:center}.menuActionBtn{width:260px;padding:30px 24px;border-radius:22px;border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:10px;transition:transform .15s ease,box-shadow .15s ease}.menuActionBtn:hover{transform:translateY(-5px);box-shadow:0 16px 32px #00000026}.menuActionPrimary{background:#ffffffb8;border:2px solid rgba(42,74,107,.35);box-shadow:0 4px 16px #00000014}.menuActionSecondary{background:#ffffffd1;border:2px solid rgba(91,110,245,.3);box-shadow:0 4px 16px #00000014}.menuBtnIcon{font-size:30px;line-height:1}.menuBtnLabel{font-size:1.1rem;font-weight:700;color:#1e3a5f}.menuActionPrimary .menuBtnLabel{color:#1e3a5f}.menuBtnSub{font-size:.88rem;color:#5a7a9a}.menuActionPrimary .menuBtnSub{color:#5a7a9a}.menuTip{background:#fff9;border:1px solid rgba(91,110,245,.2);border-radius:14px;padding:14px 22px;color:#4a6a8a;font-size:.88rem;line-height:1.6;text-align:center;max-width:500px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.recentBar{width:min(700px,92%);background:#ffffff73;border:1px solid rgba(255,255,255,.6);border-radius:20px;padding:16px 22px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.recentBarTitle{margin:0 0 12px;font-size:.95rem;font-weight:700;color:#2a4a6b}.recentBarBooks{display:flex;gap:16px}.recentBookSlot{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1}.recentBookCover{width:100%;height:80px;border-radius:10px;background:#6496c833;border:1px solid rgba(255,255,255,.5)}.recentBookName{margin:0;font-size:.8rem;color:#2a4a6b80}.modalOverlay{position:fixed;inset:0;background:#14284659;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:60;display:flex;align-items:center;justify-content:center}.modalBox{background:#ffffffeb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1.5px solid rgba(255,255,255,.8);border-radius:22px;padding:28px 30px;width:min(560px,92vw);box-shadow:0 16px 48px #00000024;display:flex;flex-direction:column;gap:16px}.modalTitle{margin:0;font-size:1.4rem;font-weight:800;color:#0f3d81}.modalSubtitle{margin:0;font-size:.88rem;color:#5a7a9a}.modalField{display:flex;flex-direction:column;gap:6px}.modalLabel{font-size:.85rem;font-weight:700;color:#2a4a6b}.modalInput{padding:10px 14px;border-radius:10px;border:1.5px solid rgba(42,74,107,.2);background:#fffc;color:#1e3a5f;font-size:.95rem;outline:none;font-family:inherit}.modalInput:focus{border-color:#6d6af0}.modalFileInput{font-size:.88rem;color:#2a4a6b}.modalFileList{display:flex;flex-direction:column;gap:6px;max-height:180px;overflow-y:auto;border-radius:10px;border:1px solid rgba(42,74,107,.12);padding:8px;background:#ffffff80}.modalFileRow{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:8px;background:#fff9;font-size:.85rem}.modalFileName{flex:1;color:#1e3a5f;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modalFileSize{color:#5a7a9a;font-size:.8rem}.modalFileStatus{font-size:.8rem;color:#2a4a6b}.modalNoFiles{margin:0;color:#5a7a9a;font-size:.88rem;text-align:center}.modalError{margin:0;color:#e05555;font-size:.85rem;background:#e0555514;border-radius:8px;padding:8px 12px}.modalActions{display:flex;gap:10px}.modalBtnPrimary{flex:1;height:46px;border-radius:12px;border:none;background:#5b6ef5;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:background .15s ease}.modalBtnPrimary:hover:enabled{background:#4a5ee0}.modalBtnPrimary:disabled{opacity:.5;cursor:not-allowed}.modalBtnSecondary{height:46px;padding:0 22px;border-radius:12px;border:1.5px solid rgba(42,74,107,.2);background:#ffffffb3;color:#2a4a6b;font-size:1rem;font-weight:600;cursor:pointer;transition:background .15s ease}.modalBtnSecondary:hover{background:#fffffff2}.readerFullscreen{position:fixed;inset:0;background:#000;z-index:100;display:flex;align-items:center;justify-content:center}.readerFullscreenImg{max-width:100%;max-height:100%;object-fit:contain}.readerFullscreenControls{position:absolute;bottom:28px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:16px;background:#0000008c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:10px 24px;border-radius:999px;border:1px solid rgba(255,255,255,.15)}.readerFullscreenBtn{background:none;border:none;color:#ffffffd9;cursor:pointer;font-size:1rem;padding:4px 10px;border-radius:8px;transition:background .15s}.readerFullscreenBtn:hover:enabled{background:#ffffff26}.readerFullscreenBtn:disabled{opacity:.3;cursor:not-allowed}.readerFullscreenCount{color:#ffffffb3;font-size:.95rem;min-width:50px;text-align:center}.exitFullscreenBtn{position:absolute;top:20px;right:20px;background:#00000080;border:1px solid rgba(255,255,255,.2);border-radius:10px;color:#ffffffd9;padding:8px 16px;cursor:pointer;font-size:.9rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .15s}.exitFullscreenBtn:hover{background:#000000bf}.fullscreenToggleBtn{position:absolute;top:18px;right:18px;background:#fff9;border:1.5px solid rgba(42,74,107,.2);border-radius:10px;padding:6px 14px;color:#2a4a6b;cursor:pointer;font-size:.9rem;font-weight:600;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .15s ease}.fullscreenToggleBtn:hover{background:#ffffffe0}.dropZone{border:2.5px dashed rgba(42,74,107,.25);border-radius:16px;padding:32px 20px;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;background:#ffffff59;transition:background .2s ease,border-color .2s ease}.dropZone:hover{background:#ffffff8c;border-color:#5b6ef566}.dropZoneActive{background:#5b6ef51a;border-color:#5b6ef5;border-style:solid}.dropZoneDisabled{opacity:.5;pointer-events:none}.dropZoneIcon{font-size:2rem;line-height:1}.dropZoneLabel{font-size:.95rem;font-weight:700;color:#2a4a6b}.dropZoneHint{font-size:.8rem;color:#5a7a9a}.pageChips{display:flex;flex-wrap:wrap;gap:8px}.pageChip{position:relative;width:52px;height:52px;border-radius:10px;overflow:hidden;border:1.5px solid rgba(42,74,107,.15);box-shadow:0 2px 6px #0000000f}.pageChipThumb{width:100%;height:100%;object-fit:cover;display:block}.pageChipRemove{position:absolute;top:1px;right:1px;width:18px;height:18px;border-radius:50%;border:none;background:#00000080;color:#fff;font-size:12px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;opacity:0;transition:opacity .15s}.pageChip:hover .pageChipRemove{opacity:1}.thumbGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px;max-height:340px;overflow-y:auto;padding:4px}.thumbCard{position:relative;border-radius:12px;overflow:hidden;background:#fff9;border:1.5px solid rgba(42,74,107,.12);box-shadow:0 2px 8px #0000000f;transition:border-color .2s}.thumbCardDone{border-color:#4caf50}.thumbCardError{border-color:#e05555}.thumbImg{width:100%;height:150px;object-fit:contain;display:block;background:#f0f0f0}.thumbInfo{display:flex;align-items:center;justify-content:space-between;padding:4px 8px}.thumbNumber{font-size:.75rem;font-weight:700;color:#2a4a6b}.thumbStatus{font-size:.75rem;font-weight:700;color:#5a7a9a}.thumbStatusDone{color:#4caf50}.thumbStatusError{color:#e05555}.thumbActions{display:flex;gap:4px;padding:4px 6px 6px}.thumbBtn{flex:1;padding:3px 0;border-radius:6px;border:1px solid rgba(42,74,107,.15);background:#ffffffb3;color:#2a4a6b;cursor:pointer;font-size:.8rem;font-weight:600;transition:background .15s}.thumbBtn:hover:enabled{background:#fffffff2}.thumbBtn:disabled{opacity:.3;cursor:not-allowed}.thumbBtnRemove{color:#e05555;border-color:#e0555533}.thumbBtnRemove:hover:enabled{background:#e055551a}.progressBar{width:100%;height:6px;border-radius:999px;background:#2a4a6b1a;overflow:hidden}.progressFill{height:100%;border-radius:999px;background:linear-gradient(90deg,#5b6ef5,#34d3ff);transition:width .3s ease}.conversionBar{display:flex;flex-direction:column;gap:6px}.conversionText{font-size:.82rem;color:#5a7a9a;font-weight:600}.stepIndicator{display:flex;gap:6px;align-items:center}.stepDot{width:8px;height:8px;border-radius:50%;background:#2a4a6b26;transition:background .2s}.stepDotActive{background:#5b6ef5}.bookCoverWrap{position:relative;width:100%;border-radius:14px;overflow:hidden}.bookMenuBtn{position:absolute;right:10px;bottom:10px;width:28px;height:28px;border:none;border-radius:999px;background:#8c96aae6;color:#fff;font-size:1rem;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 3px 8px #00000026;z-index:4}.bookMenuBtn:hover{background:#a0aabef2}.bookMenuPopup{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:150px;padding:14px 12px 12px;border-radius:14px;background:#f5f8fffa;border:1px solid rgba(68,96,140,.16);box-shadow:0 14px 30px #00000029;z-index:6;display:flex;flex-direction:column;gap:10px;align-items:center}.bookMenuClose{position:absolute;top:8px;right:8px;border:none;background:none;color:#35507c;font-size:.9rem;cursor:pointer}.bookMenuClose:hover{color:#1f3558}.bookMenuTitle{color:#24426e;font-size:.92rem;font-weight:700;text-align:center;padding-right:0}.bookMenuAction{width:100%;border:none;border-radius:10px;padding:9px 10px;background:#809cd61f;color:#24426e;font-size:.92rem;cursor:pointer;text-align:center}.bookMenuAction:hover{background:#809cd633}