[hidden]{display:none!important}.ui-glyph{display:inline-block;font-size:23px;line-height:1.1}.back .ui-glyph{font-size:24px}.continue-banner{background:#EFE5D9;border:1px solid #E2D4C4;border-radius:27px;padding:28px;display:flex;align-items:center;gap:25px;justify-content:space-between;margin-bottom:24px}.continue-banner h1{font-size:25px;margin:8px 0 12px}.continue-banner>div{flex:1}.continue-banner .primary{flex-shrink:0}.total-progress{padding:5px 3px 10px}.row{display:flex;justify-content:space-between;align-items:center;gap:12px}.total-progress .row{font-size:13px;margin-bottom:9px;color:#7A6656}.pill{background:#F7EFE5;color:#77563F}.level[open] .level-badge{color:white}.level-badge{background:#EFE4D8;color:#8C4A27}.level-copy p{color:#857667}.level.locked{color:#81766D}.locked .level-badge{background:#EDE7DF;color:#8D8175}.level-count{color:#8C4A27}.lesson-index{color:#8C4A27;background:#F4EDE5}.lesson-item button:hover:enabled{color:#8C4A27}.lesson-name{line-height:1.85}.updated{display:inline-block!important;font-size:9px!important;color:#8C4A27!important;background:#F5E9DC;border-radius:6px;padding:1px 5px;margin-inline-start:6px;font-weight:500;vertical-align:middle}.nav button[aria-current=page]{background:#F2E5D8;color:#8C4A27}.term-inline{background:transparent;padding:0 1px;color:#8C4A27;border-bottom:1px dashed #B68869;display:inline;line-height:inherit;font-size:inherit;font-weight:500;text-align:inherit}.term-inline:hover{background:#F4E9DD}.lesson-spacing{height:25px}.image-open{display:block;width:100%;padding:0;background:transparent;border-radius:20px;overflow:hidden;cursor:zoom-in}.image-open img{width:100%;height:auto}.reading-figure figcaption{color:#7D6E62}.has-modal{overflow:hidden!important}#overlay{position:fixed;inset:0;z-index:100}.sheet-backdrop{position:absolute;inset:0;background:#16100bb3;backdrop-filter:blur(3px)}.bottom-sheet{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,650px);max-height:80dvh;overflow:auto;border-radius:30px 30px 0 0;background:#F8F5F0;padding:14px 28px calc(25px + env(safe-area-inset-bottom));box-shadow:0 -15px 55px #0003}.sheet-grip{width:45px;height:5px;border-radius:5px;background:#D3C7BB;margin:0 auto 20px}.bottom-sheet .toolbar h2{margin:0}.bottom-sheet p{font-size:18px;line-height:2}.term-english{display:block;color:#8C4A27;font-size:20px;margin-bottom:18px}.image-viewer{position:absolute;inset:0;background:#F8F5F0;display:flex;flex-direction:column}.viewer-toolbar{display:flex;align-items:center;gap:8px;flex-shrink:0;padding:12px max(14px,env(safe-area-inset-right)) 12px max(14px,env(safe-area-inset-left));border-bottom:1px solid #E2DDD5;background:#FFF}.viewer-toolbar .secondary{min-height:44px;padding:8px 13px;font-size:13px}.viewer-toolbar .iconbutton{min-width:42px;min-height:42px;font-size:21px;padding:3px 10px}.viewer-stage{position:relative;display:grid;place-items:center;flex:1;min-height:180px;overflow:hidden;touch-action:none;user-select:none;background:#EFECE6}.image-plane{position:relative;will-change:transform;transform-origin:center center;flex-shrink:0}.image-plane>img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.hotspot{position:absolute;width:30px;height:30px;min-width:30px;min-height:30px;border-radius:50%;border:2px solid white;background:#8C4A27e8;color:white;display:grid;place-items:center;font-size:12px;line-height:1;box-shadow:0 2px 7px #0004;transform-origin:center}.hotspot[aria-pressed=true]{background:#1C1B19;outline:3px solid #D5AB86}.viewer-notes{flex-shrink:0;max-height:35dvh;overflow:auto;padding:16px 22px calc(14px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #E2DDD5}.viewer-notes h3{margin-bottom:6px}.viewer-notes p{font-size:13px;margin-bottom:12px;line-height:1.9}.hotspot-list{display:flex;gap:7px;flex-wrap:wrap}.hotspot-chip{background:#F3EBE1;border:1px solid #E2D7CA;border-radius:12px;padding:8px 12px;min-height:42px;font-size:12px;text-align:start}.hotspot-chip[aria-pressed=true]{color:#fff;background:#8C4A27}.footfall-chart{margin:20px 0 5px;border-top:1px solid #E2DDD5;padding-top:16px}.gait-row{display:grid;grid-template-columns:120px 1fr;align-items:center;gap:12px;margin:14px 0}.gait-row>b{font-size:12px}.beats{display:flex;gap:7px}.beat{background:#F8F5F0;border:1px solid #E2DDD5;padding:6px;border-radius:9px;text-align:center}.feet{display:grid;grid-template-columns:1fr 1fr;gap:3px}.foot{font-size:9px;padding:2px 4px;border-radius:4px;background:#E8E3DD;color:#8D8175}.foot.down{background:#8C4A27;color:white}.option.selected{background:#F4E9DE;border-color:#8C4A27}.option.correct{background:#EAF3EC;border-color:#2E6F40}.option.incorrect{background:#FAEDE9;border-color:#B83B2A}.feedback{background:#EDF5EF;border:1px solid #A9C5B0}.feedback.wrong{background:#FAECE9;border-color:#D8AAA2}.offline:before{background:#8C4A27}.high-contrast .updated{color:#713B20!important}.font-large .hotspot-chip{font-size:15px}.font-large .viewer-notes p{font-size:16px}@media(max-width:650px){.continue-banner{display:block;padding:24px}.continue-banner h1{font-size:24px}.continue-banner .primary{width:100%;margin-top:20px}.bottom-sheet{padding-inline:22px}.bottom-sheet p{font-size:16px}.viewer-toolbar{gap:6px;flex-wrap:wrap}.viewer-toolbar .secondary{font-size:12px}.viewer-notes{padding:13px 16px}.gait-row{grid-template-columns:1fr;gap:7px}.beats{gap:6px}.hotspot{width:28px;height:28px;font-size:11px}.reading-card p{line-height:2.3}}@media(min-width:1000px){.viewer-stage{min-height:350px}.viewer-notes{max-height:28dvh}.hotspot{width:36px;height:36px;font-size:14px}}@media(prefers-reduced-motion:reduce){.image-plane{will-change:auto}}

.brandmark{background:#8C4A27;color:#F8F5F0}.hotspot-chip{min-height:44px}.bottom-sheet .toolbar{flex-wrap:wrap}

html{scroll-behavior:auto}

.alignment-guide{position:absolute;display:block;background:#C29A4F;pointer-events:none;transform-origin:left center;box-shadow:0 0 0 1px #ffffff90}.seat-line{width:2px}.rein-line{height:2px}