:root{font-family:Segoe UI,Microsoft YaHei,sans-serif;color:#283d37;background:#f5f3ed;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:1px solid #d8ded5;background:transparent;color:inherit;border-radius:8px;padding:9px 14px}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible{outline:3px solid #bba16c;outline-offset:3px}header{height:84px;padding:0 6vw;display:flex;align-items:center;gap:24px;border-bottom:1px solid #dfe3d9;background:#fbfaf6}.wordmark{font-weight:650;font-size:27px;border:0;padding:0;letter-spacing:-1px}.wordmark span{font-size:15px;letter-spacing:4px;margin-left:18px;font-weight:400}header>small{margin-left:auto;font-size:12px;color:#7a8479}.home{max-width:1120px;margin:auto;padding:64px 32px 120px}.kicker{letter-spacing:3px;font-size:11px;color:#9b875a}.home h1{font-weight:500;font-size:38px;letter-spacing:2px;margin:18px 0}.muted{color:#7c8478;font-size:14px}.dashboard{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;margin-top:44px}.dashboard article{padding:30px;background:#e5ebe0;border-radius:16px;min-height:210px}.dashboard article+article{background:#efeadf}.dashboard h2{font-size:24px;font-weight:500;margin:18px 0 8px}small{color:#7b836c;font-size:12px}.primary{background:#365747;color:#fff;border:0}.shelf-title{margin-top:48px;font-size:20px;font-weight:500}.book{display:flex;align-items:center;gap:26px;border:0;text-align:left;margin-top:24px;padding:0}.book small{display:block;margin-top:12px}.cover{height:228px;width:166px;border-radius:3px 10px 10px 3px;padding:23px 17px;background:#334f55;color:#faf7eb;box-shadow:5px 8px 15px #253a2920;border-left:7px solid #263f43;display:flex;flex-direction:column;justify-content:space-between}.cover small{color:#cbd8cc;font-size:8px;margin:0}.cover strong{font-size:26px;font-weight:400;line-height:1.7}.cover b{color:#ebcda0;font-size:44px}.cover i{font-size:10px;letter-spacing:3px;font-style:normal;color:#d5dfd1}.reader{max-width:1000px;margin:auto;padding:20px 24px 200px}nav{display:flex;gap:14px;align-items:center;flex-wrap:wrap;position:sticky;top:0;z-index:2;background:#f5f3edf5;padding:12px 0}nav>span{margin-right:auto}nav label{font-size:12px;display:flex;gap:5px;align-items:center}nav input[type=range]{width:90px}.page-nav{display:flex;align-items:center;justify-content:space-between;margin:12px 0}.page-nav span{font-size:12px;color:#7c857a}.paper-scroll{overflow:auto;padding:8px 0;touch-action:pan-x pan-y pinch-zoom}.paper{position:relative;overflow:hidden;margin:0 auto;background:#fff;box-shadow:0 3px 20px #263d3210}.paper canvas{position:absolute;height:auto;display:block}.caption{text-align:center;color:#899181;font-size:11px}.page-audio{border:1px solid #dce3d7;border-radius:12px;padding:20px;margin:24px 0}.page-audio h3{font-size:14px}.page-audio button{margin:0 10px 12px 0}.page-audio small,.player small{display:block;font-size:11px;margin-top:5px}.pages{display:flex;flex-wrap:wrap;gap:8px;padding:12px}.player{position:fixed;bottom:35px;left:50%;transform:translate(-50%);width:min(1050px,95vw);background:#fffdf7f5;border:1px solid #d9e0d1;border-radius:15px;box-shadow:0 4px 30px #172b3420;padding:16px;display:flex;gap:10px;align-items:center;z-index:4;flex-wrap:wrap}.player b{font-size:13px}.player>input{flex:1;min-width:100px;accent-color:#3e6551}.player>span{font-size:12px}.player select{border:0;background:transparent}footer{position:fixed;bottom:0;left:0;right:0;background:#f5f3edf0;font-size:11px;padding:9px 5vw;color:#75806e;z-index:5}.eye{background:#ece6d4;min-height:100vh}.eye .paper{filter:sepia(.18) brightness(.96)}@media(max-width:600px){header{height:66px;padding:0 20px;gap:10px}.wordmark{font-size:23px}.wordmark span{font-size:12px;margin-left:10px}header>small{font-size:10px}.home{padding:35px 22px 100px}.home h1{font-size:26px}.dashboard{grid-template-columns:1fr;gap:12px;margin-top:28px}.dashboard article{padding:24px;min-height:170px}.reader{padding:8px 10px 220px}nav{gap:8px;font-size:12px}.player{padding:12px;gap:8px}.player>div{flex-basis:100%}.player button{padding:7px 10px}.cover{width:142px;height:202px}}.page-buttons{position:absolute;display:flex;gap:4px;z-index:1;max-width:30%}.page-buttons button{background:#fffdf3ec;border:1px solid #84977c;padding:5px 8px;font-size:clamp(9px,1.2vw,13px);white-space:nowrap;box-shadow:0 2px 5px #22332215}.pages{max-height:360px;overflow:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));background:#eeeee5;border-radius:10px}.thumbnail{display:grid;justify-items:center;padding:8px;gap:5px}.thumbnail canvas{width:64px;min-height:90px;background:#fff;box-shadow:0 2px 5px #0001}.page-buttons{position:absolute;inset:0;max-width:none;display:block;pointer-events:none}.page-buttons button{position:absolute;pointer-events:auto}.page-buttons.editing button{touch-action:none;border:2px dashed #ab7730;cursor:move}.layout-backup{padding:16px;background:#e9e9df;margin:10px 0}.layout-backup textarea{display:block;width:100%;height:120px;margin:10px 0}.continuous-sheet{margin:0 0 30px;scroll-margin-top:140px}.continuous-reader .paper-scroll{overflow-x:auto}.continuous-reader .paper{min-height:100px}.sentence-layer{position:absolute;inset:0;pointer-events:none}.sentence-layer button{position:absolute;pointer-events:auto;padding:0;border:0;border-radius:3px;background:transparent}.sentence-layer .candidate{border-bottom:1px dashed #80986a}.sentence-layer button:hover{background:#d5df653b}.sentence-layer button.active{background:#dae35670;box-shadow:0 0 0 2px #80945b}.material-import{margin:26px 0;padding:18px;background:#f0f0e7;border:1px solid #dce2d5;border-radius:10px}.material-import label{display:grid;gap:12px;font-size:14px}.material-import small{display:block;margin-top:12px}.translation-layer{position:absolute;inset:0;pointer-events:none}.translation-layer span{position:absolute;display:block;pointer-events:none}.immersive>header{display:none}.immersive .reader{max-width:1100px;padding-top:0}.immersive footer:empty{display:none}.paper-scroll{touch-action:pan-x pan-y}.sentence-translation{flex-basis:100%;padding:8px 12px;border-top:1px solid #e0e5d8}.sentence-translation p{margin:4px 0;line-height:1.6}.sentence-translation p[lang=ko]{font-size:18px}.sentence-translation p[lang=zh-CN]{font-size:14px;color:#6b775e}.data-panel{position:fixed;inset:0;background:#23372d66;z-index:20;overflow:auto;padding:32px 16px}.data-panel>div{max-width:780px;margin:auto;background:#fbfaf6;border-radius:12px;padding:25px;box-shadow:0 10px 45px #0003}.data-panel h2{font-size:22px}.data-panel p{line-height:1.7}.data-panel fieldset{border:1px solid #d1dacb;border-radius:8px}.data-panel label{display:block;margin:14px 0}.data-panel textarea{width:100%;height:180px;display:block;font-size:13px}.data-panel input[type=file]{display:block;margin-top:10px}.data-panel button{margin:5px 8px 5px 0}@media(max-width:600px){header{gap:6px;padding:0 10px}.wordmark{font-size:21px}.wordmark span{letter-spacing:1px;margin-left:7px}header>button{padding:6px 8px}.data-panel{padding:14px 8px}}.data-panel{overscroll-behavior:contain}.bottom-tabs{position:fixed;inset:auto 0 0;margin:0;z-index:10;display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:7px max(12px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom));background:#fbfaf6f5;border-top:1px solid #dce2d8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.bottom-tabs button{display:flex;flex-direction:column;align-items:center;gap:4px;border:0;border-radius:12px;font-size:11px;color:#788277;padding:6px;min-height:48px}.bottom-tabs button[aria-current=page]{color:#264e3a;background:#e6ede2}.bottom-tabs svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linejoin:round}.tab-page{max-width:900px;padding-top:28px;padding-bottom:calc(105px + env(safe-area-inset-bottom));min-height:65vh}.tab-page h1{font-size:30px;margin:14px 0}.tab-page .dashboard{margin-top:24px;gap:14px}.tab-page .dashboard article{min-height:160px;padding:24px}.tab-home .dashboard{grid-template-columns:1.25fr 1fr}.settings-card{padding:22px;margin:16px 0;background:#fffdf8;border:1px solid #e1e5db;border-radius:16px}.settings-card h2{font-weight:500;font-size:18px;margin:0 0 16px}.settings-card button{margin:4px 8px 4px 0}.settings-card summary{cursor:pointer;font-weight:600}.empty-page{padding-top:20px}.tab-shelf .material-import{margin-top:22px}.tab-shelf .book{padding:18px;background:#eeeee4;border-radius:16px;width:100%}footer[role=status]{padding-bottom:calc(90px + env(safe-area-inset-bottom));position:static}.reader{padding-bottom:calc(210px + env(safe-area-inset-bottom))}.player{padding-bottom:calc(12px + env(safe-area-inset-bottom))}header{padding-top:env(safe-area-inset-top);height:calc(70px + env(safe-area-inset-top))}@media(max-width:600px){.tab-page{padding:22px 18px calc(105px + env(safe-area-inset-bottom))}.tab-home .dashboard{grid-template-columns:1fr}.tab-home .dashboard article{min-height:0;padding:22px}.tab-home .dashboard article:first-child{min-height:174px}.tab-home .dashboard article+article h2{font-size:19px;margin:8px 0}.tab-page h1{font-size:27px}.tab-page .cover{width:115px;height:165px}.settings-card{padding:18px}.wordmark{font-size:23px}}.reading-mode>header{display:none}.reading-mode .reader{max-width:1100px;margin:0 auto;padding:0 2px calc(20px + env(safe-area-inset-bottom))}.reading-mode.has-player .reader{padding-bottom:calc(126px + env(safe-area-inset-bottom))}.reader-toolbar{display:flex;justify-content:space-between;gap:4px;margin:0 -2px;padding:calc(4px + env(safe-area-inset-top)) 6px 4px;min-height:48px;z-index:6;background:#fbfaf6f2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid #dfe3da}.reader-toolbar button{padding:8px 10px;min-height:40px}.reader-toolbar label{font-size:14px}.reader-toolbar input{width:17px;height:17px}.reader .paper-scroll{padding:0}.reader .paper{box-shadow:none}.reader .continuous-sheet{margin-bottom:8px;scroll-margin-top:54px}.reader .continuous-sheet>.caption{font-size:10px;margin:3px 10px;text-align:right}.page-nav[hidden]{display:none}.restore-tools{position:fixed;top:calc(5px + env(safe-area-inset-top));right:8px;z-index:7;background:#fbfaf6d9;font-size:12px;min-height:40px;box-shadow:0 1px 7px #0001}.reader-settings{position:fixed;top:calc(54px + env(safe-area-inset-top));right:8px;left:8px;max-width:600px;max-height:65dvh;overflow:auto;z-index:8;padding:16px;background:#fffdf8;border:1px solid #d5ddcf;box-shadow:0 10px 40px #172b3220;border-radius:14px}.reader-settings label{display:flex;align-items:center;gap:12px;margin:16px 0}.reader-settings small{display:block;line-height:1.6}.reader-settings details{margin-top:18px}.reader-settings button{margin:4px}.reader .pages{position:fixed;z-index:8;left:8px;right:8px;top:calc(54px + env(safe-area-inset-top));max-height:65dvh;box-shadow:0 8px 24px #0002}.reader .layout-backup{position:relative;z-index:8;margin-top:65dvh}.compact-player{display:grid;grid-template-columns:44px minmax(0,1fr) 76px;gap:6px 8px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));align-items:center;max-height:55dvh;overflow:auto;z-index:9}.compact-player>div:first-child{grid-column:1/3;grid-row:1;min-width:0}.compact-player>div:first-child small{display:none}.compact-player b{font-size:12px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compact-player>.close-audio{grid-column:3;grid-row:1;font-size:12px;padding:6px;min-height:36px}.compact-player>.primary{grid-column:1;grid-row:2;min-height:40px;padding:6px}.compact-player>input{grid-column:2;grid-row:2;width:100%;min-width:0}.compact-player>span{display:none}.compact-player>.audio-more{grid-column:3;grid-row:2;min-height:40px;padding:6px}.compact-player>.audio-options{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap;padding-top:10px;border-top:1px solid #dbe1d5}.audio-options small{flex-basis:100%;line-height:1.6}.compact-player>.sentence-translation{grid-column:1/-1}.reading-mode>footer{padding:4px 10px calc(12px + env(safe-area-inset-bottom));font-size:10px}.reading-mode.has-player>footer{padding-bottom:calc(128px + env(safe-area-inset-bottom))}.reading-mode{height:100dvh;overflow:hidden;display:flex;flex-direction:column}.reading-mode>.reader{display:flex;flex-direction:column;width:100%;min-height:0;flex:1;padding:0!important;margin:0 auto}.page-viewport{position:relative;flex:1;min-height:0;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none}.swipe-sheet{position:absolute;inset:0}.zoom-sheet{position:absolute;left:50%;top:50%;transform-origin:center}.zoom-sheet .paper{height:100%;width:100%;margin:0}.zoom-sheet .paper[data-ready=false]{visibility:hidden}.page-position{position:absolute;bottom:3px;right:6px;font-size:10px;color:#697365;pointer-events:none;background:#fff9;padding:2px 5px;border-radius:5px}.reading-mode>.compact-player{position:relative;bottom:auto;left:auto;right:auto;flex:none;width:100%;max-height:45dvh;border-radius:0;margin:0;box-shadow:none;border-top:1px solid #d9e1d4}.reading-mode>footer{flex:none;padding:2px 8px calc(2px + env(safe-area-inset-bottom))!important;min-height:0;font-size:9px}.reading-mode.has-player>footer{display:none}.reading-mode .reader-toolbar{flex:none}.reading-mode>.compact-player{transform:none;max-width:none;box-sizing:border-box}.reader-directory{position:fixed;z-index:8;top:calc(54px + env(safe-area-inset-top));left:8px;right:8px;max-height:65dvh;overflow:auto;background:#fbfaf6;border:1px solid #d6ddcf;border-radius:12px;padding:12px;box-shadow:0 10px 28px #0002}.reader-directory button{margin:3px}.lesson-links{display:grid}.lesson-links button{display:flex;justify-content:space-between;align-items:center;min-height:48px}.thumbnail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr))}.neighbor-slot{position:absolute;inset:0;pointer-events:none;overflow:hidden}.previous-slot{transform:translateY(-100%)}.next-slot{transform:translateY(100%)}.neighbor-page{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.neighbor-page canvas{width:100%;height:100%;object-fit:contain}.neighbor-page span{position:absolute;background:#fff9;padding:10px}.global-audio{position:fixed;bottom:calc(75px + env(safe-area-inset-bottom));left:8px;right:8px;z-index:9;background:#fffdf8;border:1px solid #d5dece;padding:8px;display:flex;align-items:center;gap:6px;border-radius:12px}.global-audio span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.global-audio button{font-size:12px;padding:8px}.reader-directory .thumbnail[aria-current=page]{outline:2px solid #436e4b}.playback-status{display:block;font-size:10px;color:#60705c;margin-top:3px}.lesson-links button[aria-current=page]{background:#e2eadc;border-color:#537b59}.global-audio~.bottom-tabs{z-index:10}.app:has(.global-audio) .tab-page{padding-bottom:calc(180px + env(safe-area-inset-bottom))}