.book-import-dialog{--import-ink: #202923;--import-green: #43836f;--import-line: #dde2de;z-index:1001;background:#20292359;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);color:var(--import-ink);font-family:Georgia,"Noto Serif SC",Songti SC,SimSun,serif;letter-spacing:0}.book-import-panel{display:flex;flex-direction:column;width:100%;max-width:620px;max-height:calc(100dvh - 32px);overflow:hidden;background:#fff;border:1px solid var(--import-line);border-radius:6px;box-shadow:0 16px 48px #20292324}.book-import-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 22px;border-bottom:1px solid var(--import-line);flex-shrink:0}.book-import-heading h2{font-size:22px;line-height:1.4;font-weight:600}.book-import-dialog button,.book-import-dialog input,.book-import-dialog textarea{font-family:inherit;letter-spacing:0}.book-import-dialog #mybank-upload-close{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border-radius:4px;flex-shrink:0;color:#727a75}.book-import-dialog #mybank-upload-close:hover{background:#edf3ef;color:var(--import-green)}.book-import-dialog #mybank-upload-close span{font-size:22px}.book-import-body{min-height:0;overflow-y:auto;padding:20px 22px;overscroll-behavior:contain}.book-import-body h3{font-size:16px;line-height:1.5;font-weight:600;margin-bottom:12px}.book-import-modes{display:flex;gap:4px;padding:4px;margin-bottom:14px;border:1px solid var(--import-line);border-radius:5px;background:#f7f8f5}.book-import-modes button{display:inline-flex;flex:1;align-items:center;justify-content:center;min-width:0;gap:8px;min-height:38px;padding:6px 10px;border-radius:3px;color:#727a75;font-size:15px}.book-import-modes button[aria-pressed=true]{background:#e8f0eb;color:var(--import-green);font-weight:600}.book-import-modes .material-symbols-outlined{font-size:20px}.book-import-dialog textarea,.book-import-dialog input:not([type=file]){display:block;width:100%;min-width:0;padding:10px 12px;border:1px solid #cdd6ce;border-radius:4px;background:#fbfcfa;color:var(--import-ink);font-size:16px;line-height:1.6;box-shadow:none}.book-import-dialog textarea{height:156px;min-height:120px;resize:vertical}.book-import-dialog input:not([type=file]){height:44px}.book-import-dialog textarea::-moz-placeholder,.book-import-dialog input::-moz-placeholder{font-size:14px;color:#858e87}.book-import-dialog textarea::placeholder,.book-import-dialog input::placeholder{font-size:14px;color:#858e87}.book-import-dialog textarea:focus,.book-import-dialog input:focus{outline:2px solid rgb(67 131 111 / 18%);outline-offset:1px;border-color:var(--import-green);box-shadow:none}.book-import-dialog input[readonly]{background:#edf0eb;color:#657269}.book-import-dialog #mybank-paste-count{margin-top:8px;font-size:13px;line-height:1.6;color:#727a75;overflow-wrap:anywhere}.book-import-dialog #mybank-paste-count.text-red-600{color:#ae655b}.book-import-dialog #mybank-upload-status{margin:8px 0 0;font-size:13px;line-height:1.6;color:#727a75;overflow-wrap:anywhere}.book-import-dialog #mybank-upload-status:empty{display:none}.book-import-dialog #mybank-download-template{display:inline-flex;align-items:center;gap:6px;min-height:32px;margin-bottom:10px;font-size:14px;color:var(--import-green)}.book-import-dialog #mybank-download-template:hover{text-decoration:underline;text-underline-offset:4px}.book-import-dialog #mybank-download-template span{font-size:20px}.book-import-dialog #mybank-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;min-height:146px;padding:18px 12px;border:1px dashed #abbcaf;border-radius:4px;background:#fbfcfa;color:#46584c;font-size:15px}.book-import-dialog #mybank-dropzone:hover{border-color:var(--import-green);background:#f0f5f0}.book-import-dialog #mybank-dropzone .material-symbols-outlined{font-size:30px;color:var(--import-green)}.book-import-dialog .book-import-filetypes{font-size:13px;color:#727a75}.book-import-info{margin-top:18px;padding-top:16px;border-top:1px solid var(--import-line)}.book-import-label{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:7px;font-size:14px}.book-import-label label{font-weight:600}.book-import-label span{font-size:12px;color:#727a75;font-variant-numeric:tabular-nums}.book-import-actions{display:flex;justify-content:flex-end;padding:14px 22px;border-top:1px solid var(--import-line);flex-shrink:0}.book-import-dialog #mybank-confirm-upload{min-width:112px;min-height:42px;padding:8px 24px;border:1px solid var(--import-green);border-radius:4px;background:var(--import-green);color:#fff;font-size:15px;font-weight:600}.book-import-dialog #mybank-confirm-upload:hover:not(:disabled){background:#356d5b}.book-import-dialog #mybank-confirm-upload:disabled{border-color:#e2e6e1;background:#edf0eb;color:#89948b;cursor:not-allowed}.book-import-dialog button:focus-visible{outline:2px solid var(--import-green);outline-offset:3px}@media (max-width: 480px){.book-import-heading{padding:14px 18px}.book-import-heading h2{font-size:20px}.book-import-body{padding:16px 18px}.book-import-actions{padding:12px 18px}}body.home-page{font-family:Georgia,"Noto Serif SC",Songti SC,SimSun,serif;color:#202923;letter-spacing:0}.home-page .home-shell,.home-page header>.container{width:100%;max-width:1340px;padding-left:28px;padding-right:28px}.home-page header h2{font-size:20px;letter-spacing:0}.home-page header button{border-radius:4px;letter-spacing:0}.home-page .home-shell{padding-top:20px}.home-hero{position:relative;min-height:300px;background:#f3f4ed;isolation:isolate;overflow:hidden}.home-hero-image{position:absolute;top:0;right:0;width:auto;max-width:none;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:right center;object-position:right center;-webkit-mask-image:linear-gradient(to right,transparent,#000 18%);mask-image:linear-gradient(to right,transparent,#000 18%);z-index:-1}.home-hero-content{width:53%;min-height:inherit;padding:26px 32px}.home-hero-content .mt-6{margin-top:10px}.home-hero h1{font-size:42px;font-weight:700;line-height:1.3}.home-hero h2{font-size:16px;line-height:1.8;color:#59685e;margin-top:6px}.home-hero p.text-primary{font-size:21px;font-weight:600;margin-top:4px}.home-page #hero-auth-cta{border-radius:4px;padding:12px 26px;font-size:16px}.home-page #hero-auth-note{font-size:13px;line-height:1.6;max-width:370px;color:#66736b}.home-page #personal-books{padding:28px 0;border-bottom:0}.home-page #personal-books>div:first-child{gap:16px;margin-bottom:18px}.home-page #personal-books-title,.home-page #learning-goals{font-size:22px;font-weight:600;line-height:1.4}.home-page #personal-books-title{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.home-page #personal-books>div:first-child:after{content:"";height:1px;background:#dde2de;flex:1;order:1}.home-page #mybank-dialog-open{order:2;border-radius:4px;background:transparent;color:#43836f;padding:8px 0 8px 8px;font-size:15px;font-weight:600;white-space:nowrap}.home-page #personal-books [data-status]:empty{display:none}.home-page #personal-books [data-list]{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.home-page #personal-books article{border-radius:5px;padding:14px;gap:10px}.home-page #personal-books article>a{display:grid;grid-template-columns:138px minmax(0,1fr);grid-template-rows:auto auto 1fr;-moz-column-gap:18px;column-gap:18px;row-gap:12px}.home-page #personal-books article>a>img{grid-row:1 / 4;width:138px;height:138px;border-radius:3px;-o-object-fit:cover;object-fit:cover}.home-page #personal-books article h3{font-size:20px;font-weight:600;line-height:1.4;overflow-wrap:anywhere}.home-page #personal-books article>a>div:last-child{align-self:end}.home-page #personal-books article>div{margin-left:156px;padding-top:4px}.home-page #personal-books article button{width:30px;height:30px;border-radius:4px}.home-page #personal-books article button .material-symbols-outlined{font-size:20px}.home-page #learning-goals{padding:26px 0 16px;display:flex;align-items:center;gap:18px}.home-page #learning-goals:after{content:"";height:1px;flex:1;background:#dde2de}.home-page .home-categories{padding:0 0 14px;gap:7px;border-bottom:1px solid #dde2de;margin-bottom:20px}.home-page .home-categories>div{border-radius:4px;height:38px}.home-page .home-categories p{font-size:15px}.home-page #cards-container{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0;gap:18px}.home-page #cards-container>div{grid-column:1 / -1}.home-page #cards-container>a{border-radius:5px;padding:12px;gap:14px;min-width:0}.home-page #cards-container>a>img{border-radius:3px;max-height:220px;-o-object-fit:contain;object-fit:contain;background:#f7f8f5}.home-page #cards-container [id$=-title]{font-size:19px;font-weight:600;line-height:1.5;overflow-wrap:anywhere}.home-page #cards-container p:not([id$=-title]){font-size:14px;line-height:1.6}.home-page #cards-container [id$=-progress-text]{font-size:13px;font-weight:400}.home-page :is(a,button,[id^=category-]):focus-visible{outline:2px solid #43836f;outline-offset:3px}@media (max-width: 1100px){.home-page #cards-container{grid-template-columns:repeat(3,minmax(0,1fr))}.home-hero h1{font-size:34px}.home-hero-content{padding:26px 24px}.home-page #personal-books article>a{grid-template-columns:106px minmax(0,1fr);gap:12px}.home-page #personal-books article>a>img{width:106px;height:132px}.home-page #personal-books article>div{margin-left:118px}}@media (max-width: 850px){.home-page #cards-container{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 700px){.home-page .home-shell,.home-page header>.container{padding-left:16px;padding-right:16px}.home-page header h2{font-size:18px}.home-page header>.container{gap:12px}.home-page #auth-actions:not(.hidden){display:flex;gap:6px}.home-page #auth-actions button{min-width:54px;padding:0 10px;height:36px}.home-hero{min-height:0;padding-top:170px;background:transparent}.home-hero-image{width:100%;height:170px;-o-object-fit:cover;object-fit:cover;-o-object-position:right center;object-position:right center;-webkit-mask-image:none;mask-image:none}.home-hero-content{width:100%;padding:22px 0 12px}.home-hero h1{font-size:28px}.home-hero h2{font-size:14px}.home-hero-content .mt-6{margin-top:10px}.home-page #hero-auth-note{font-size:12px}.home-page #personal-books [data-list]{grid-template-columns:minmax(0,1fr)}.home-page #personal-books-title,.home-page #learning-goals{font-size:21px}.home-page #personal-books>div:first-child:after{display:none}.home-page #personal-books article h3{font-size:19px}.home-page #cards-container [id$=-title]{font-size:18px}}@media (max-width: 540px){.home-page #cards-container{grid-template-columns:minmax(0,1fr)}}