
:root{color-scheme:light;--gray:#cbc9c1;--ink:#172024;--navy:#123f6a;--paper:#fffef4;--ab-bg:#f6f3e7;--ab-fg:#172024;--ab-muted:#525d5b;--ab-accent:#174f72}*{box-sizing:border-box}body{margin:0;background:#387c80;color:var(--ink);font:14px Tahoma,Verdana,sans-serif;min-height:100svh;padding:26px 30px;background-image:linear-gradient(135deg,#ffffff0a 25%,transparent 25%,transparent 75%,#ffffff0a 75%);background-size:4px 4px}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;background:var(--gray);border:2px solid;border-color:#fffef0 #66665c #66665c #fffef0;box-shadow:1px 1px 0 #2d3334;padding:7px 13px;min-height:34px}button:hover{background:#dedcd1}button:active{border-color:#77786d #f4f3e8 #f4f3e8 #77786d;box-shadow:none}button:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px dotted #052b54;outline-offset:3px}button:disabled{color:#85857c;cursor:default;box-shadow:none}button.primary{background:#e5d191;font-weight:bold;padding:9px 23px}button.primary:hover{background:#f4dfa4}u{text-underline-offset:3px}.window{max-width:1350px;margin:0 auto;background:var(--gray);padding:5px;border:2px solid;border-color:#ecebdd #4b5250 #4b5250 #ecebdd;box-shadow:7px 9px 0 #17494e66}.titlebar{background:linear-gradient(90deg,#143b68,#4d7996);color:#fff;display:flex;align-items:center;gap:9px;height:36px;padding:3px 7px}.titlebar h1{font:bold 15px Tahoma,Verdana,sans-serif;margin:0}.program-icon{font-family:Georgia,serif;color:#17324b;background:#f5efda;border:1px solid #9aa8a0;font-size:20px;font-weight:bold;width:26px;height:27px;line-height:26px;text-align:center}.program-icon span{font-size:16px;color:#ae442b}.window-mark{margin-left:auto;background:#ccc9be;color:#39494e;box-shadow:inset 1px 1px #fff,inset -1px -1px #475554;padding:0 7px;line-height:23px}.menubar{display:flex;align-items:center;gap:2px;padding:3px 4px;border-bottom:1px solid #7f8580;box-shadow:0 1px #f5f2e3}.menubar button{background:transparent;border:1px solid transparent;box-shadow:none;padding:5px 10px;min-height:30px}.menubar button:hover{border-color:#f7f5e8 #757a74 #757a74 #f7f5e8;background:#d9d7ce}.menubar #soundBtn{margin-left:auto;font-size:12px}.lessonbar{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:17px 20px 14px}.lessonbar small{font-size:10px;letter-spacing:1.6px;font-weight:bold;color:#566062}.lessonbar h2{margin:4px 0 0;font-family:Georgia,serif;font-size:27px;letter-spacing:-.5px}.workspace{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);gap:17px;padding:0 18px 18px;align-items:stretch}.sheet-panel{min-width:0;background:#919b99;border:2px solid;border-color:#686d66 #f5f1dc #f5f1dc #686d66;display:flex;align-items:center;justify-content:center;padding:19px;background-image:repeating-linear-gradient(0deg,transparent 0 3px,#33453f08 3px 4px)}.sheet{width:100%;min-height:480px;position:relative;display:flex;flex-direction:column;background:var(--paper);border:1px solid #cbc6b2;box-shadow:3px 4px 0 #233b3b50;--accent:#b98732;--wash:#f2ead6;--line:#263d40;overflow:clip}.sheet-head{padding:22px 25px 17px;border-bottom:1px solid var(--accent);color:var(--line);display:flex;justify-content:space-between;align-items:center;gap:8px}.sheet-head .sheet-client{font-size:10px;letter-spacing:2px;font-weight:bold}.sheet-mark{font:italic 18px Georgia,serif;color:var(--accent)}.sheet-art{position:relative;margin:21px 22px 0;display:block;padding:0;border:0;background:transparent;box-shadow:none;min-height:0;cursor:zoom-in}.sheet-art:hover{background:transparent}.sheet-art img{width:100%;height:auto;display:block;object-fit:contain}.sheet-copy{padding:20px 24px 26px;flex:1;display:flex;flex-direction:column;justify-content:center;color:var(--line)}.sheet-copy h3{font:36px/.98 Georgia,serif;font-weight:normal;letter-spacing:-1px;margin:0;max-width:95%}.sheet-copy p{font:11px/1.5 Tahoma,sans-serif;letter-spacing:1.1px;text-transform:uppercase;margin:14px 0 0;color:var(--accent)}.sheet-decals{pointer-events:none}.five-stars{display:flex;justify-content:space-between;margin:19px 29px 0;gap:9px}.five-stars span{display:block;width:35px;height:34px;background:#b9944b;clip-path:polygon(50% 0,61% 35%,98% 36%,68% 58%,79% 96%,50% 74%,20% 96%,32% 58%,2% 36%,39% 35%)}.sheet[data-slug="5star-theater"]{background:#f6f0da}.sheet[data-slug="5star-theater"] .sheet-art{margin:17px 24px 0;border:5px solid #fff7e5;outline:1px solid #b49a64}.sheet[data-slug="5star-theater"] .sheet-copy{padding-top:17px}.sheet[data-slug="5star-theater"] .sheet-copy h3{font-size:44px}.sheet[data-slug="basiques"]{--accent:#2d474e;background:#f8f7f0}.sheet[data-slug="basiques"] .sheet-art{margin:0}.sheet[data-slug="basiques"] .sheet-copy{border-bottom:20px solid transparent;border-image:repeating-linear-gradient(90deg,#293e44 0 25px,#f1f1e6 25px 50px) 20}.sheet[data-slug="basiques"] h3{font:italic 50px Georgia}.sheet[data-slug="amasongs"]{--accent:#ae4c46;background:repeating-linear-gradient(0deg,#fffef4 0 17px,#d8cdb3 18px,#fffef4 19px)}.sheet[data-slug="amasongs"] .sheet-art{border:7px solid #fffef4;outline:1px solid #50736b}.sheet[data-slug="amasongs"] .sheet-copy{background:#fffef4;border-top:2px solid #a04643}.sheet[data-slug="amason"]{--accent:#1e8c4c;background:#e5f0ef}.sheet[data-slug="amason"] .sheet-art{margin:0}.sheet[data-slug="amason"] .sheet-copy{border-left:30px solid #ddbc4e}.sheet[data-slug="amason"] h3{font:900 45px monospace;letter-spacing:-3px;text-transform:uppercase;color:#328244}.sheet[data-slug="alexa-transforms"]{--accent:#23718c;background:#e7e7de}.sheet[data-slug="alexa-transforms"] .sheet-art{margin:30px 15px 0;box-shadow:-9px -9px #508a96,9px 9px #214564}.sheet[data-slug="alexa-transforms"] .sheet-copy{padding-top:34px}.sheet[data-slug="superbowlsnub"]{--accent:#ee796e;background:linear-gradient(90deg,#e6f1df 50%,#f2d9d5 50%)}.sheet[data-slug="superbowlsnub"] .sheet-art{margin:0;border-block:7px solid #344844}.sheet[data-slug="superbowlsnub"] h3{font:900 36px Arial,sans-serif;text-transform:uppercase}.sheet[data-slug="happyschoolyear"]{--accent:#cf8642;background:#f5df9c}.sheet[data-slug="happyschoolyear"] .sheet-art{border:8px solid #fdf4dc;outline:2px solid #b18157}.sheet[data-slug="happyschoolyear"] .sheet-copy h3{font:900 39px Arial,sans-serif;color:#286376}.sheet[data-slug="gerber"]{--accent:#8d9887;--line:#f0eddb;background:#162621}.sheet[data-slug="gerber"] .sheet-art{margin:28px 20px 0;outline:10px solid #4b554b;box-shadow:0 0 0 17px #364139}.sheet[data-slug="gerber"] .sheet-copy{padding-top:37px}.sheet[data-slug="storefronts"]{--accent:#54715c;background:#ebd8b5}.sheet[data-slug="storefronts"] .sheet-art{margin:17px 0 0;border-block:7px solid #7d6748}.sheet[data-slug="storefronts"] .sheet-copy{border-bottom:10px solid #b08961}.sheet[data-slug="amazon"]{--accent:#b7473d;--line:#f9f0de;background:#a33c36;display:grid;grid-template-columns:1fr 1fr}.sheet[data-slug="amazon"] .sheet-head{grid-column:1/-1;color:#fbe6d1;--accent:#efd3bc}.sheet[data-slug="amazon"] .sheet-art{margin:14px 0 15px 15px;align-self:center}.sheet[data-slug="amazon"] .sheet-copy{padding:20px 15px}.sheet[data-slug="amazon"] .sheet-copy h3{font-size:38px}.sheet[data-slug="amazon"] .sheet-copy p{color:#f5d8c2}.sheet[data-slug="tillamook"]{--accent:#b76c09;background:#ffad26}.sheet[data-slug="tillamook"] .sheet-art{margin:15px 0 0}.sheet[data-slug="tillamook"] h3{font:bold 48px Georgia;color:#1b5681}.sheet[data-slug="tillamook"] .sheet-copy{border:2px solid #f4d28d;margin:16px;padding:17px}.sheet[data-slug="deals-all-day"]{--accent:#477b98;background:#e6ece5}.sheet[data-slug="deals-all-day"] .sheet-art{margin:20px 10px 0;border:6px solid #f9f6e9;box-shadow:5px 5px #90a6ac}.sheet[data-slug="deals-all-day"] h3{font:bold 43px Arial}.sheet[data-slug="rei"]{--accent:#566746;--line:#f6f1dc;background:#334a39}.sheet[data-slug="rei"] .sheet-art{margin:12px 12px 0;outline:1px solid #a6b296}.sheet[data-slug="rei"] h3{font-size:68px}.sheet[data-slug="rei"] .sheet-copy p{color:#b2c1a2}.sheet[data-slug="nike-getouthere"]{--accent:#8caebe;--line:#e2eff0;background:#142b39}.sheet[data-slug="nike-getouthere"] .sheet-art{margin:0;border-bottom:9px solid #91bfcd}.sheet[data-slug="nike-getouthere"] .sheet-copy{border-left:17px solid #aeced5}.sheet[data-slug="aquarium"]{--accent:#2d7363;background:#d5e8bc}.sheet[data-slug="aquarium"] .sheet-art{border:5px solid #9fc4a1;outline:5px solid #529581;box-shadow:0 0 0 10px #c8d98e;margin:28px 22px 0}.sheet[data-slug="aquarium"] .sheet-copy{padding-top:31px}.sheet[data-slug="nikedotcom"]{--accent:#bc4761;background:#e8eeeb;background-image:repeating-linear-gradient(110deg,transparent 0 20px,#7a9d9815 21px 22px)}.sheet[data-slug="nikedotcom"] .sheet-art{margin:0}.sheet[data-slug="nikedotcom"] .sheet-copy{border-top:5px solid #bd676c}.sheet[data-slug="nikedotcom"] h3{font:normal 46px Arial}.sheet[data-slug="cocacola"]{--accent:#b34337;--line:#8d352e;background:#fae9d3}.sheet[data-slug="cocacola"] .sheet-art{border:8px solid #be4437;margin:15px 14px 0}.sheet[data-slug="cocacola"] h3{font:italic bold 43px Georgia}.sheet[data-slug="oregon-humane-society"]{--accent:#719a4d;background:#e6eed2}.sheet[data-slug="oregon-humane-society"] .sheet-art{margin:18px 0 0;border-inline:12px solid #9c7257}.sheet[data-slug="oregon-humane-society"] .sheet-copy{border-left:12px solid #9c7257}.sheet[data-slug="nike"]{--accent:#b7cda7;--line:#eaf0dd;background:#172c37}.sheet[data-slug="nike"] .sheet-art{margin:0}.sheet[data-slug="nike"] .sheet-copy{border-top:1px solid #bacfad}.sheet[data-slug="bedmart"]{--accent:#88684e;background:repeating-linear-gradient(45deg,#ecdec4 0 19px,#d8c4a6 20px,#ecdec4 21px)}.sheet[data-slug="bedmart"] .sheet-copy{background:#fff5dc;border-top:1px solid #937357}.sheet[data-slug="bedmart"] .sheet-art{margin:19px 12px 0;border:6px solid #f1e2c6;outline:1px solid #95836b}.sheet[data-slug="target"]{--accent:#b34642;--line:#7b302f;background:#faf2dc}.sheet[data-slug="target"] .sheet-art{margin:0;border-top:9px solid #a9443f}.sheet[data-slug="target"] .sheet-copy{border-bottom:15px solid #a9443f}.sheet[data-slug="target"] h3{font:bold 55px Georgia}.sheet[data-slug="ullr"]{--accent:#ae4b3e;background:#f4f2dd}.sheet[data-slug="ullr"] .sheet-copy{background:linear-gradient(90deg,#1e5675 80%,#a33f39 80%);color:#fbf1d6}.sheet[data-slug="ullr"] .sheet-copy p{color:#e4c2a0}.sheet[data-slug="ullr"] h3{font:bold 53px Georgia}.sheet[data-slug="northwest-film-fest"]{--accent:#5e7150;background:#f2e9cc}.sheet[data-slug="northwest-film-fest"] .sheet-art{margin:19px 0 0;border-block:4px solid #566449}.sheet[data-slug="northwest-film-fest"] h3{font:900 32px Arial;text-transform:uppercase}.sheet[data-slug="adidas"]{--accent:#99c7d6;--line:#f1f5da;background:#245368}.sheet[data-slug="adidas"] .sheet-art{margin:0;border-block:3px solid #87a8a9}.sheet[data-slug="adidas"] .sheet-copy{background:linear-gradient(115deg,transparent 0 60%,#bad1c92b 60% 66%,transparent 66% 73%,#bad1c92b 73% 79%,transparent 79%)}.sheet[data-slug="nfl"]{--accent:#a73f32;background:#eee9da}.sheet[data-slug="nfl"] .sheet-art{margin:16px 16px 0;outline:1px solid #183b54}.sheet[data-slug="nfl"] h3{font:bold 40px Georgia}.sheet[data-slug="ods"]{--accent:#477052;background:#dbe5d5}.sheet[data-slug="ods"] .sheet-art{margin:20px 10px 0;border-bottom:8px solid #537365}.sheet[data-slug="ods"] h3{font:italic 47px Georgia}.practice-panel{min-width:0;background:#e5e3d8;border:1px solid #b2b5a9;padding:20px 19px 14px;display:flex;flex-direction:column}.exercise-top{display:flex;align-items:center;gap:10px;justify-content:space-between;font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#536260;margin-bottom:13px}.exercise-top #status{color:#365d63;text-align:right}.passage{font:21px/1.64 'Courier New',monospace;letter-spacing:-.3px;background:#fffef2;border:2px solid;border-color:#808878 #fffef3 #fffef3 #808878;padding:15px;min-height:177px;white-space:pre-wrap;overflow-wrap:anywhere;user-select:text}.passage span.correct{background:#d6e8c3;color:#235630}.passage span.wrong{background:#ecd2c9;color:#9d2525;text-decoration:underline;text-decoration-color:#a33227}.passage span.caret{box-shadow:inset 2px 0 #17486b;background:#dae4e2}.passage span.selection{background:#d1d8dc}.input-label{font-size:11px;text-transform:uppercase;letter-spacing:1px;font-weight:bold;color:#5e6863;margin:17px 0 7px}textarea{border:2px solid;border-color:#7d8378 #fffdf2 #fffdf2 #7d8378;background:#f6f5e9;color:#263832;border-radius:0;font:17px/1.45 'Courier New',monospace;resize:vertical;min-height:81px;max-height:150px;width:100%;padding:10px;scroll-margin-block:10px}textarea::placeholder{font:14px/1.45 Tahoma,sans-serif;color:#7a8279}textarea[readonly]{background:#e3e2d5}.metrics{display:grid;grid-template-columns:repeat(4,1fr);margin:17px 0 13px;border:1px solid #a1aaa0;box-shadow:inset 1px 1px #fff7e6;background:#d9dfce;padding:11px 2px}.metrics div{text-align:center;border-right:1px solid #abb5a7}.metrics div:last-child{border:0}.metrics strong{display:block;font:23px 'Courier New',monospace;font-weight:bold;font-variant-numeric:tabular-nums}.metrics span{display:block;font-size:10px;margin-top:2px;color:#536350}.practice-actions{display:flex;flex-wrap:wrap;gap:8px}.practice-actions button{font-size:12px;padding:6px 11px}.practice-actions #nextBtn{margin-left:auto}.keyboard{margin-top:auto;padding-top:22px}.key-row{display:flex;justify-content:center;gap:3px;margin-bottom:4px}.key{font:11px 'Courier New',monospace;display:flex;align-items:center;justify-content:center;min-width:23px;flex:1;max-width:38px;height:27px;background:#d3d0c4;border:1px solid;border-color:#fffef2 #7d8376 #7d8376 #fffef2;box-shadow:1px 1px #8b9288;position:relative;color:#5f6c62}.key.space{max-width:210px}.key.next{background:#ead296;color:#182d25;border-color:#fef7cc #8f7542 #8f7542 #fef7cc;box-shadow:1px 1px #61522e}.key.shift{font-size:9px;max-width:49px}.key.home:after{content:'';width:10px;height:1px;background:#9ca394;position:absolute;bottom:4px}.result{margin-top:10px;padding:10px 12px;background:#e9efd9;border:1px solid #84967b;color:#284e39;font-size:13px;font-weight:bold}.statusbar{display:flex;justify-content:space-between;gap:10px;border:1px solid;border-color:#8d968b #eeeede #eeeede #8d968b;padding:5px 10px;font-size:11px;color:#515e57}.dialog{border:2px solid;border-color:#fffef4 #4d5955 #4d5955 #fffef4;background:var(--gray);padding:4px;max-width:min(880px,calc(100vw - 34px));width:760px;max-height:calc(100dvh - 42px);color:var(--ink);box-shadow:9px 10px 0 #0c272c65}.dialog::backdrop{background:#142f3d85}.dialog-title{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(90deg,#173f69,#57819a);color:#fff;padding:5px 7px;gap:12px}.dialog-title h2{font:bold 15px Tahoma,sans-serif;margin:0}.dialog-title button{min-width:28px;min-height:26px;padding:0 5px;font-size:20px;color:#2c3937;line-height:21px}.dialog-body{padding:21px;background:#f6f3e7;max-height:calc(100dvh - 117px);overflow:auto}.lesson-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.lesson-entry{display:grid;grid-template-columns:75px 1fr;gap:9px;border:1px solid #b5bcae;background:#ebece0;padding:8px;align-items:center}.lesson-entry img{width:75px;height:48px;object-fit:contain;background:#d9dfd0}.lesson-entry h3{font:14px Georgia,serif;margin:0 0 3px}.lesson-entry small{font-size:9px;color:#626e60}.lesson-entry .entry-buttons{grid-column:1/-1;display:flex;gap:5px}.lesson-entry button{padding:4px 8px;min-height:27px;font-size:11px;flex:1}.lesson-entry .done{color:#315c38}.dialog-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:23px;flex-wrap:wrap}.report h3,.help-copy h3{font:23px Georgia;margin:10px 0}.report-note,.empty{font-size:13px;line-height:1.6;color:#506052}.heatmap{display:flex;flex-wrap:wrap;gap:5px;margin:18px 0}.heatmap button{width:37px;height:40px;font:16px 'Courier New',monospace;background:var(--heat,#e5e4d9);padding:4px}.heatmap button small{display:block;font-size:8px}.heat-detail{background:#e7e8dc;padding:12px;border:1px solid #c0c7b7}.heat-detail p{margin:0 0 12px}.heat-detail button{margin:3px;font-size:12px}.report-table{border-collapse:collapse;width:100%;font-size:12px;margin-top:14px}.report-table th{text-align:left;border-bottom:2px solid #929e8e;padding:9px 5px}.report-table td{border-bottom:1px solid #d0d6c5;padding:9px 5px}.report-table td:nth-child(n+2){font-family:'Courier New',monospace}.about-role{font-weight:bold}.dialog-body p{line-height:1.55}.experience{border-top:1px solid #b9c3ae;padding-top:14px;margin-top:20px}.experience article{margin-bottom:18px}.experience h3{font-size:13px;margin:0 0 4px}.experience p{font-size:12px;margin:4px 0}.reader{width:1060px;max-width:min(1060px,calc(100vw - 34px));max-height:calc(100dvh - 32px);padding:4px}.reader-toolbar{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:10px 13px;background:#dedfd2}.reader-toolbar span{font-size:11px;letter-spacing:1px;text-align:center}.reader-toolbar button{font-size:12px}.reader-scroll{background:#f6f3e7;overflow:auto;max-height:calc(100dvh - 160px);padding:25px 32px}.ab-media{max-width:880px;margin:auto}.ab-lede{font-family:Georgia,serif;font-size:21px!important}.reader .ab-heading{font-family:Georgia,serif}.reader .ab-image img{max-height:calc(100dvh - 230px)}#loader{position:fixed;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;background:#387c80}.load-window{background:var(--gray);border:2px outset #eeecdd;width:280px;padding:27px}.load-track{margin-top:22px;border:2px inset #ecebdc;height:21px;padding:3px}.load-track i{display:block;background:repeating-linear-gradient(90deg,#204771 0 9px,transparent 9px 12px);height:11px;animation:load 1.4s linear infinite;transform-origin:left}@keyframes load{0%{width:12%}100%{width:100%}}[hidden]{display:none!important}@media(min-width:1450px){body{padding-top:40px}.passage{font-size:23px;min-height:200px}.sheet{min-height:530px}.sheet-copy h3{font-size:44px}}@media(max-width:1050px){body{padding:15px}.workspace{gap:12px;padding:0 11px 12px;grid-template-columns:1.05fr 1fr}.sheet-panel{padding:13px}.practice-panel{padding:15px 12px 12px}.passage{font-size:18px;min-height:185px}.sheet{min-height:480px}.sheet-copy h3{font-size:31px}.sheet-head{padding:16px}.sheet-art{margin:16px 14px 0}.sheet-copy{padding:18px}.keyboard .key{height:25px;min-width:20px;font-size:10px}.five-stars{margin-inline:22px}.metrics strong{font-size:21px}}@media(max-width:720px){body{padding:7px;background:#387c80}.window{padding:3px;box-shadow:3px 5px 0 #17494e66}.titlebar{height:32px}.menubar{gap:0;padding-inline:0}.menubar button{font-size:11px;padding:5px 7px}.menubar #soundBtn{font-size:10px}.lessonbar{padding:15px 10px 12px;gap:8px}.lessonbar h2{font-size:22px}.lessonbar small{font-size:9px;letter-spacing:1px}.lessonbar .primary{padding:8px 13px;font-size:12px;white-space:nowrap}.workspace{display:flex;flex-direction:column;padding:0 7px 9px;gap:10px}.sheet-panel{padding:12px}.sheet{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 100px;align-items:center}.sheet .sheet-head{grid-column:1/-1;padding:8px 10px}.sheet .sheet-client{font-size:8px;letter-spacing:1px}.sheet .sheet-mark{font-size:11px}.sheet .sheet-art{margin:0!important;border:0!important;box-shadow:none!important;outline:none!important}.sheet .sheet-art img{min-height:105px;max-height:185px;width:100%;object-fit:contain}.sheet .sheet-copy{padding:10px!important;border:0!important;margin:0!important;min-width:0}.sheet .sheet-copy h3,.sheet[data-slug="5star-theater"] .sheet-copy h3{font-size:23px;letter-spacing:-.7px}.sheet .sheet-copy p{font-size:7px;letter-spacing:.8px;margin:10px 0 0}.sheet .five-stars{grid-column:1/-1;margin:8px 18px;justify-content:center;gap:12px}.sheet .five-stars span{width:17px;height:17px}.sheet[data-slug="5star-theater"] .sheet-art{padding:0 0 10px 10px}.sheet[data-slug="amazon"]{grid-template-columns:1fr 1fr}.sheet[data-slug="amazon"] .sheet-art img{height:200px;max-height:200px;min-height:0}.sheet[data-slug="5star-theater"]{grid-template-columns:minmax(0,1fr) 108px}.practice-panel{padding:13px 12px}.exercise-top{font-size:10px;margin-bottom:10px}.passage{font-size:18px;line-height:1.55;min-height:0;padding:12px}.input-label{margin-top:14px}textarea{font-size:17px;min-height:78px;max-height:180px}.metrics{margin:12px 0 10px;padding:8px 0}.metrics strong{font-size:22px}.keyboard{display:none}.practice-actions button{font-size:12px;min-height:35px;padding:7px 12px}.statusbar{font-size:9px}.dialog,.reader{max-width:calc(100vw - 16px);width:100%;max-height:calc(100dvh - 20px)}.dialog-body{padding:13px;max-height:calc(100dvh - 80px)}.lesson-list{grid-template-columns:1fr}.lesson-entry{grid-template-columns:78px 1fr}.lesson-entry .entry-buttons{grid-column:2}.lesson-entry img{grid-row:1/3}.reader-scroll{padding:15px 10px;max-height:calc(100dvh - 150px)}.reader .ab-lede{font-size:18px!important}.reader .ab-image img{max-height:calc(100dvh - 190px)}.reader-toolbar{padding:7px}.reader-toolbar span{font-size:9px}.reader-toolbar button{font-size:11px;padding:6px 8px}.report-table{font-size:10px}.report-table th,.report-table td{padding:7px 3px}body.typing .sheet-panel{padding:5px}body.typing .sheet-head,body.typing .five-stars{display:none}body.typing .sheet .sheet-art img{height:94px;min-height:0;max-height:94px}body.typing .sheet .sheet-copy h3{font-size:20px}body.typing .sheet .sheet-copy p{display:none}body.typing .lessonbar{padding-block:8px}body.typing .passage{max-height:31dvh;overflow:auto}body.typing .menubar{display:none}body.typing textarea{min-height:60px;height:70px}body.typing .metrics{padding:5px 0}body.typing .metrics strong{font-size:18px}body.typing .input-label{margin-top:9px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important}}

@media(min-width:721px){body{padding-top:18px;padding-bottom:18px}.lessonbar{padding-block:13px}.sheet-panel{align-items:stretch;padding:13px}.sheet{min-height:0}.sheet-copy{padding-block:16px}.sheet-head{padding:15px 22px}.five-stars{margin-top:14px}.sheet[data-slug="5star-theater"] .sheet-art{margin-top:13px}.sheet[data-slug="5star-theater"] .sheet-copy h3{font-size:40px}.practice-panel{padding:15px 16px 12px}.exercise-top{margin-bottom:10px}.passage{font-size:19px;line-height:1.48;padding:12px;min-height:150px}.input-label{margin:12px 0 6px}textarea{min-height:64px;max-height:110px;padding:8px;font-size:16px}.metrics{padding:8px 0;margin:12px 0 11px}.metrics strong{font-size:21px}.practice-actions button{min-height:31px;padding:5px 10px}.keyboard{padding-top:17px}.key{height:24px}.key-row{margin-bottom:3px}.workspace{padding-bottom:13px}.statusbar{padding-block:4px}}
@media(min-width:721px) and (max-height:830px){.passage{font-size:18px;min-height:135px}.practice-panel{padding-top:12px}.keyboard{padding-top:12px}.key{height:21px}.metrics{padding:6px 0;margin:10px 0}.sheet-copy h3{font-size:33px}.sheet[data-slug="5star-theater"] .sheet-copy h3{font-size:38px}.sheet-copy p{margin-top:9px}.sheet-art{margin-top:14px}.sheet-head{padding-block:11px}}

/* Revision: the passage is the desktop input; keyboard zones teach the hand. */
.sheet{overflow:visible;justify-content:center}.sheet-head{justify-content:center}.sheet[data-slug="amazon"]{display:flex}.sheet-art{margin:18px!important;outline-width:1px!important;max-width:100%}.sheet-art img{max-height:390px;min-height:0;object-fit:contain}.five-stars{margin-top:18px}.sheet.reward{background:#fffef4!important;justify-content:flex-start;gap:12px;padding:16px;min-height:0}.reward-banner{color:#215138;text-align:center;font:700 14px Tahoma;padding:5px;letter-spacing:1px}.reward-media{width:100%;min-width:0;margin:auto}.reward .ab-section{margin:0}.reward .ab-film{margin:0}.reward .ab-frame{max-height:420px}.reward .ab-portrait{max-width:230px;margin:auto}.reward .ab-image img{max-height:420px;width:100%;object-fit:contain}.reward .ab-image{margin:0}.reward-more{align-self:center}.certificate-button{display:block;margin:10px auto 0}.certificate{border:4px double #627d68;background:#fffcea;text-align:center;padding:23px 12px;margin-bottom:20px}.certificate>b{font:24px Georgia}.certificate strong{font:italic 23px Georgia}.lessonbar>div{min-width:0}.lessonbar h2{overflow-wrap:anywhere}.keyboard{background:#bfc2b5;padding:10px 8px 5px!important;margin-top:16px;border:2px outset #eef0df}.keyboard .key{max-width:none;min-width:0;font-size:10px;height:30px;color:#243528;border:1px outset #fff;box-shadow:0 1px 0 #6a7869;flex-basis:0!important}.key[data-finger="0"],.finger[data-finger="0"]{background:#eab2b3}.key[data-finger="1"],.finger[data-finger="1"]{background:#efd291}.key[data-finger="2"],.finger[data-finger="2"]{background:#dce6a7}.key[data-finger="3"],.finger[data-finger="3"]{background:#a6d3bb}.key[data-finger="4"],.finger[data-finger="4"]{background:#a5cee0}.key[data-finger="5"],.finger[data-finger="5"]{background:#bfb6df}.key[data-finger="6"],.finger[data-finger="6"]{background:#d5b0d3}.key[data-finger="7"],.finger[data-finger="7"]{background:#e3b59d}.key[data-finger="8"],.finger[data-finger="8"]{background:#d3d0bd}.keyboard .key.next{background:#163e65;color:white;border-color:#163e65;box-shadow:0 0 0 2px #fffbd8}.key.home:after{background:#365540}.finger-guide{display:flex;gap:3px;margin-top:10px}.finger{font:8px Tahoma;flex:1;text-align:center;padding:5px 1px;white-space:nowrap;border:1px solid #8a998a}.finger.active{outline:2px solid #153e62;outline-offset:1px}.finger-hint{font-size:10px;text-align:center;min-height:13px;margin:7px 0 0}.passage{cursor:text}.heatmap button{min-width:43px;width:auto;height:auto;min-height:43px}.heatmap button small{font-size:9px}
@media(min-width:721px){.workspace{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr)}.practice-panel{position:relative}.input-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#typing{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;opacity:0;left:20px;top:45px;resize:none;padding:0;pointer-events:none}.practice-panel:focus-within .passage{outline:2px solid #214d6e;outline-offset:2px}.passage{font-size:22px;min-height:144px;max-height:238px;overflow:auto}.sheet-panel{padding:12px}.sheet{min-height:460px}.sheet-art{margin:12px!important}.sheet-art img{max-height:420px}.keyboard{margin-top:auto}.metrics{margin:16px 0}.practice-actions{margin-bottom:17px}}
@media(max-width:720px){.sheet,.sheet[data-slug="amazon"],.sheet[data-slug="5star-theater"]{display:block;min-height:0;grid-template-columns:none}.sheet .sheet-head,.sheet .sheet-copy{display:none!important}.sheet-panel{padding:4px}.sheet .sheet-art,.sheet[data-slug="5star-theater"] .sheet-art{width:100%;margin:0!important;padding:0!important;outline:0!important;border:0!important;box-shadow:none!important}.sheet .sheet-art img,body.typing .sheet .sheet-art img{width:100%;height:auto;min-height:0;max-height:230px;object-fit:contain}.sheet .five-stars{display:none!important}.dialog-title button{min-width:44px;min-height:44px}.dialog-title h2{overflow-wrap:anywhere}.sheet.reward{padding:8px}.reward .ab-portrait{max-width:220px}.reward .ab-image img{max-height:360px}.reward .ab-frame{max-height:392px}.reward-banner{font-size:12px}.lessonbar h2{font-size:21px}.lessonbar .primary{min-height:44px}.practice-actions button{min-height:44px}body.typing .sheet-panel{padding:4px}body.typing .sheet .sheet-art img{max-height:180px}.report-table{font-size:9px}.report-table th,.report-table td{padding-inline:2px}}

.reward-poster{display:block;position:relative;width:100%;padding:0;margin:0;border:0;background:#171d1c;box-shadow:none;line-height:0}.reward-poster img{width:100%;max-height:420px;object-fit:contain;display:block}.reward-play{position:absolute;inset:auto 0 17px;display:block;width:max-content;margin:auto;background:#e9dfb8;color:#1d343c;padding:15px 20px;font:bold 14px Tahoma;border:2px outset #fff8db;box-shadow:3px 4px #152a2c88;pointer-events:none}.reward-caption{text-align:center;font-size:11px;color:#526459;margin:8px 0 0}.reward-poster:hover .reward-play{background:#fff4c7}@media(max-width:720px){.reward-poster img{max-height:360px}.reward-play{font-size:13px;padding:12px 17px}}
