: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}}