:root{color:#2b2230;font-synthesis:none;text-rendering:optimizelegibility;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#2b2230;--muted:#776d7e;--quiet:#a198a8;--grape:#6c3d88;--grape-deep:#4e2865;--grape-soft:#eadff0;--leaf:#bfe36b;--paper:#fffefe;--canvas:#f7f6f9;--line:#ddd6e2;--line-strong:#c9bfd0;--danger:#a64055;--shadow:0 20px 60px #3b24471a;background:#f7f6f9;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans CJK SC,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body,#root{background:radial-gradient(circle at 12% 0%, #bfe36b24, transparent 29%), var(--canvas);overflow:clip}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #6c3d883d}button:disabled{cursor:not-allowed;opacity:.55}.eyebrow{color:var(--grape);letter-spacing:.12em;margin:0 0 8px;font-size:12px;font-weight:700}.primary-action{border:1px solid var(--grape-deep);background:var(--grape);color:#fff;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:0 19px;font-weight:700;transition:transform .15s,background .15s,box-shadow .15s;display:inline-flex;box-shadow:0 7px 18px #4e28652e}.import-actions{align-items:center;gap:10px;display:flex}.secondary-action{border:1px solid var(--line-strong);min-height:44px;color:var(--grape-deep);cursor:pointer;background:#ffffffd1;border-radius:8px;padding:0 16px;font-weight:700}.secondary-action:hover:not(:disabled){border-color:var(--grape);background:#fff}.primary-action:hover:not(:disabled){background:var(--grape-deep);transform:translateY(-1px);box-shadow:0 10px 24px #4e286538}.primary-action svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:19px;height:19px}.icon-button,.back-button{cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:inline-flex}.icon-button{width:40px;height:40px;color:var(--muted);border-radius:50%}.icon-button:hover,.icon-button.is-active{border-color:var(--line);color:var(--grape-deep);background:#fff}.icon-button svg,.back-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:21px;height:21px}.boot-screen,.fatal-screen{text-align:center;align-content:center;place-items:center;gap:18px;width:100%;height:100%;display:grid}.boot-screen>svg,.fatal-screen>svg{width:74px;height:74px;animation:1.8s ease-in-out infinite breathe}.boot-screen span{color:var(--muted);letter-spacing:.08em;font-size:14px}.fatal-screen{padding:40px}.fatal-screen h1{margin:0;font-family:Songti SC,Noto Serif CJK SC,Georgia,serif;font-size:30px}.fatal-screen p{max-width:440px;color:var(--muted);margin:0;line-height:1.8}.library{min-height:100%;position:relative;overflow:hidden}.library-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;width:min(1180px,100% - 64px);height:116px;margin:0 auto;display:flex}.brand-lockup{align-items:center;gap:14px;display:flex}.brand-lockup>svg{width:47px;height:47px;overflow:visible}.brand-lockup h1{color:var(--grape-deep);letter-spacing:.04em;margin:0;font-family:Songti SC,Noto Serif CJK SC,Georgia,serif;font-size:25px;font-weight:700}.brand-lockup p{color:var(--muted);margin:4px 0 0;font-size:13px}.grape-stem{fill:none;stroke:#6d8540;stroke-linecap:round;stroke-width:2.5px}#root .brand-lockup svg circle,#root .empty-library__vine svg circle,#root .boot-screen svg circle,#root .fatal-screen svg circle{fill:var(--grape)}#root .brand-lockup svg circle:nth-of-type(2n),#root .empty-library__vine svg circle:nth-of-type(2n){fill:var(--grape-deep)}.library-main{scrollbar-color:var(--line-strong) transparent;width:min(1180px,100% - 64px);height:calc(100vh - 116px);margin:0 auto;padding:48px 0 72px;overflow:auto}.shelf-heading{justify-content:space-between;align-items:end;margin-bottom:34px;display:flex}.shelf-heading h2{letter-spacing:-.03em;margin:0;font-family:Songti SC,Noto Serif CJK SC,Georgia,serif;font-size:clamp(26px,3vw,38px);font-weight:600}.shelf-hint{color:var(--quiet);margin:0 0 5px;font-size:13px}.empty-library{border:1px solid var(--line);background:linear-gradient(90deg,#6c3d8809 1px,#0000 1px) 0 0/32px 32px,linear-gradient(#6c3d8809 1px,#0000 1px) 0 0/32px 32px,#ffffff9e;border-radius:2px 28px 2px 2px;grid-template-columns:180px minmax(280px,520px);align-items:center;gap:48px;min-height:330px;padding:34px;display:grid}.empty-library__vine{border-right:1px solid var(--line);place-items:center;height:210px;display:grid;position:relative}.empty-library__vine:before{background:linear-gradient(transparent, var(--line), transparent);content:"";width:1px;height:100%;position:absolute;top:0;left:50%}.empty-library__vine svg{z-index:1;background:var(--canvas);border-radius:50%;width:92px;height:92px;padding:12px}.empty-library h3{margin:0 0 12px;font-family:Songti SC,Noto Serif CJK SC,Georgia,serif;font-size:28px}.empty-library p{max-width:480px;color:var(--muted);margin:0 0 24px;font-size:15px;line-height:1.8}.text-action{color:var(--grape-deep);cursor:pointer;background:0 0;border:0;border-bottom:1px solid;padding:0 0 4px;font-weight:700}.book-shelf{grid-template-columns:repeat(auto-fill,minmax(176px,1fr));align-items:start;gap:42px 30px;display:grid}.book-plate{min-width:0;position:relative}.book-plate__cover{aspect-ratio:.72;background:var(--grape);text-align:left;cursor:pointer;border:1px solid #2b223029;border-radius:2px 10px 10px 2px;width:100%;padding:0;transition:transform .18s,box-shadow .18s;display:block;position:relative;overflow:hidden;box-shadow:8px 9px #5944631f,0 14px 28px #432d4d21}.book-plate__cover:hover:not(:disabled){transform:translateY(-5px)rotate(-.4deg);box-shadow:10px 11px #59446321,0 20px 36px #432d4d2e}.book-plate__cover:after{content:"";background:#ffffff38;width:1px;position:absolute;inset:0 auto 0 11px;box-shadow:4px 0 #2b223024}.book-plate__cover-image{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.book-plate__texture{opacity:.34;background-image:radial-gradient(circle at 23% 18%,#ffffff57 0 1px,#0000 1.5px),radial-gradient(circle at 72% 61%,#ffffff38 0 1px,#0000 1.5px);background-size:17px 19px,23px 21px;position:absolute;inset:0}.book-plate__monogram{color:#ffffffc2;font-family:Songti SC,Noto Serif CJK SC,Georgia,serif;font-size:clamp(52px,7vw,86px);line-height:1;position:absolute;bottom:46px;right:19px}.book-plate__format{color:#ffffffb3;letter-spacing:.16em;font-size:11px;font-weight:700;position:absolute;bottom:18px;right:20px}.book-plate--0 .book-plate__cover{background:linear-gradient(145deg,#70448a,#4f2c68)}.book-plate--1 .book-plate__cover{background:linear-gradient(145deg,#587246,#344c35)}.book-plate--2 .book-plate__cover{background:linear-gradient(145deg,#8d526a,#62344d)}.book-plate--3 .book-plate__cover{background:linear-gradient(145deg,#4e6679,#344957)}.book-plate__details{padding:17px 4px 0}.book-plate__title{text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:0 0;border:0;width:100%;padding:0;font-family:Songti SC,Noto Serif CJK SC,Georgia,serif;font-size:18px;font-weight:700;display:block;overflow:hidden}.book-plate__title:hover{color:var(--grape)}.book-plate__details>p{color:var(--quiet);text-overflow:ellipsis;white-space:nowrap;margin:7px 0 14px;font-size:12px;overflow:hidden}.book-plate__progress{background:#e7e2ea;width:100%;height:3px;overflow:hidden}.book-plate__progress span{background:var(--grape);height:100%;transition:width .22s;display:block}.book-plate__meta{color:var(--muted);justify-content:space-between;margin-top:9px;font-size:12px;display:flex}.delete-confirm{z-index:3;color:#fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#26182deb;border-radius:2px 10px 10px 2px;flex-direction:column;justify-content:flex-end;min-height:calc(100% - 86px);padding:20px;display:flex;position:absolute;inset:0 0 auto}.delete-confirm p{margin:0 0 16px;font-size:13px;line-height:1.6}.delete-confirm div{gap:8px;display:grid}.delete-confirm button{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff47;border-radius:6px;min-height:36px}.delete-confirm button:first-child{background:#a64055;border-color:#e58aa0}.drop-curtain{z-index:20;border:2px dashed var(--grape);box-shadow:var(--shadow);color:var(--grape-deep);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f7f6f9f0;border-radius:24px 4px;align-content:center;place-items:center;gap:11px;display:grid;position:fixed;inset:18px}.drop-curtain svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;width:44px;height:44px}.drop-curtain strong{font-family:Songti SC,Noto Serif CJK SC,Georgia,serif;font-size:26px}.drop-curtain span{color:var(--muted);font-size:13px}.reader-shell{background:var(--paper);grid-template-columns:minmax(0,1fr) 0;width:100%;height:100%;transition:grid-template-columns .22s;display:grid;overflow:hidden}.reader-shell--night{--ink:#ece7f0;--muted:#b6adb9;--quiet:#918797;--grape:#c49ad7;--grape-deep:#ead8f2;--grape-soft:#493955;--paper:#211f25;--canvas:#18161b;--line:#3e3845;--line-strong:#5a5063;color:var(--ink);background:#18161b}.reader-shell--night .reader-toolbar{border-color:var(--line);background:#19171df2}.reader-shell--night .reader-scroll{scrollbar-color:var(--line-strong) transparent;background:#17151b}.reader-shell--night .virtual-paper{box-shadow:none;background:#211f25}.reader-shell--night .reader-block p{color:#ded7e4}.reader-shell--night .reader-block__skeleton{background:linear-gradient(90deg,#2c2831 25%,#37323d 50%,#2c2831 75%) 0 0/200% 100%}.reader-shell--night .settings-panel,.reader-shell--night .chapter-panel{background:#1d1a21}.reader-shell--night .chapter-list li+li{border-color:#39333f}.reader-shell--night .chapter-list button:hover{background:#2d2832}.reader-shell--night .encoding-setting select{border-color:var(--line-strong);color:var(--ink);background:#29252e}.reader-shell--night .theme-options button{background:#29252e}.reader-shell--panel{grid-template-columns:minmax(0,1fr) 318px}.reader-panel-host{min-width:0;height:100%;position:relative;overflow:hidden}.reader-stage{min-width:0;height:100%;position:relative}.reader-toolbar{z-index:5;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffefef0;grid-template-columns:96px minmax(150px,1fr) minmax(250px,390px) 44px 44px;align-items:center;gap:18px;height:72px;padding:0 22px;display:grid;position:relative}.back-button{width:fit-content;color:var(--muted);cursor:pointer;gap:7px;padding:8px 7px 8px 0}.back-button:hover{color:var(--grape-deep)}.reader-title{min-width:0}.reader-title strong,.reader-title span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.reader-title strong{font-family:Songti SC,Noto Serif CJK SC,Georgia,serif;font-size:16px}.reader-title span{color:var(--quiet);margin-top:4px;font-size:11px}.progress-jump{grid-template-columns:38px minmax(100px,1fr);align-items:center;gap:9px;display:grid}.progress-jump>span{color:var(--grape-deep);font-variant-numeric:tabular-nums;font-size:12px;font-weight:700}.progress-jump input,.setting-control input{height:18px;accent-color:var(--grape);cursor:pointer;margin:0}.reader-scroll:focus-visible{outline-offset:-3px;outline:3px solid #6c3d8838}.reader-scroll{overscroll-behavior:contain;filter:brightness(var(--reader-brightness,1));scrollbar-color:var(--line-strong) transparent;background:linear-gradient(90deg,#6c3d8807 1px,#0000 1px) 0 0/88px 100%,#fcfbfc;transition:filter .15s;position:absolute;inset:72px 0 0;overflow:auto}.virtual-paper{background:var(--paper);width:min(930px,100%);min-height:100%;margin:0 auto;position:relative;box-shadow:0 0 55px #3a2a410b}.reader-block{width:100%;padding:0 var(--reader-margin);position:absolute;top:0;left:0}.reader-block p{min-height:calc(var(--reader-font-size) * var(--reader-line-height));text-indent:2em;color:#332b36;font-family:Songti SC,Noto Serif CJK SC,Source Han Serif SC,Georgia,serif;font-size:var(--reader-font-size);font-weight:400;line-height:var(--reader-line-height);overflow-wrap:anywhere;white-space:pre-wrap;margin:0}.reader-block p.is-empty{text-indent:0;-webkit-user-select:none;user-select:none}.reader-block__skeleton{width:44%;height:calc(var(--reader-font-size) * .85);margin-top:calc(var(--reader-font-size) * var(--reader-line-height) * .12);background:linear-gradient(90deg,#f1eef3 25%,#f8f6f9 50%,#f1eef3 75%) 0 0/200% 100%;border-radius:3px;animation:1.3s linear infinite shimmer;display:block}.reader-loading{height:100%;color:var(--muted);align-content:center;place-items:center;gap:16px;font-size:13px;display:grid}.reader-loading span{border:2px solid var(--grape-soft);border-top-color:var(--grape);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}.back-to-top{z-index:4;border:1px solid var(--line);min-height:38px;color:var(--grape-deep);cursor:pointer;background:#fffffff2;border-radius:20px;align-items:center;gap:5px;padding:0 14px;font-size:12px;font-weight:700;display:inline-flex;position:absolute;bottom:24px;right:24px;box-shadow:0 8px 24px #3e2a481a}.back-to-top svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:16px;height:16px}.reader-fatal{text-align:center;align-content:center;place-items:center;gap:16px;width:100%;height:100%;padding:40px;display:grid}.reader-fatal .icon-button{position:absolute;top:24px;left:24px}.reader-fatal h1{margin:0;font-family:Songti SC,Noto Serif CJK SC,Georgia,serif;font-size:29px}.reader-fatal p{max-width:480px;color:var(--muted);margin:0 0 8px;line-height:1.8}.settings-panel,.chapter-panel{border-left:1px solid var(--line);opacity:0;visibility:hidden;pointer-events:none;background:#f4f1f5;width:318px;height:100%;transition:opacity .18s,transform .22s,visibility 0s linear .22s;position:absolute;top:0;bottom:0;right:0;overflow:hidden;transform:translate(22px)}.settings-panel--open,.chapter-panel--open{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s;transform:translate(0)}.settings-panel header,.chapter-panel header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:92px;padding:0 22px 0 26px;display:flex}.settings-panel h2,.chapter-panel h2{margin:0;font-family:Songti SC,Noto Serif CJK SC,Georgia,serif;font-size:24px}.settings-content{height:calc(100% - 180px);padding:12px 26px 30px;overflow:auto}.setting-control{border-bottom:1px solid var(--line);padding:22px 0;display:block}.setting-control>span{justify-content:space-between;align-items:baseline;margin-bottom:15px;display:flex}.setting-control strong{font-size:14px}.setting-control output{color:var(--grape);font-variant-numeric:tabular-nums;font-size:12px;font-weight:700}.setting-control input{width:100%}.theme-setting{border-bottom:1px solid var(--line);padding:24px 0}.theme-setting h3{margin:0;font-family:Songti SC,Noto Serif CJK SC,Georgia,serif;font-size:19px}.theme-options{grid-template-columns:1fr 1fr;gap:8px;margin-top:16px;display:grid}.theme-options button{border:1px solid var(--line-strong);min-height:38px;color:var(--muted);cursor:pointer;background:#fff;border-radius:6px;font-size:13px;font-weight:700}.theme-options button:hover,.theme-options button.is-active{border-color:var(--grape);background:var(--grape-soft);color:var(--grape-deep)}.encoding-setting{padding-top:26px}.encoding-setting h3{margin:0 0 8px;font-family:Songti SC,Noto Serif CJK SC,Georgia,serif;font-size:19px}.encoding-setting>p:not(.eyebrow){color:var(--muted);margin:0 0 16px;font-size:12px;line-height:1.7}.encoding-setting select{border:1px solid var(--line-strong);width:100%;height:40px;color:var(--ink);background:#fff;border-radius:6px;padding:0 10px}.setting-busy{color:var(--grape);margin-top:10px;font-size:12px;display:block}.settings-panel footer{border-top:1px solid var(--line);height:88px;padding:20px 26px}.settings-panel footer p{color:var(--quiet);margin:0;font-size:11px;line-height:1.6}.chapter-content{height:calc(100% - 92px);padding:14px 18px 28px;overflow:auto}.chapter-list{margin:0;padding:0;list-style:none}.chapter-list li+li{border-top:1px solid #c9bfd08c}.chapter-list button{width:100%;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;grid-template-columns:30px minmax(0,1fr);align-items:baseline;gap:9px;padding:13px 9px;display:grid}.chapter-list button:hover{background:#ffffffb3}.chapter-list button.is-active{background:var(--grape-soft);color:var(--grape-deep)}.chapter-list button>span{color:var(--quiet);font-variant-numeric:tabular-nums;text-align:right;font-size:11px}.chapter-list button>strong{text-overflow:ellipsis;font-size:13px;font-weight:600;line-height:1.55;overflow:hidden}.chapter-state{min-height:230px;color:var(--muted);text-align:center;align-content:center;justify-items:center;padding:28px;display:grid}.chapter-state strong{color:var(--ink);font-family:Songti SC,Noto Serif CJK SC,Georgia,serif;font-size:19px}.chapter-state p{margin:10px 0 0;font-size:12px;line-height:1.7}.chapter-state__spinner{border:2px solid var(--grape-soft);border-top-color:var(--grape);border-radius:50%;width:24px;height:24px;margin-bottom:14px;animation:.8s linear infinite spin}.toast{z-index:100;border:1px solid var(--line);border-left:4px solid var(--grape);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff7;border-radius:7px;align-items:center;gap:16px;max-width:min(430px,100vw - 56px);padding:14px 14px 14px 18px;font-size:13px;line-height:1.5;animation:.22s both toast-in;display:flex;position:fixed;bottom:28px;right:28px;box-shadow:0 18px 50px #35233f2b}.toast--success{border-left-color:#5b7d32}.toast--error{border-left-color:var(--danger)}.toast button{width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;display:grid}.toast svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:2px;width:17px;height:17px}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shimmer{to{background-position:-200% 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=900px){.library-header,.library-main{width:calc(100% - 36px)}.library-header{height:96px}.brand-lockup p{display:none}.library-main{height:calc(100vh - 96px);padding-top:34px}.empty-library{grid-template-columns:110px 1fr;gap:28px}.empty-library__vine{height:150px}.reader-toolbar{grid-template-columns:76px minmax(100px,1fr) 44px 44px;gap:10px}.progress-jump{display:none}.reader-shell--panel{grid-template-columns:minmax(0,1fr) 286px}.settings-panel,.chapter-panel{width:286px}.reader-block{padding-right:max(20px, calc(var(--reader-margin) * .7));padding-left:max(20px, calc(var(--reader-margin) * .7))}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.book-plate__actions{justify-content:space-between;align-items:center;gap:8px;margin-top:13px;display:flex}.book-plate__cover-action,.book-plate__remove{cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:0;font-size:11px;display:inline-flex}.book-plate__cover-action{color:var(--grape);opacity:.78;transition:color .15s,opacity .15s}.book-plate__cover-action:hover:not(:disabled){color:var(--grape-deep);opacity:1}.book-plate__cover-action:disabled{cursor:wait;opacity:.48}.book-plate__remove{color:var(--quiet);opacity:0;transition:color .15s,opacity .15s}.book-plate:hover .book-plate__remove,.book-plate__remove:focus-visible{opacity:1}.book-plate__remove:hover{color:var(--danger)}.book-plate__cover-action svg,.book-plate__remove svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:14px;height:14px}html,body,#root{min-height:100%}body{overscroll-behavior:none;-webkit-tap-highlight-color:transparent;overflow:clip}button,input,select{touch-action:manipulation}@media (width<=700px){.library-header{width:100%;height:calc(86px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 18px 0}.brand-lockup svg{width:42px;height:42px}.brand-lockup h1{font-size:25px}.import-actions .primary-action{min-height:42px;padding:0 14px}.library-main{width:100%;height:calc(100dvh - 86px - env(safe-area-inset-top));padding:28px 18px calc(28px + env(safe-area-inset-bottom))}.shelf-heading{margin-bottom:24px}.shelf-heading h2{font-size:30px}.book-shelf{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 14px}.book-plate__cover{border-radius:2px 7px 7px 2px;box-shadow:5px 6px #5944631f}.book-plate__monogram{font-size:56px;bottom:38px;right:14px}.book-plate__format{bottom:14px;right:14px}.book-plate__details{padding-top:13px}.book-plate__title{font-size:16px}.book-plate__actions{flex-direction:column;align-items:flex-start;gap:7px}.book-plate__remove{opacity:1}.reader-toolbar{height:calc(64px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 12px 0;grid-template-columns:58px minmax(0,1fr) 40px 40px;gap:7px}.back-button span{display:none}.reader-title strong{font-size:15px}.reader-scroll{inset:calc(64px + env(safe-area-inset-top)) 0 0;-webkit-overflow-scrolling:touch}.reader-block{padding-right:max(18px, calc(var(--reader-margin) * .55));padding-left:max(18px, calc(var(--reader-margin) * .55))}.reader-shell--panel{grid-template-columns:minmax(0,1fr)}.reader-panel-host{z-index:20;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.settings-panel,.chapter-panel{width:100%;transform:translate(100%)}.settings-panel--open,.chapter-panel--open{transform:translate(0)}.settings-content{padding-bottom:calc(30px + env(safe-area-inset-bottom))}.back-to-top{right:16px;bottom:calc(18px + env(safe-area-inset-bottom))}}