*{box-sizing:border-box}body{margin:0;color:#30483e;background:#eff3ee;background-image:radial-gradient(ellipse at 50% 35%,#fffdf7 0,transparent 65%);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB",sans-serif}.topbar{height:76px;margin:0 5%;border-bottom:1px solid #dce5db;display:flex;align-items:center;justify-content:space-between}.brand{color:#315346;text-decoration:none;font-size:16px;font-weight:600;display:flex;align-items:center;gap:10px}.brand-icon{font-size:25px;font-weight:400}.edition{font-size:9px;letter-spacing:2px;border:1px solid #b9ccc0;padding:4px 6px;border-radius:4px;margin-left:4px}.top-note{font-size:12px;color:#8a988e;letter-spacing:1px}main{padding:26px 24px 40px;display:flex;align-items:center;flex-direction:column}.reading-label{font-size:11px;color:#8c9c90;letter-spacing:2px;margin-bottom:22px;display:flex;gap:8px;align-items:center}.reading-label span{width:5px;height:5px;background:#79a68b;border-radius:50%}.book-stage{perspective:1700px;width:min(405px,calc(100vw - 58px));}.book{position:relative;width:100%;aspect-ratio:381/568;isolation:isolate;touch-action:pan-y;filter:drop-shadow(0 22px 23px #29433025)}.paper-stack{position:absolute;inset:3px -5px -3px 5px;background:repeating-linear-gradient(to right,#fefcf8 0 1px,#dcdccf 1px 2px);border-radius:1px 4px 4px 1px;box-shadow:2px 2px 3px #536a4820}.content-leaf,.cover-leaf{position:absolute;inset:0;border:0;background:#fff;padding:0;overflow:hidden;border-radius:1px 3px 3px 1px}.content-leaf{box-shadow:inset 8px 0 14px -13px #22392b60}.printed-page{width:381px;height:568px;position:absolute;left:0;top:0;transform-origin:top left;background:#fff;color:#60bda6;font-family:"Songti SC","Yu Mincho",serif}.unit-mark{position:absolute;top:29px;left:15px;width:31px;text-align:center}.unit-mark>span{display:block;border:2px double #6dc3ad;border-radius:40%;font-size:25px;line-height:28px}.unit-mark small{font-size:8px;font-family:sans-serif}.unit-title{position:absolute;left:61px;top:15px;width:245px;height:61px;border-radius:34px;background:#009d78;color:#fff;display:flex;align-items:center;justify-content:center;font:700 14px "Songti SC",serif;letter-spacing:4px}.unit-title:after{content:"";position:absolute;bottom:-5px;left:119px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #009d78}.panda{position:absolute;width:67px;height:72px;right:19px;top:46px;z-index:2}.page-frame{position:absolute;top:91px;left:30px;right:44px;bottom:22px;border:1px solid #ffb6b6}.corner{color:#ffaaaa;background:white;font:17px sans-serif;position:absolute;line-height:13px}.corner.top{top:-2px;left:-2px}.corner.bottom{bottom:-2px;right:-2px}.side-tag{position:absolute;left:15px;top:133px;border:1px solid #ffb1b1;border-right:0;border-radius:17px 0 0 17px;color:#ff9292;background:white;width:24px;height:32px;writing-mode:vertical-rl;font:7px sans-serif;padding:5px 7px;letter-spacing:1px}.lesson-title{position:absolute;top:100px;left:46px;width:277px;text-align:center;border-bottom:1px dotted #ffbaba;padding-bottom:9px}.lesson-title h1{font-family:"Hiragino Sans","PingFang SC",sans-serif;font-size:22px;line-height:27px;color:#887973;margin:0;font-weight:700}.lesson-title p{font-size:7px;letter-spacing:1px;margin:3px 0 0;color:#a99b93}.vocabulary{position:absolute;top:163px;left:39px;width:290px;height:45px;border-bottom:1px solid #ffb2b2;display:flex;align-items:flex-start;justify-content:center;gap:6px}.vocabulary button{font:700 22px "PingFang SC",sans-serif;line-height:29px;background:transparent;border:0;color:#ff5753;padding:0;cursor:pointer;text-decoration-color:#ffb4a8;text-underline-offset:5px;border-radius:3px}.vocabulary button:hover,.vocabulary button[aria-expanded=true]{text-decoration:underline;background:#fff1ec}.vocabulary button:focus-visible{outline:2px solid #009d78;outline-offset:3px}.vocabulary strong{font:700 23px sans-serif;color:#ff5753;line-height:29px;margin-left:4px}.pronunciation{font-size:9px;margin-top:11px;white-space:nowrap}.explanation{position:absolute;top:228px;left:46px;width:282px;font-size:8.1px;line-height:13.6px;font-weight:600;margin:0}.example-label{position:absolute;left:35px;width:294px;border-top:1px solid #ffb2b2;font-size:8px;color:#ff9292;padding-top:0;line-height:11px}.example-label:before{content:"";position:absolute;left:0;top:-5px;width:21px;height:12px;border:1px solid #ffd0d0;border-radius:6px;background:#fff;z-index:-1}.first{top:299px}.second{top:423px}.example{position:absolute;left:46px;width:277px;font-weight:600}.example-one{top:326px}.example-two{top:450px}.example p{margin:0;font-size:10px;line-height:13px}.example small{display:block;font-size:7px;line-height:11px;white-space:nowrap;font-weight:400}.dotted{border-top:1px dotted #ffb9b9;margin:23px 0 11px}.example .japanese{font-size:10px;line-height:13px;color:#61b69e}.example-two .dotted{margin-top:23px;margin-bottom:11px}.page-number{position:absolute;bottom:5px;left:15px;font-size:7px}.cover-leaf{transform-origin:left center;transform:rotateY(0deg);backface-visibility:hidden;cursor:grab;z-index:3;will-change:transform;transition:transform .85s cubic-bezier(.25,.7,.25,1),opacity .85s;background:#e4edcf;box-shadow:inset 5px 0 8px #0002}.cover-leaf img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}.cover-glint{position:absolute;inset:0;background:linear-gradient(90deg,#294b3320,transparent 5%,transparent 97%,#fff3);pointer-events:none}.cover-corner{position:absolute;right:13px;bottom:12px;color:white;font-size:19px;text-shadow:0 1px 6px #264a32}.book.open .cover-leaf{transform:rotateY(-172deg);opacity:0;pointer-events:none}.book.dragging .cover-leaf{transition:none;cursor:grabbing}.reader-controls{display:flex;align-items:center;gap:22px;margin-top:24px}.reader-controls button{width:36px;height:36px;border-radius:50%;border:1px solid #cbd8cc;color:#47715a;background:#ffffff80;font-size:18px;cursor:pointer;transition:background .2s}.reader-controls button:hover:enabled{background:#dfeadd}.reader-controls button:disabled{opacity:.3;cursor:default}.reader-controls span{font-size:12px;min-width:68px;text-align:center;color:#758879;letter-spacing:1px}.instruction{font-size:11px;color:#95a193;letter-spacing:1px;margin:13px 0 0}.definition{width:min(550px,100%);background:#fffdf8;border:1px solid #d9e5d9;border-radius:14px;box-shadow:0 10px 30px #3e5c3d0c;margin-top:25px;padding:23px 25px;animation:appear .3s ease}.definition[hidden]{display:none}.definition-heading{display:flex;justify-content:space-between;align-items:flex-start}.definition-kicker{font-size:10px;letter-spacing:2px;color:#8aa190}.definition h2{font-size:25px;margin:9px 0 19px;color:#ef6257}.definition h2 small{font:12px Georgia,serif;color:#7f9b89;margin-left:8px}.definition-heading button{border:0;background:#edf2e9;color:#6f8571;width:27px;height:27px;border-radius:50%;font-size:20px;cursor:pointer}.translation-row{display:flex;gap:16px;margin:0 0 15px}.translation-row>span{flex-shrink:0;width:42px;font-size:10px;padding-top:4px;color:#7c9b87}.translation-row p{font-size:13px;line-height:1.85;margin:0;color:#50685b}.translation-row strong{font-weight:500}.definition-example{border-top:1px dashed #dbe3d3;padding-top:14px;margin-top:8px}.definition-example p{font-size:12px;line-height:1.7;margin:3px 0;color:#849482}@keyframes appear{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(min-height:850px){main{padding-top:35px}.book-stage{width:min(440px,calc(100vw - 58px))}}@media(max-width:600px){.topbar{height:61px}.top-note{display:none}main{padding-top:23px}.reading-label{margin-bottom:19px}.book-stage{width:min(360px,calc(100vw - 58px))}.definition{padding:20px}.translation-row{gap:9px}}@media(prefers-reduced-motion:reduce){.cover-leaf{transition:none}.definition{animation:none}}

.explanation{font-size:7.7px;letter-spacing:-.16px;line-height:13.6px}.red-word{color:#ff7670}

/* Curled paper pages and an anchored, non-modal dictionary popover. */
.book{filter:none;isolation:auto;aspect-ratio:381/568;box-shadow:5px 7px 0 -3px #e2e1d6,7px 9px 0 -4px #c9d0c2,0 22px 35px #29433025}
.book-stage{perspective:none}.book .book-page{border-radius:1px 3px 3px 1px;overflow:hidden}
.book .cover-leaf{transform:none;transition:none;opacity:1;backface-visibility:visible;will-change:auto;z-index:auto;cursor:grab;position:absolute}
.book .content-leaf{position:absolute}.cover-corner{right:15px;bottom:14px}.book .stf__parent{position:relative}.book .stf__block{overflow:hidden}
.definition{position:fixed;z-index:1000;width:min(390px,calc(100vw - 24px));margin:0;padding:20px 22px;background:#f9faf7f5;backdrop-filter:blur(18px);border:1px solid #aebdaf;border-radius:16px;box-shadow:0 15px 40px #263b3433,0 2px 5px #263b3415;animation:appear .18s ease;max-height:calc(100dvh - 48px);overflow:visible}
.definition:before{content:"";position:absolute;top:-8px;left:calc(var(--arrow-x,50%) - 8px);width:15px;height:15px;background:#f9faf7;border-left:1px solid #aebdaf;border-top:1px solid #aebdaf;transform:rotate(45deg)}
.definition.above:before{top:auto;bottom:-8px;transform:rotate(225deg)}
.definition-heading{position:relative}.definition h2{margin-bottom:15px;font-size:24px}.translation-row p{font-size:12px;line-height:1.75}.translation-row{margin-bottom:12px;gap:10px}.definition-example{padding-top:10px}.definition-example p{font-size:11px}.definition-heading button{flex-shrink:0}.vocabulary button[aria-expanded=true]{background:#fff0a9;color:#d85040;text-decoration:none;box-shadow:0 0 0 4px #fff0a9}
@media(max-width:600px){.definition{padding:17px 18px}}

.book{overflow:hidden;border-radius:1px 3px 3px 1px}

.vocabulary .wota-word{font:700 23px sans-serif;line-height:29px;margin-left:4px}.definition-body{max-height:calc(100dvh - 150px);overflow-y:auto;overscroll-behavior:contain}.definition-body[hidden]{display:none}.word-media{margin:14px 0 0}.word-media img{display:block;width:100%;height:190px;object-fit:contain;border-radius:8px;background:#e8ece6}.word-media figcaption{font-size:9px;line-height:1.7;color:#819082;margin-top:7px}.word-media a{color:#638b76;text-underline-offset:2px}.word-media #mediaError{font-size:11px;color:#8e6951}