@font-face{font-family:Manrope;src:url(/manrope-latin.ttf) format("truetype");font-weight:200 800;font-style:normal;font-display:swap}:root{font-family:Manrope,Arial,sans-serif;color:#292e2a;background:#f5f3ec;font-synthesis:none;font-weight:450;--paper: #f5f3ec;--white: #fffefa;--ink: #292e2a;--muted: #70736b;--line: #deded4;--coral: #ed8668;--coral-dark: #a13e24;--green: #3b6650;--pad: #e9ebe2;--radius: 18px}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button{border:0;background:none}button:disabled{cursor:default}button,a,input,textarea,select{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex="0"]:focus-visible{outline:3px solid #a13e24;outline-offset:4px}::selection{color:var(--ink);background:#f2b5a2}textarea,input{caret-color:var(--coral-dark)}a{color:var(--green);text-underline-offset:4px}button{transition:background-color .15s ease-out,color .15s ease-out,box-shadow .15s ease-out}button:disabled{opacity:.43}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance}svg{flex-shrink:0}kbd{font-family:inherit;font-size:11px;font-weight:650}::-webkit-scrollbar{width:8px;height:5px}::-webkit-scrollbar-thumb{background:#bbbdaf;border-radius:6px}::-webkit-scrollbar-track{background:var(--paper)}.skip-link{position:absolute;top:-60px;left:15px;padding:12px;z-index:5;background:var(--ink);color:var(--white)}.skip-link:focus{top:10px}.site-header{border-bottom:1px solid var(--line)}.header-inner{max-width:1320px;margin:auto;padding:0 48px;min-height:101px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:11px;padding:0;white-space:nowrap;font-size:27px;font-weight:800;letter-spacing:-1.1px}.brand-light{font-weight:500}.brand-period{color:var(--coral-dark)}.brand-mark{width:37px;height:47px;display:flex;align-items:center;justify-content:center}.brand-mark .braille-cell{gap:4px;width:25px;grid-template-columns:repeat(2,10px)}.brand-mark .braille-cell i{width:10px;height:10px;background:#e4dfd4;box-shadow:none}.brand-mark .braille-cell i.raised{background:var(--ink);box-shadow:none}.brand-mark .braille-cell i:first-child{background:var(--coral);box-shadow:none}.header-inner nav{display:flex;gap:7px;align-self:stretch;align-items:center}.nav-link{font-size:13px;font-weight:650;display:flex;align-items:center;gap:8px;min-height:44px;padding:11px 15px;border-radius:8px;color:#666a61;position:relative}.nav-link.active{background:#e6e8df;color:#303c31}.nav-link:hover{background:#ebeae1;color:var(--ink)}.help-button{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:650;padding:12px 0;white-space:nowrap}.help-button:hover{color:var(--coral-dark)}main{max-width:1224px;margin:0 auto;padding:46px 0 53px;outline:none;min-height:calc(100vh - 185px)}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:34px}.page-heading h1{font-size:39px;font-weight:750;letter-spacing:-1.45px;line-height:1.3}.page-heading p{font-size:14px;color:#59634f;margin-top:10px;line-height:1.6}.saved-badge{display:flex;align-items:center;gap:7px;font-size:11px;color:#696f62;white-space:nowrap;margin-top:8px}.status-dot,.tiny-dot{width:6px;height:6px;border-radius:50%;background:#729277;display:inline-block;flex-shrink:0}.status-dot.unsaved{background:var(--coral-dark)}.workspace-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:17px;min-height:40px}.workspace-heading h2{font-size:18px;font-weight:700;letter-spacing:-.4px}.practice-switch{display:flex;gap:21px;align-items:center}.practice-switch button{font-size:12px;font-weight:600;min-height:37px;padding:8px 0;color:#59634f;border-bottom:2px solid transparent}.practice-switch button.active{border-color:var(--ink);font-weight:750;color:var(--ink)}.small-note{font-size:11px;color:#686e61;line-height:1.65}.practice-workspace{display:grid;grid-template-columns:minmax(310px,.88fr) minmax(0,1.6fr);gap:22px}.lesson-prompt{border-radius:var(--radius);background:var(--white);padding:28px 29px 25px;display:flex;flex-direction:column;min-width:0;box-shadow:0 3px 13px #33341f05}.lesson-top{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;font-weight:700}.lesson-top>span:first-child{display:flex;align-items:center;gap:8px}.lesson-status-dot{width:6px;height:6px;border-radius:50%;background:var(--coral)}.muted{color:#59634f;font-weight:500}.lesson-progress{height:3px;background:#eeeee6;margin-top:19px;border-radius:2px;overflow:hidden}.lesson-progress span{display:block;height:100%;background:var(--green);border-radius:2px;transition:width .3s ease-out}.target-area{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:223px;flex:1;padding:10px 0 18px}.target-letter{font-size:124px;font-weight:600;line-height:1.25;letter-spacing:-4px}.target-letter.word{font-size:67px;letter-spacing:-2px}.target-example{font-size:12px;color:#59634f;line-height:1.7;text-align:center}.target-example strong{font-weight:650;color:var(--ink)}.hint-area{display:flex;align-items:center;justify-content:center;gap:20px;padding:18px 0 20px;border-top:1px solid #eeeae0;border-bottom:1px solid #eeeae0;min-height:91px}.hint-area strong{font-size:13px;font-weight:700}.hint-area p{font-size:10px;color:#59634f;margin-top:5px;line-height:1.6}.target-cell{flex-shrink:0}.hint-hidden .target-cell{opacity:.4}.prompt-feedback{font-size:11px;color:#59634f;text-align:center;min-height:47px;display:flex;align-items:center;justify-content:center;line-height:1.6;padding:9px 0}.prompt-feedback .correct{color:var(--green);display:flex;align-items:center;gap:4px;font-weight:650}.prompt-feedback .wrong{color:var(--coral-dark)}.lesson-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}.button{display:inline-flex;gap:12px;align-items:center;justify-content:center;padding:12px 17px;min-height:43px;border-radius:7px;font-size:11px;font-weight:750;white-space:nowrap}.button.primary{background:var(--coral);color:#322c23}.button.primary:hover:not(:disabled){background:#e77757}.button.outline{border:1px solid #d8d9ce;background:transparent}.button.outline:hover:not(:disabled){background:#eceee5}.text-button{font-size:11px;font-weight:650;min-height:38px;padding:5px 0;display:inline-flex;align-items:center;justify-content:center;gap:8px}.text-button:hover:not(:disabled){color:var(--coral-dark)}.braille-cell{display:inline-grid;grid-template-columns:repeat(2,9px);gap:5px 7px;width:max-content;vertical-align:middle}.braille-cell i{display:block;width:9px;height:9px;background:#e7e8df;border-radius:50%;box-shadow:inset 0 1px 2px #5e60401a}.braille-cell i.raised{background:var(--ink);box-shadow:0 2px 2px #1f261c26,inset 0 1px 1px #ffffff40}.hint-area .braille-cell{grid-template-columns:repeat(2,10px);gap:5px 7px}.hint-area .braille-cell i{width:10px;height:10px}.hint-area .braille-cell i.raised{background:var(--coral);box-shadow:0 2px 3px #a2392a30,inset 0 1px 1px #ffffff70}.pad{background:var(--pad);border-radius:var(--radius);padding:23px 27px 0;display:flex;flex-direction:column;overflow:hidden;min-width:0}.pad-top{display:flex;justify-content:space-between;gap:16px;align-items:center}.pad-title{font-size:12px;font-weight:700;display:flex;gap:8px;align-items:center}.input-switch{display:flex;padding:3px;background:#dce0d4;border-radius:7px;gap:3px}.input-switch button{font-size:10px;padding:7px 13px;border-radius:5px;min-height:30px;color:#596050;font-weight:650}.input-switch button.active{background:var(--white);color:var(--ink);box-shadow:0 2px 4px #2933210d}.pad-instruction{text-align:center;color:#626959;font-size:11px;margin:19px 0 16px}.key-area{width:268px;margin:0 auto}.hand-labels{display:flex;justify-content:space-between;color:#59634f;font-size:8px;font-weight:650;letter-spacing:1.1px;padding:0 2px;margin-bottom:10px}.dot-keys{display:grid;grid-template-columns:96px 96px;justify-content:space-between;gap:12px 0}.dot-key{width:96px;height:83px;border-radius:50%;background:linear-gradient(145deg,#fffffb,#f2f1e9);box-shadow:0 5px 7px #525a3f29,inset 0 2px 2px #fff,inset 0 -3px 3px #cccdbd5c;position:relative;display:flex;align-items:center;justify-content:center;touch-action:none;-webkit-user-select:none;user-select:none;transition:box-shadow .1s ease-out,background .1s ease-out,transform .1s ease-out}.dot-number{font-size:28px;font-weight:650;color:#444b3e;text-shadow:0 1px 0 #fff}.dot-key kbd{position:absolute;bottom:10px;font-size:9px;color:#59634f;font-weight:650}.dot-key:hover:not(:disabled){background:#fffefa;box-shadow:0 6px 9px #4c56352b,inset 0 2px 2px #fff,inset 0 -3px 3px #cccdbd5c}.dot-key.pressed{background:var(--coral);box-shadow:inset 0 3px 5px #994a3433,0 1px 2px #565c4124;transform:translateY(3px)}.dot-key.pressed .dot-number{color:#3f2d22;text-shadow:none}.dot-key.pressed kbd{color:#653a2b}.dot-key:disabled{opacity:.65}.pad-preview{display:flex;gap:11px;justify-content:center;align-items:center;margin-top:17px;min-height:29px;color:#59634f;font-size:10px}.pad-preview .braille-cell{grid-template-columns:repeat(2,5px);gap:3px 4px}.pad-preview .braille-cell i{width:5px;height:5px;background:#cbd0c0;box-shadow:none}.pad-preview .braille-cell i.raised{background:var(--ink)}.pad-actions{display:flex;justify-content:center;gap:26px;margin:13px 0 19px}.pad-actions .primary{min-width:140px}.pad-actions .text-button{font-size:10px}.keyboard-tip{padding:14px 0;display:flex;align-items:center;justify-content:center;gap:8px;border-top:1px solid #d6dccd;font-size:9px;color:#5e6855;line-height:1.8;margin-top:auto}.keyboard-tip kbd{font-size:9px;border:1px solid #c6cdbb;padding:1px 4px;border-radius:3px;font-weight:600}.tiny-dot{background:#7b8970;width:5px;height:5px}.reference{margin-top:33px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:15px}.section-heading h2{font-size:16px;font-weight:750;letter-spacing:-.4px}.section-heading>.text-button{color:#5e6659;font-size:10px;min-height:25px}.alphabet-grid{display:grid;grid-template-columns:repeat(26,minmax(0,1fr));gap:5px;background:var(--white);border-radius:12px;padding:16px 12px}.alphabet-letter{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:8px 0 5px;min-height:78px;border-radius:7px;position:relative}.alphabet-letter .braille-cell{grid-template-columns:repeat(2,6px);gap:4px 5px}.alphabet-letter .braille-cell i{width:6px;height:6px;box-shadow:none;background:#e8e8e0}.alphabet-letter .braille-cell i.raised{background:#3f4739;box-shadow:0 1px 1px #34412422}.alphabet-letter>span:last-child{font-size:11px;font-weight:550;color:#68705e}.alphabet-letter:hover{background:#f0f1e8}.alphabet-letter.current{background:#fbe5db}.alphabet-letter.current>span:last-child{color:#95472f;font-weight:750}.alphabet-letter.current .braille-cell i.raised{background:#b7563b}.alphabet-letter.learned:after{content:"";width:3px;height:3px;position:absolute;bottom:0;border-radius:50%;background:var(--green)}.reference-footer{display:flex;justify-content:space-between;gap:16px;margin-top:11px;font-size:9px;line-height:1.8;color:#59634f}.reference-footer>span:first-child{display:flex;align-items:center;gap:7px}.reference-footer strong{font-weight:600;color:#5b6650}.mini-progress{display:inline-block;width:7px;height:7px;border:1px solid #7b9170;border-radius:50%}.bottom-note{margin-top:31px;padding:22px 25px;display:flex;align-items:center;gap:16px;background:#eceee4;border-radius:10px}.bottom-note p{font-size:10px;line-height:1.8;color:#59634f;flex:1}.bottom-note strong{display:block;font-size:11px;color:#49533f;font-weight:650}.note-symbol .braille-cell{grid-template-columns:repeat(2,6px);gap:4px 5px}.note-symbol .braille-cell i{width:6px;height:6px;background:#d8ddcc;box-shadow:none}.note-symbol .braille-cell i.raised{background:#647356}.bottom-note .text-button{font-size:10px;color:#46533c}.site-footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;max-width:1224px;margin:auto;padding:23px 0 26px;font-size:9px;color:#59634f;line-height:1.8}.footer-dots{font-size:14px;letter-spacing:3px;display:inline-block;margin-left:16px;color:#a2ab93}.free-prompt h2{font-size:28px;font-weight:650;letter-spacing:-1px;margin-top:30px}.free-prompt>p{font-size:12px;color:#707566;line-height:1.8;margin-top:13px}.free-output{font-family:DejaVu Sans,Segoe UI Symbol,sans-serif;font-size:34px;line-height:1.8;overflow-wrap:anywhere;max-height:160px;overflow:auto;min-height:90px;margin-top:22px;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.free-prompt p.decoded-text{font-size:16px;color:var(--ink);overflow-wrap:anywhere;max-height:100px;overflow:auto;margin-top:12px}.free-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:23px}.free-prompt p.free-help{font-size:10px;margin-top:auto;padding-top:25px}.empty-note{font:450 13px/1.7 Manrope,Arial,sans-serif;color:#59634f;letter-spacing:0}.lessons-view{max-width:1030px;margin:auto}.lessons-view>.section-heading{margin:12px 0 21px}.lesson-list{background:var(--white);padding:0 30px;border-radius:var(--radius)}.lesson-row{width:100%;display:flex;align-items:center;gap:26px;text-align:left;padding:26px 0;border-bottom:1px solid var(--line)}.lesson-row:last-child{border-bottom:0}.lesson-row:hover h3{color:var(--coral-dark)}.lesson-number{font-size:16px;font-weight:600;align-self:flex-start;color:#59634f;padding-top:4px;min-width:25px}.lesson-row-info{flex:1}.lesson-row h3{font-size:18px;font-weight:700;display:flex;align-items:center;gap:14px}.lesson-row h3>span{font-size:10px;font-weight:600;background:#ecefe4;color:#56624a;padding:4px 9px;border-radius:4px;white-space:nowrap}.lesson-row p{font-size:11px;color:#6a7360;line-height:1.8;margin-top:8px}.lesson-row-progress{height:3px;background:#e8ebdf;display:inline-block;width:110px;vertical-align:middle;margin-right:9px}.lesson-row-progress i{display:block;height:100%;background:var(--green)}.lesson-row .small-note{font-size:9px}.lesson-samples{display:flex;gap:16px;padding:0 16px;opacity:.8}.lesson-row-arrow{padding:10px;background:#f2f2e9;border-radius:50%}.learning-note{display:flex;align-items:flex-start;gap:24px;margin-top:28px;padding:28px;background:#e8ece0;border-radius:12px;color:#4e5d42}.learning-note>svg,.learning-note>.braille-cell{margin-top:4px;flex-shrink:0}.learning-note h3{font-size:14px;font-weight:700}.learning-note p{font-size:11px;line-height:1.9;max-width:92ch;margin-top:7px}.learning-note p.small-note{font-size:10px}.drill-prompt{padding:29px}.drill-clock{display:flex;align-items:center;gap:9px;padding-bottom:20px;border-bottom:1px solid var(--line)}.drill-clock>span:first-of-type{font-size:20px;font-weight:700;font-variant-numeric:tabular-nums}.drill-clock>span:last-child{font-size:10px;color:#59634f;margin-left:auto}.drill-idle-art{display:flex;justify-content:center;gap:15px;margin:32px 0 23px}.drill-idle-art .braille-cell i.raised{background:var(--coral)}.drill-prompt h2{font-size:30px;font-weight:650;line-height:1.4;letter-spacing:-.9px}.drill-prompt>p{font-size:11px;line-height:1.9;color:#6c7560;margin-top:14px}.field-label{font-size:10px;font-weight:700;margin:22px 0 8px;display:block}select{width:100%;min-height:43px;border:1px solid #d6dacf;background:var(--white);color:var(--ink);border-radius:6px;font-size:11px;padding:10px}.start-drill{margin-top:17px}.drill-live-stats{display:flex;justify-content:center;gap:50px}.drill-live-stats>span,.drill-results>span{display:flex;align-items:center;flex-direction:column;font-size:10px;color:#59634f;gap:4px}.drill-live-stats strong,.drill-results strong{font-size:27px;color:var(--green);font-weight:700;font-variant-numeric:tabular-nums}.drill-prompt p.drill-feedback{text-align:center;min-height:39px;color:var(--green);margin-bottom:8px}.drill-prompt .target-area{min-height:190px}.drill-result-title{margin-top:33px}.drill-results{display:flex;justify-content:space-between;margin-top:30px;gap:14px}.drill-prompt>p+.button{margin-top:27px}.translator-view .workspace-heading{margin-bottom:20px}.checkbox-label{display:flex;align-items:center;gap:8px;font-size:11px;color:#616a57}.checkbox-label input{width:17px;height:17px;accent-color:var(--green)}.translator-panels{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;position:relative}.translator-panel{border-radius:var(--radius);padding:25px;background:var(--white);min-width:0}.translator-panel .section-heading{font-size:12px;font-weight:700;padding-bottom:15px;border-bottom:1px solid var(--line)}.translator-panel .section-heading .text-button{color:var(--ink)}.translator-panel textarea{resize:vertical;width:100%;min-height:220px;border:0;background:transparent;color:var(--ink);padding:9px 0;font-size:24px;line-height:1.9;outline-offset:0}.translator-panel textarea:focus{outline:0}.translator-panel:focus-within{box-shadow:0 0 0 2px #778b68}.panel-foot{display:flex;justify-content:space-between;gap:10px;font-size:9px;color:#59634f;padding-top:14px;border-top:1px solid var(--line)}.output-panel{background:#e9eddf}.output-panel .section-heading,.output-panel .panel-foot{border-color:#d4dbc9}.translation-output{min-height:235px;padding:9px 0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:24px;line-height:1.9}.braille-text,.translator-panel textarea.braille-text{font-family:DejaVu Sans,Segoe UI Symbol,sans-serif;font-size:34px;letter-spacing:4px}.swap-button{position:absolute;top:47%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--ink);color:#fff;border:4px solid var(--paper);border-radius:50%;z-index:1}.swap-button:hover{background:var(--green)}.live-dot{display:flex;gap:6px;align-items:center}.live-dot:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--green)}.translator-presets{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-top:25px}.translator-presets>span{font-size:10px;color:#59634f}.translator-presets button{font-size:10px;border-bottom:1px solid #c2c9b7;min-height:40px;display:flex;align-items:center;gap:9px}.translator-presets button:hover{color:var(--coral-dark)}.translation-warning{font-size:11px;color:#91472f;background:#f8e4d8;padding:15px 20px;border-radius:8px;line-height:1.8;margin-top:16px}.cell-builder{display:flex;align-items:center;gap:20px;margin-top:24px;background:var(--white);padding:24px;border-radius:12px}.cell-builder>div:first-child{flex:1}.cell-builder h3{font-size:14px}.cell-builder p{font-size:11px;color:#59634f;line-height:1.8;margin-top:5px}.builder-dots{display:grid;grid-template-columns:repeat(2,44px);gap:5px 10px}.builder-dots button{border:1px solid #d9ddce;border-radius:50%;width:44px;height:44px;background:#f2f3e9;font-size:12px}.builder-dots button.selected{background:var(--coral);border-color:var(--coral)}.about-dialog{border:0;padding:0;background:var(--white);color:var(--ink);border-radius:18px;max-width:460px;width:calc(100% - 32px);max-height:calc(100dvh - 40px);box-shadow:0 16px 70px #1d291f40}.about-dialog::backdrop{background:#252e266b}.about-content{padding:31px;position:relative}.dialog-close{position:absolute;right:17px;top:17px;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#f0f1e8}.about-content h2{font-size:26px;letter-spacing:-.6px;margin-top:13px}.about-content>p{font-size:11px;line-height:1.9;color:#626c56;margin-top:16px}.about-keymap{display:grid;grid-template-columns:1fr 1fr;max-width:170px;margin:20px auto;gap:9px 25px}.about-keymap span{display:flex;gap:15px;align-items:center;font-size:12px}.about-keymap kbd{padding:8px 12px;background:#e8ecdf;border-radius:6px;font-size:12px}.about-content p.small-note{font-size:10px}.about-three-lines{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.about-three-lines h3{font-size:12px;margin-bottom:10px}.about-three-lines p{font-size:10px;line-height:1.9;color:#636c59}.about-content>.button{margin-top:24px;width:100%}@media(min-width:1500px){main{padding-top:52px}.page-heading{margin-bottom:38px}}@media(max-width:1320px){main{margin:0 48px}.site-footer{margin:0 48px}.header-inner{padding:0 48px}.header-inner nav{gap:1px}.nav-link{padding:11px 12px}.alphabet-grid{gap:1px;padding:14px 8px}}@media(min-width:1100px){.dot-key{height:88px}.key-area{width:286px}.dot-keys{grid-template-columns:100px 100px}.dot-key{width:100px}.pad-instruction{margin:19px 0 17px}.pad-preview{margin-top:18px}}@media(max-width:1000px){.header-inner{padding:0 30px;gap:20px}.brand{font-size:24px}.nav-link{padding:11px 9px;font-size:11px;gap:6px}.help-button span{display:none}main{margin:0 30px;padding-top:35px}.site-footer{margin:0 30px}.page-heading h1{font-size:34px}.saved-badge{font-size:9px}.practice-workspace{grid-template-columns:minmax(275px,.95fr) minmax(0,1.25fr);gap:18px}.lesson-prompt{padding:25px 24px}.pad{padding:20px 20px 0}.pad-top{gap:8px}.pad-title{font-size:10px;gap:6px}.input-switch button{padding:6px 9px}.keyboard-tip{font-size:8px;gap:6px}.keyboard-tip kbd{font-size:8px;padding:1px 3px}.alphabet-grid{grid-template-columns:repeat(13,minmax(0,1fr));gap:8px;padding:15px}.alphabet-letter{min-height:69px;gap:8px}.reference-footer{font-size:8px}.bottom-note .text-button{max-width:160px}.lesson-samples{gap:12px;padding:0}.lesson-row{gap:21px}.lesson-row h3{font-size:16px}.translator-view .workspace-heading{gap:10px}.translator-view .practice-switch{gap:15px}.checkbox-label{font-size:9px}.translator-panels{gap:20px}.cell-builder{gap:14px}.cell-builder p{max-width:160px}.cell-builder .button{padding:12px}}@media(max-width:700px){.header-inner{min-height:123px;padding:18px 20px 0;flex-wrap:wrap;gap:10px}.brand{font-size:25px;gap:8px}.brand-mark{height:34px;width:28px}.brand-mark .braille-cell{grid-template-columns:repeat(2,8px);gap:3px;width:19px}.brand-mark .braille-cell i{width:8px;height:8px}.header-inner nav{order:3;width:100%;justify-content:space-between;min-height:51px;align-items:stretch;gap:3px}.nav-link{font-size:10px;border-radius:0;flex:1;justify-content:center;padding:11px 4px;gap:6px;border-bottom:2px solid transparent;white-space:nowrap}.nav-link svg{width:15px;height:15px}.nav-link.active{background:transparent;border-bottom-color:var(--ink)}.help-button{margin-left:auto;padding:6px;min-height:40px}.help-button span{display:block;font-size:10px}.page-heading{margin-bottom:22px;gap:10px;align-items:flex-start;flex-direction:column}.page-heading h1{font-size:30px;letter-spacing:-1.1px}.page-heading p{font-size:11px;margin-top:6px}.saved-badge{font-size:8px;margin-top:5px}.saved-badge .status-dot{width:4px;height:4px}main{margin:0 20px;padding:29px 0 30px}.workspace-heading{margin-bottom:12px;gap:8px}.practice-switch{gap:20px}.practice-switch button{font-size:10px;min-height:36px}.workspace-heading>.small-note{font-size:8px;max-width:115px;text-align:right}.practice-workspace{grid-template-columns:1fr;gap:15px}.lesson-prompt{padding:20px 21px 18px;position:relative}.lesson-top{font-size:10px}.lesson-progress{margin-top:13px}.target-area{min-height:138px;padding:2px 0 8px;align-items:flex-start;justify-content:center;width:50%;flex:initial}.target-letter{font-size:83px;line-height:1.1;letter-spacing:-2.5px}.target-letter.word{font-size:48px;letter-spacing:-1.6px}.target-example{font-size:10px;text-align:left;margin-top:2px;max-width:145px}.hint-area{position:absolute;top:82px;right:23px;width:44%;display:flex;flex-direction:column;gap:8px;text-align:center;min-height:0;padding:0;border:0}.hint-area strong{font-size:10px}.hint-area p{font-size:8px;max-width:110px;margin:3px auto auto}.hint-area .braille-cell{grid-template-columns:repeat(2,9px);gap:4px 6px}.hint-area .braille-cell i{width:9px;height:9px}.prompt-feedback{min-height:34px;border-top:1px solid #eeeee5;font-size:9px;padding:7px 0 0}.lesson-bottom{margin-top:8px}.lesson-bottom .text-button{font-size:10px}.lesson-bottom .button{font-size:10px;min-height:38px;padding:10px 13px}.pad{padding:18px 21px 0}.pad-title{font-size:11px}.pad-instruction{font-size:9px;margin:16px 0 13px}.input-switch button{font-size:9px;min-height:28px}.key-area{width:235px}.hand-labels{font-size:7px;letter-spacing:1px;margin-bottom:11px}.dot-keys{grid-template-columns:87px 87px;row-gap:12px}.dot-key{width:87px;height:75px}.dot-number{font-size:25px}.dot-key kbd{bottom:8px;font-size:8px}.pad-preview{margin-top:17px;font-size:9px}.pad-actions{margin:11px 0 17px}.pad-actions .primary{font-size:10px;min-width:136px}.keyboard-tip{font-size:8px;padding:12px 0;gap:6px;white-space:nowrap}.keyboard-tip kbd{font-size:7px;padding:1px 2px}.reference{margin-top:27px}.section-heading{gap:10px;margin-bottom:12px}.section-heading h2{font-size:13px;letter-spacing:-.2px;max-width:180px}.section-heading>.text-button{font-size:9px;gap:4px;white-space:nowrap}.section-heading>.text-button svg{width:13px}.alphabet-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;padding:12px 8px}.alphabet-letter{min-height:68px}.alphabet-letter .braille-cell{grid-template-columns:repeat(2,6px);gap:4px 5px}.reference-footer{flex-direction:column;gap:4px;margin-top:10px;font-size:8px}.bottom-note{margin-top:23px;padding:18px 17px;gap:12px;flex-wrap:wrap}.bottom-note p{font-size:9px;min-width:220px}.bottom-note strong{font-size:10px}.bottom-note .text-button{margin-left:34px;max-width:none;font-size:9px;min-height:27px}.site-footer{padding:20px 0;margin:0 20px;flex-direction:column;gap:5px;font-size:8px}.footer-dots{font-size:10px}.free-prompt h2{font-size:27px;margin-top:20px}.free-prompt>p{font-size:11px;margin-top:9px}.free-output{font-size:30px;margin-top:17px;min-height:65px}.free-actions{margin-top:18px}.free-prompt p.free-help{padding-top:18px;font-size:9px}.lessons-view>.section-heading h2{font-size:15px}.lessons-view>.section-heading>.small-note{font-size:9px}.lesson-list{padding:0 19px}.lesson-row{gap:15px;padding:21px 0}.lesson-number{font-size:12px;min-width:18px;padding-top:3px}.lesson-row h3{font-size:13px;display:block;line-height:1.5}.lesson-row h3>span{display:inline-block;font-size:8px;padding:2px 6px;margin-left:6px}.lesson-row p{font-size:10px;line-height:1.8}.lesson-row-progress{width:75px;margin-top:10px}.lesson-row .small-note{font-size:8px}.lesson-samples{display:none}.lesson-row-arrow{padding:0;background:none}.lesson-row-arrow svg{width:17px}.learning-note{padding:22px 18px;gap:15px;margin-top:21px}.learning-note h3{font-size:12px}.learning-note p{font-size:10px;line-height:1.9}.learning-note>.braille-cell{grid-template-columns:repeat(2,7px);gap:4px 5px}.learning-note>.braille-cell i{width:7px;height:7px}.learning-note>svg{width:22px}.workspace-heading h2{font-size:15px}.drill-prompt{padding:23px}.drill-clock{padding-bottom:14px}.drill-clock>span:first-of-type{font-size:20px}.drill-clock>span:last-child{font-size:9px}.drill-prompt h2{font-size:28px}.drill-idle-art{margin:22px 0}.drill-prompt>p{font-size:10px}.field-label{margin-top:17px}.start-drill{margin-top:16px}.drill-prompt .target-area{width:100%;align-items:center;min-height:155px}.drill-prompt .target-example{text-align:center}.drill-live-stats{gap:65px}.drill-live-stats strong{font-size:25px}.drill-results{margin:23px 0}.drill-result-title{margin-top:22px}.drill-prompt .text-button{margin-top:8px}.translator-view .workspace-heading{flex-wrap:wrap;row-gap:12px;margin-bottom:20px}.translator-view .practice-switch{gap:22px}.checkbox-label{font-size:10px;min-height:30px}.translator-panels{grid-template-columns:1fr;gap:20px}.translator-panel{padding:20px}.translator-panel .section-heading{font-size:11px;margin-bottom:9px}.translator-panel textarea{min-height:150px;font-size:20px}.translation-output{min-height:170px;font-size:20px}.braille-text,.translator-panel textarea.braille-text{font-size:30px;letter-spacing:3px}.panel-foot{font-size:8px}.swap-button{top:50%;left:auto;right:21px;transform:translateY(-50%);width:40px;height:40px}.translator-presets{gap:8px 15px;margin-top:18px}.translator-presets>span{width:100%;font-size:9px}.translator-presets button{font-size:9px;min-height:34px}.cell-builder{flex-wrap:wrap;gap:15px;padding:21px}.cell-builder>div:first-child{min-width:200px}.cell-builder h3{font-size:13px}.cell-builder p{font-size:10px;max-width:none}.cell-builder .braille-cell{margin-right:auto}.cell-builder .button{font-size:10px}.builder-dots{grid-template-columns:repeat(2,44px)}.translation-warning{font-size:10px}.about-content{padding:27px}.about-content h2{font-size:24px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}.dot-key.pressed{transform:none}}.small-note,.lesson-top{font-size:12px}.pad-title{font-size:13px}.pad-instruction{font-size:12px}.hint-area p{font-size:11px}.prompt-feedback{font-size:12px}.button,.text-button{font-size:12px;min-height:44px}.keyboard-tip{font-size:10px}.pad-preview,.saved-badge{font-size:11px}.reference-footer{font-size:10px}.section-heading>.text-button{font-size:11px}.bottom-note p{font-size:11px}.bottom-note strong{font-size:12px}.site-footer{font-size:10px}.translator-panel .section-heading{font-size:13px}.panel-foot{font-size:10px}.learning-note p,.checkbox-label{font-size:12px}.translator-presets>span,.translator-presets button{font-size:11px}.input-switch button{min-height:36px;min-width:49px;font-size:11px}.help-button{min-height:44px}.pad-actions .text-button{font-size:11px}.pad-actions .primary{min-height:44px}.hand-labels{font-size:9px;color:#646c59}.dot-key kbd{color:#66705a}.target-example{color:#656d5b}.saved-badge,.small-note{color:#616a55}.about-content>p{font-size:12px}.about-content p.small-note,.about-three-lines p,.free-prompt p.free-help{font-size:11px}@media(max-width:1000px){.pad-title,.pad-instruction{font-size:11px}.input-switch button{min-width:43px;padding-left:8px;padding-right:8px}.keyboard-tip{font-size:9px;flex-wrap:wrap;text-align:center}.keyboard-tip kbd{font-size:9px}.reference-footer{font-size:10px}.checkbox-label,.bottom-note .text-button{font-size:11px}}@media(max-width:700px){main{padding-top:23px}.page-heading{margin-bottom:14px}.page-heading h1{font-size:29px}.page-heading p{font-size:12px}.saved-badge{font-size:10px}.workspace-heading{margin-bottom:10px}.workspace-heading>.small-note{display:none}.practice-switch button{font-size:12px}.lesson-prompt{padding:16px 20px}.lesson-top{font-size:11px}.lesson-progress{margin-top:10px}.lesson-prompt:not(.free-prompt):not(.drill-prompt) .target-area{min-height:87px;padding:3px 0}.target-letter{font-size:66px;line-height:1}.target-example{font-size:11px}.hint-area{top:62px;right:20px;gap:5px}.hint-area strong{font-size:11px}.hint-area p{display:none}.hint-area .braille-cell{grid-template-columns:repeat(2,7px);gap:3px 5px}.hint-area .braille-cell i{width:7px;height:7px}.prompt-feedback{font-size:11px;min-height:0;padding:7px 0 0;border-top:0}.prompt-feedback>span:not(.correct):not(.wrong){display:none}.lesson-bottom{margin-top:7px}.lesson-bottom .button,.lesson-bottom .text-button{font-size:11px;min-height:44px}.lesson-bottom .button{padding:9px 12px}.pad{padding-top:15px}.pad-title{font-size:12px}.input-switch button{font-size:11px;min-height:36px;min-width:43px}.pad-instruction{font-size:11px;margin:12px 0}.hand-labels{font-size:9px}.key-area{width:235px}.dot-keys{grid-template-columns:87px 87px;row-gap:10px}.dot-key{height:73px}.dot-key kbd{font-size:9px;bottom:7px}.pad-preview{font-size:10px;margin-top:13px}.pad-actions .primary{font-size:12px}.keyboard-tip{font-size:9px;line-height:1.8;white-space:normal;flex-wrap:nowrap}.keyboard-tip kbd{font-size:9px}.keyboard-tip .tiny-dot{display:none}.alphabet-grid{grid-template-columns:repeat(6,minmax(0,1fr));padding:12px 10px;gap:5px}.alphabet-letter{min-height:70px;min-width:44px}.section-heading>.text-button{font-size:10px;min-height:44px}.section-heading h2{font-size:14px}.reference-footer{font-size:10px}.bottom-note p{font-size:11px;min-width:200px}.bottom-note strong{font-size:12px}.bottom-note .text-button{font-size:11px;margin-left:28px;min-height:44px}.site-footer{font-size:10px}.small-note{font-size:11px}.learning-note p{font-size:12px}.learning-note p.small-note{font-size:11px}.learning-note h3{font-size:14px}.panel-foot{font-size:10px}.translator-presets>span{font-size:11px}.translator-presets button{font-size:11px;min-height:44px}.checkbox-label,.cell-builder p,.free-prompt p.free-help{font-size:11px}.free-prompt h2{font-size:26px}.drill-prompt .target-area{min-height:155px}.drill-prompt .target-letter{font-size:83px}.drill-prompt>p{font-size:12px}.drill-clock>span:last-child{font-size:11px}.field-label{font-size:12px}select{font-size:12px;min-height:44px}.lesson-row h3{font-size:15px}.lesson-row p{font-size:12px}.lesson-row .small-note{font-size:10px}.lesson-row h3>span{font-size:10px;margin-left:0;margin-top:5px;display:table}.lessons-view>.section-heading>.small-note{font-size:10px}.translator-panel .section-heading{font-size:12px}}