:root{--ink:#233f39;--muted:#6b7870;--paper:#f6f4ed;--green:#2e6454;--line:#dcded3;--orange:#c16742;font-family:ui-rounded,"Trebuchet MS",Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,select,textarea{font:inherit}button,a,select,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;touch-action:manipulation}button{color:inherit}button:disabled{cursor:default;opacity:.42}button:focus-visible,a:focus-visible,select:focus-visible,textarea:focus-visible,input:focus-visible{outline:3px solid var(--orange);outline-offset:5px}button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}button{border:0}button:hover:not(:disabled){filter:brightness(.96)}.wrap{max-width:1200px;margin:auto;padding:0 44px}.header{display:flex;justify-content:space-between;align-items:center;min-height:112px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--ink);font-size:27px;font-weight:800;letter-spacing:-1.1px}.brandmark{display:flex;align-items:center;gap:2px;width:61px;height:43px}.brandmark b{display:grid;place-items:center;border-radius:8px;background:#df8b65;color:#fff8e9;width:30px;height:34px;font-size:25px;transform:rotate(-10deg);box-shadow:0 3px 0 #cc7751}.brandmark b+b{transform:rotate(9deg);background:#85a489;box-shadow:0 3px 0 #6c8f72;margin-top:9px}.brand-dot{color:var(--orange)}.header-actions{display:flex;align-items:center;gap:22px}.quiet{background:none;font-size:14px;display:flex;align-items:center;gap:8px}.outline{background:transparent;border:1px solid #bdc7b9;border-radius:10px;padding:13px 17px;display:inline-flex;gap:10px;align-items:center;justify-content:center;font-size:14px;font-weight:700;min-height:46px}.intro{display:flex;justify-content:space-between;align-items:center;padding:43px 0 31px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;color:var(--green);margin:0 0 13px}h1{font-family:Georgia,"Times New Roman",serif;font-size:40px;letter-spacing:-1.25px;font-weight:400;margin:0 0 12px}p{line-height:1.65}.intro p:last-child{margin:0;color:var(--muted);font-size:15px}.sun{width:83px;margin-right:24px;color:#d4aa54;transform:rotate(8deg)}.modes{display:flex;gap:7px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:28px}.modes button{display:flex;align-items:center;gap:10px;padding:12px 19px;min-height:46px;background:transparent;border-radius:9px;font-size:13px;color:#657167;font-weight:700}.modes button span{font-size:18px}.modes button[aria-pressed=true]{background:var(--green);color:white;box-shadow:0 3px 0 #214d40}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 278px;gap:31px}.practice-top{display:flex;justify-content:space-between;align-items:center;margin:0 2px 15px;font-size:12px}.practice-top>span:first-child{font-size:10px;letter-spacing:1.7px;font-weight:800}.practice-top>span:last-child{color:var(--muted)}.word-card{position:relative;min-height:328px;border:1px solid #d6dfd0;border-radius:20px;background:#eaf0e3;box-shadow:0 5px 0 #dee5d6;display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:hidden}.card-next{position:absolute;inset:0;width:100%;height:100%;background:transparent;border-radius:20px;z-index:1}.card-next:focus-visible{outline-offset:-6px}.card-tag{position:absolute;top:23px;padding:6px 11px;border:1px solid #d4decd;border-radius:6px;color:#677963;font-size:11px;letter-spacing:.4px;pointer-events:none}.word{font-size:clamp(55px,8vw,112px);font-weight:700;letter-spacing:3px;line-height:1.3;padding:70px 16px;color:#244b3c;position:relative;pointer-events:none;max-width:100%;display:flex;justify-content:center;align-items:center;white-space:nowrap}.word.long{font-size:clamp(25px,4.8vw,62px);letter-spacing:1px}.word button{padding:0 1px;border-radius:9px;background:transparent;font:inherit;pointer-events:auto;position:relative;z-index:2;min-width:44px;border-bottom:4px solid transparent}.word button[aria-pressed=true]{color:var(--orange);border-bottom-color:var(--orange);background:#dfe7d6}.word .compound-part+.compound-part{color:#bd6c42}.word.hidden-word{font-size:clamp(30px,4vw,58px);color:#71816b;letter-spacing:3px}.card-bottom{position:absolute;bottom:27px;display:flex;gap:15px;align-items:center;font-size:12px;color:#687a61;pointer-events:none}.tiny-star{font-size:17px;color:#90a37d}.practice-actions{display:flex;gap:10px;margin-top:24px;align-items:center}.back{border:1px solid #cbd1c4;background:transparent;border-radius:10px;min-width:46px;min-height:46px;font-size:20px}.primary{display:inline-flex;align-items:center;justify-content:center;gap:28px;background:var(--green);color:#fff;border-radius:10px;padding:14px 22px;min-height:47px;font-size:14px;font-weight:700;box-shadow:0 3px 0 #224e41}.practice-actions>.primary{margin-left:auto;min-width:155px}.primary span{font-size:20px;line-height:1}.message{font-size:13px;min-height:21px;margin:14px 0 0;color:#9a4f2f}.keyboard-tip{text-align:center;font-size:12px;color:#76806f;margin:8px 0 20px}.keyboard-tip span{display:block;font-size:10px;margin-top:5px;color:#7a8278}kbd{font:inherit;border:1px solid #d3d7cd;border-radius:4px;padding:1px 5px}.session{padding:23px;background:#fffdf7;border:1px solid #e0e0d5;border-radius:14px}.section-top{display:flex;align-items:center;justify-content:space-between}.section-top h2{font-size:16px;margin:0}.leaf{font-size:26px;color:#8eaa89}.session>p{font-size:12px;color:var(--muted);margin:5px 0 22px}dl{margin:0}dl>div{display:flex;justify-content:space-between;gap:8px;font-size:12px;padding:10px 0;border-bottom:1px solid #ebebe3}dt{color:var(--muted)}dd{margin:0;text-align:right;font-weight:700;max-width:145px}.settings-link{background:none;color:var(--green);display:flex;width:100%;justify-content:space-between;padding:18px 0 0;font-size:12px;font-weight:700}.tip{position:relative;margin-top:18px;border-radius:14px;background:#efe7d5;padding:24px 23px 16px;overflow:hidden}.tip .eyebrow{font-size:9px;color:#8e7957;letter-spacing:1.6px;margin:5px 0 12px}.tip h2{font:400 23px Georgia,serif;margin:0 0 10px;color:#685535}.tip>p:not(.eyebrow){font-size:12px;color:#84745a;line-height:1.8;margin:0}.tip-icon{position:absolute;right:19px;top:13px;font-size:34px;color:#b59b6b}.tip-doodle{margin:14px 0 0;color:#b8a783;display:flex;gap:16px;align-items:center;font:italic 32px Georgia,serif}.tip-doodle span{font:16px Arial,sans-serif}.privacy{font-size:10px;color:#7e8679;text-align:center;line-height:1.8;margin:17px 0 0}.footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;padding-bottom:23px;margin-top:23px;color:#8a9185;font-size:10px}.footer>span:last-child{font-size:14px;font-weight:bold;color:#5e7466}dialog{border:1px solid #dfdfd1;border-radius:20px;background:var(--paper);width:min(590px,calc(100% - 24px));max-height:92dvh;padding:28px;color:var(--ink);box-shadow:0 30px 100px #122b3340}dialog::backdrop{background:#1d332c88;backdrop-filter:blur(4px)}.dialog-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px}.dialog-heading h2{font:30px Georgia,serif;margin:0}.dialog-heading .eyebrow{font-size:9px;letter-spacing:1.4px}.close{background:#e7e9df;min-width:36px;min-height:36px;border-radius:50%;font-size:24px;margin-left:12px}form>label,.form-grid label,#family-field>label,#custom-field>label{display:block;font-size:12px;font-weight:bold;margin:17px 0 8px}select,textarea{width:100%;border:1px solid #c7cec0;border-radius:9px;padding:12px;background:#fffdf7;color:var(--ink);font-size:13px;min-height:46px}textarea{resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field-note{font-size:11px;color:var(--muted);margin:9px 0}.note{background:#e5eadb;border-radius:9px;padding:14px;margin-top:16px;font-size:12px;line-height:1.7}.checkbox{display:flex;align-items:center;gap:9px;font-weight:400;font-size:13px}.checkbox input{width:18px;height:18px;accent-color:var(--green)}.dialog-footer{border-top:1px solid var(--line);padding-top:18px;margin-top:18px;display:flex;gap:12px;justify-content:space-between;align-items:center}.dialog-footer>p{font-size:10px;color:var(--muted);line-height:1.7;margin:0}.dialog-footer .primary{gap:20px;white-space:nowrap}.form-error{font-size:12px;color:#a33f25;margin:8px 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}.focus-mode .intro,.focus-mode .modes,.focus-mode .sidebar,.focus-mode .footer,.focus-mode .keyboard-tip,.focus-mode .brand{display:none}.focus-mode .header{justify-content:flex-end;min-height:80px}.focus-mode .workspace{display:block;max-width:1000px;margin:28px auto}.focus-mode .word-card{min-height:57dvh}.focus-mode .word{font-size:clamp(80px,15vw,180px)}.focus-mode .word.long{font-size:clamp(24px,7vw,95px)}.focus-mode .word.hidden-word{font-size:clamp(30px,7vw,80px)}@media(min-width:1500px){.wrap{max-width:1320px}.word-card{min-height:380px}.intro{padding-top:48px;padding-bottom:38px}.workspace{gap:38px;grid-template-columns:minmax(0,1fr) 290px}.practice{padding-bottom:20px}}@media(max-width:850px){.wrap{padding-left:26px;padding-right:26px}.workspace{grid-template-columns:minmax(0,1fr) 240px;gap:20px}h1{font-size:33px}.sun{width:64px;margin-right:0}.session,.tip{padding:19px}.modes{gap:2px}.modes button{padding:11px 12px;font-size:12px;gap:7px}.word{font-size:82px}.card-bottom{font-size:11px;gap:9px}.practice-actions{gap:7px}.practice-actions>.primary{min-width:125px;padding:12px 15px;gap:14px}.practice-actions>.outline{padding:11px;font-size:12px}}@media(max-width:680px){.wrap{padding-left:20px;padding-right:20px}.header{min-height:89px}.brand{font-size:23px;gap:8px}.brandmark{transform:scale(.85);transform-origin:left center;width:51px}.header-actions{gap:8px}.header-actions>.outline{font-size:0;gap:0;padding:11px}.header-actions>.outline svg{width:22px;height:22px}.quiet{font-size:23px}.quiet span{display:none}.intro{padding:29px 0 25px}.intro h1{font-size:30px;max-width:280px;line-height:1.1;letter-spacing:-.9px}.intro .eyebrow{font-size:8px;letter-spacing:1.3px}.intro p:last-child{font-size:12px;max-width:240px}.sun{width:58px;flex-shrink:0;margin:0 1px 0 12px}.modes{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding-bottom:20px;margin-bottom:23px}.modes button{justify-content:center;background:#eaece2;font-size:12px;padding:9px;gap:8px}.workspace{grid-template-columns:1fr;gap:15px}.word-card{min-height:300px}.word{font-size:100px}.word.long{font-size:clamp(24px,7.7vw,44px)}.card-bottom{bottom:26px}.practice-actions{gap:8px;margin-top:21px}.practice-actions .outline{font-size:12px;padding:11px}.practice-actions>.primary{font-size:13px;padding:12px 15px;min-width:128px}.practice-actions:has(#reveal:not([hidden])){flex-wrap:wrap}.practice-actions:has(#reveal:not([hidden]))>.primary{flex:1}.keyboard-tip{margin-bottom:8px}.sidebar{display:grid;grid-template-columns:1fr}.tip{display:none}.session{padding:20px}.session dl{display:flex;gap:18px;justify-content:space-between}.session dl>div{flex-direction:column;gap:6px;border:0;padding:5px 0}dd{text-align:left;font-size:11px;max-width:130px}.session>p{margin-bottom:12px}.settings-link{border-top:1px solid #ebebe3;margin-top:12px;padding-top:14px}.privacy{font-size:9px;margin-top:12px}.footer{margin-top:24px;font-size:9px;gap:16px}.footer>span:first-child{max-width:210px}dialog{padding:23px 20px}.dialog-heading h2{font-size:26px}.form-grid{gap:10px}.dialog-footer{align-items:flex-start;flex-direction:column}.dialog-footer .primary{width:100%}.focus-mode .word-card{min-height:55dvh}.focus-mode .word{font-size:clamp(70px,22vw,145px)}.focus-mode .word.long{font-size:clamp(23px,7.5vw,60px)}}@media(prefers-reduced-motion:no-preference){.word{animation:arrive .18s ease-out}@keyframes arrive{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}}

/* Size long custom words to the card; allow selectable letters to wrap. */
.word-card{container-type:inline-size}.word.long{font-size:clamp(14px,calc((100cqw - 60px) / (var(--letters) * .7)),62px);letter-spacing:0}.word.changing{flex-wrap:wrap;white-space:normal;row-gap:8px}.word.changing button{flex-shrink:0}.focus-mode .word.long{font-size:clamp(14px,calc((100cqw - 60px) / (var(--letters) * .7)),95px)}
/* Word rewards and the sight-word galaxy. */
.star-word{position:absolute;top:18px;right:18px;z-index:3;width:51px;height:51px;display:grid;place-items:center;border-radius:50%;border:1px solid #cbd6bc;background:#f6f8ef;color:#a0ac89;box-shadow:0 3px 0 #d5dfc8}.star-word svg{width:29px;height:29px;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round;fill:transparent}.star-word[aria-pressed=true]{background:#fff4b9;border-color:#d8ac37;color:#b98514;box-shadow:0 3px 0 #d7b74b}.star-word[aria-pressed=true] svg{fill:#f4c53b}.word-card.is-starred{background:#fff0a7;border-color:#e2c65d;box-shadow:0 5px 0 #dfc45e}.word-card.is-starred .card-tag{border-color:#dfc96d;color:#896a21;background:#fff6cd}.word-card.is-starred .word{color:#73551c}.word-card.is-starred .card-bottom{color:#8b742d}.word-card.is-starred .tiny-star{color:#c19830}.card-sparkles{position:absolute;inset:0;pointer-events:none;display:none;color:#d4ad35;z-index:0}.is-starred .card-sparkles{display:block}.card-sparkles span{position:absolute;font-size:22px}.card-sparkles span:nth-child(1){left:9%;top:22%;font-size:31px;transform:rotate(18deg)}.card-sparkles span:nth-child(2){left:16%;bottom:20%;font-size:17px}.card-sparkles span:nth-child(3){right:14%;top:35%;font-size:29px}.card-sparkles span:nth-child(4){right:22%;bottom:19%;font-size:15px}.card-sparkles span:nth-child(5){left:35%;top:15%;font-size:11px}.card-sparkles span:nth-child(6){right:38%;bottom:12%;font-size:17px}.word button:disabled{opacity:.32;cursor:not-allowed;border-bottom-color:transparent;background:none;color:var(--ink)}.word button[aria-pressed=true]:disabled{background:none;border-color:transparent}.voice-preview{font-size:12px;padding:9px 14px;min-height:40px}.space-map{margin:27px 0 35px;position:relative;isolation:isolate;overflow:hidden;border-radius:24px;background-color:#070b14;background-image:radial-gradient(1px 1px at 6% 12%,#e1edff99 70%,transparent),radial-gradient(1px 1px at 18% 72%,#c9e0ff99 70%,transparent),radial-gradient(1.5px 1.5px at 32% 22%,#fff9 70%,transparent),radial-gradient(1px 1px at 54% 83%,#c4d1fdaa 70%,transparent),radial-gradient(1px 1px at 75% 18%,#fff7 70%,transparent),radial-gradient(1px 1px at 92% 62%,#fff9 70%,transparent),radial-gradient(ellipse at 72% 100%,#23214960,transparent 60%);background-size:179px 191px,233px 217px,317px 271px,239px 187px,281px 301px,193px 277px,100% 100%;padding:36px 40px 25px;color:#e5e9f4;border:1px solid #192334}.map-heading{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:20px}.map-heading .eyebrow{color:#a4b2d0;letter-spacing:1.7px;font-size:9px}.map-heading h2{font:400 31px Georgia,serif;margin:0;color:#f1f1fb;letter-spacing:-.3px}.map-heading p:not(.eyebrow){font-size:12px;color:#8e9db8;margin:10px 0 0;max-width:420px}.map-total{border:1px solid #5b512a;background:#19170ed9;color:#edcb6f;border-radius:24px;padding:11px 15px;font-size:12px;white-space:nowrap}.map-trail{position:relative;margin:34px 4px 22px;padding:8px 0}.map-levels{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));row-gap:46px;column-gap:20px;justify-items:center;position:relative;z-index:1}.map-level{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:90px;height:90px;border:1px solid #3a4560;border-radius:18px;background:#111827;color:#bfc9df;box-shadow:0 5px 0 #03050a;overflow:visible}.map-level:before{content:"";position:absolute;z-index:-1;inset:0;border-radius:17px;background:linear-gradient(to top,#e9bd46 0%,#f7d777 var(--fill),#111827 var(--fill),#111827 100%);opacity:.85}.map-level.current{outline:2px solid #d6e1ff;outline-offset:5px}.map-level.mastered{border-color:#ffe5a2;color:#624518;background:#f5cb58;box-shadow:0 0 22px #f8cf576b,0 0 55px #cba13333,0 5px 0 #70551c}.map-level.mastered:before{opacity:1}.level-number{font-size:9px;letter-spacing:1px;font-weight:800;position:relative;text-shadow:0 1px 3px #11182725}.level-star{font-size:29px;line-height:1.1;position:relative}.level-count{font-size:11px;font-weight:700;position:relative;text-shadow:0 1px 3px #11182720}.map-level:not(.mastered)[style*="--fill: 0%"]{color:#bfc9df}.map-connections{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:0;pointer-events:none}.map-connections path{fill:none;stroke:#5b698b;stroke-width:2;stroke-dasharray:3 7;stroke-linecap:round;stroke-linejoin:round}.map-footer{position:relative;font-size:11px;color:#8996b1;line-height:1.8;margin:0;text-align:center}.planet{position:absolute;border-radius:50%;z-index:-1;pointer-events:none}.planet-one{width:68px;height:68px;right:50px;top:125px;background:radial-gradient(circle at 30% 20%,#8c75a044,#28223b99 64%,#0a0c1400);transform:rotate(-24deg)}.planet-one:after{content:"";position:absolute;left:-22px;right:-22px;top:22px;height:20px;border:5px solid #8676a033;border-radius:50%}.planet-two{width:83px;height:83px;left:-35px;bottom:45px;background:radial-gradient(circle at 65% 30%,#597d7844,#19333833 65%,transparent)}.focus-mode .space-map{max-width:1000px;margin:35px auto}.focus-mode .space-map .map-heading h2{font-size:26px}.word-card .word{z-index:0}.word-card .word.changing{z-index:2}.space-map button:focus-visible{outline:3px solid #fff0ac;outline-offset:6px}.map-level.mastered .level-star{color:#8d6110}@media(prefers-reduced-motion:no-preference){.map-level.mastered{animation:starglow 2.6s ease-in-out infinite}@keyframes starglow{50%{box-shadow:0 0 32px #f8cf57a0,0 0 65px #cba13355,0 5px 0 #70551c}}.map-level{transition:box-shadow .25s,border-color .25s}.word-card{transition:background-color .2s,border-color .2s}.star-word[aria-pressed=true] svg{animation:star-pop .28s ease-out}@keyframes star-pop{50%{transform:scale(1.2) rotate(10deg)}}}@media(max-width:850px){.space-map{padding:30px 25px 23px}.map-levels{column-gap:12px}.map-level{width:78px;height:86px}.map-heading h2{font-size:27px}.map-total{font-size:11px;padding:10px 12px}}@media(max-width:680px){.space-map{margin-top:25px;padding:25px 18px 22px;border-radius:19px}.map-heading{align-items:flex-start;flex-direction:column;gap:15px}.map-heading .eyebrow{font-size:8px;letter-spacing:1.25px}.map-heading h2{font-size:27px}.map-heading p:not(.eyebrow){font-size:11px}.map-total{padding:8px 12px;font-size:11px}.map-levels{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:35px;column-gap:10px}.map-level{width:73px;height:84px;border-radius:15px}.map-level:before{border-radius:14px}.map-trail{margin-top:26px;margin-left:0;margin-right:0}.map-level.current{outline-offset:4px}.map-footer{font-size:10px}.planet-one{right:5px;top:130px;width:58px;height:58px}.session dl{flex-wrap:wrap}.star-word{width:45px;height:45px;right:13px;top:15px}.star-word svg{width:26px;height:26px}.card-tag{max-width:calc(100% - 140px);text-align:center;font-size:10px}.word-card.is-starred .word button:disabled{color:#73551c}}

.level-count{background:#0b1324;color:#e3eafa;padding:3px 6px;border-radius:5px}.map-level.mastered .level-count{background:#efd074;color:#634716}.map-level:not(.mastered) .level-star{color:#dfcd88;text-shadow:0 1px 2px #000}.map-level:not(.mastered) .level-number{background:#111827c9;border-radius:4px;padding:2px 4px;color:#e3eafa}

/* Letter choice is indicated only by a separate underline. */
.word-card .word.changing button,
.word-card.is-starred .word.changing button:disabled{color:#244b3c;background:transparent;opacity:1;border-radius:0;border-bottom:4px solid #244b3c;margin:0 4px;filter:none}
.word-card .word.changing button[aria-pressed=true]{color:#244b3c;background:transparent;border-bottom-color:var(--orange)}
.word-card .word.changing button:disabled{color:#244b3c;border-bottom-color:transparent}
.word-card.is-starred .word.changing button:disabled{border-bottom-color:transparent}
.word-filter{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:-7px 0 24px}.word-filter label{font-size:12px;font-weight:700}.word-filter select{width:auto;min-width:205px;max-width:100%;font-size:13px}.word-filter p{font-size:11px;color:var(--muted);margin:0;flex:1;min-width:180px}.focus-mode .word-filter{display:none}@media(max-width:680px){.word-filter{display:grid;grid-template-columns:1fr;margin:0 0 22px;gap:7px}.word-filter select{width:100%}.word-filter p{font-size:10px}}

.brandmark{width:68px}.brandmark .bruna-letter{display:block;flex:0 0 34px;width:34px;height:34px;margin-top:9px}.brandmark .bruna-letter svg{display:block;width:100%;height:100%}@media(max-width:680px){.brandmark{width:58px}}