:root{color-scheme:light;--paper: #fff4c8;--cream: #fffaf0;--white: #ffffff;--cocoa: #3b2b22;--cocoa-soft: #6f5a48;--amber: #e9a11b;--amber-dark: #c8790c;--amber-soft: #f8cf64;--leaf: #5f8848;--leaf-dark: #436d36;--leaf-soft: #eff6e8;--line: #d7c5aa;--blue: #bfe4ef;--error: #a54435;--shadow: 0 22px 60px rgb(92 57 11 / 13%);--font-rounded: "Arial Rounded MT Bold", "Trebuchet MS", ui-rounded, "Avenir Next", system-ui, sans-serif;--font-body: "Trebuchet MS", "Avenir Next", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color:var(--cocoa);background:var(--paper);font-family:var(--font-body);font-synthesis:none;line-height:1.35}*{box-sizing:border-box}html{min-height:100%;background:var(--paper)}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden;color:var(--cocoa);background-color:var(--paper);background-image:url(/assets/warm-paper.png);background-position:center;background-size:cover;font-size:1rem}button,input,textarea{font:inherit}button,input,textarea{border-radius:14px}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:4px solid var(--blue);outline-offset:4px}h1[tabindex="-1"]:focus{outline:none}button:disabled{cursor:not-allowed;filter:grayscale(.25);opacity:.56}.setup-shell,.practice-shell,.results-shell{position:relative;isolation:isolate;min-height:100vh;margin-inline:auto;overflow:hidden}.setup-shell{width:min(100%,1536px);padding:38px 13.54% 32px 12.44%}.practice-shell,.results-shell{width:min(100%,1536px);padding:32px 9.8% 34px 8.6%}.results-shell{padding-top:127px}.surface{position:relative;z-index:1;border:0;border-radius:46px 46px 40px 40px;background:#fffaf0f5;box-shadow:var(--shadow)}.surface:before{position:absolute;z-index:-1;top:-10px;right:48px;left:48px;height:64px;background:radial-gradient(ellipse 64px 32px at 64px 32px,var(--cream) 0 63px,transparent 64px) 0 0 / 128px 64px repeat-x;content:"";filter:drop-shadow(0 -10px 13px rgb(92 57 11 / 3%));pointer-events:none}.surface--setup{min-height:938px;padding:50px clamp(90px,9.8vw,150px) 24px clamp(145px,12.5vw,192px)}.surface--setup .page-title{font-size:clamp(4.2rem,5.4vw,5.2rem);line-height:.95;transform:translate(24px)}.surface--setup .field-label{font-size:1.55rem}.surface--setup .word-list{height:216px;min-height:216px;font-size:1.82rem;line-height:1.3}.surface--setup .word-count{font-size:1.45rem}.surface--setup .word-count:before{width:30px;height:30px;font-size:19px}.surface--setup .button{min-height:96px;font-size:2.25rem}.surface--practice{height:940px;min-height:940px;overflow:hidden;padding:4px 48px 40px}.practice-shell{padding-top:50px}.surface--practice:before{top:-26px}.surface--results{min-height:844px;padding:55px clamp(72px,7vw,108px) 32px}.page-title,.practice-title,.brand-title,.metric-value,.button{font-family:var(--font-rounded)}.page-title{max-width:none;margin:0;color:var(--cocoa);font-size:clamp(3.8rem,4.9vw,4.8rem);font-weight:900;letter-spacing:-.025em;line-height:1;text-align:center;text-wrap:balance}.page-title--center{font-size:clamp(3.7rem,4.8vw,4.65rem)}.surface--results .page-title{transform:translate(50px)}.lead{margin:21px 0 0;font-family:var(--font-rounded);font-size:clamp(1.28rem,1.55vw,1.55rem);font-weight:800;text-align:center}.privacy-note{display:flex;align-items:center;justify-content:center;gap:8px;margin:10px 0 39px;color:var(--leaf-dark);font-size:1.22rem;font-weight:700;text-align:center}.privacy-note:before{width:15px;height:14px;border:2px solid currentcolor;border-radius:3px;background:radial-gradient(circle at 50% 45%,currentcolor 0 2px,transparent 2.5px);content:""}.field-label{display:block;margin-bottom:8px;font-family:var(--font-rounded);font-size:1.08rem;font-weight:800}.word-list,.answer-input{width:100%;border:2px solid #bca98f;color:var(--cocoa);background:var(--white);box-shadow:inset 0 2px 4px #4f31130d}.word-list{min-height:216px;padding:17px 20px;resize:vertical;font-size:1.12rem;line-height:1.52}.answer-input{height:82px;padding:11px 18px;font-family:var(--font-rounded);font-size:1.45rem}.word-list[aria-invalid=true],.answer-input[aria-invalid=true]{border-color:var(--error)}.word-count{display:flex;align-items:center;gap:9px;margin:9px 0 0;color:var(--leaf-dark);font-family:var(--font-rounded);font-size:1.01rem;font-weight:800}.word-count:before{display:inline-grid;width:21px;height:21px;place-items:center;border-radius:50%;color:var(--white);background:var(--leaf);content:"✓";font-family:sans-serif;font-size:13px;font-weight:900}.validation-message{min-height:21px;margin:5px 0 0;color:var(--error);font-weight:800}.validation-message:empty{min-height:0;margin:0}.settings{position:relative;display:grid;grid-template-columns:1fr;gap:3px;margin:15px 0 26px;padding:17px 100px 15px;border:3px solid var(--amber-soft);border-radius:5px;background:#ffffff2e}.settings-title{position:absolute;top:0;left:50%;padding:0 18px;color:transparent;background:transparent;font-family:var(--font-rounded);font-size:1.06rem;font-weight:900;transform:translate(-50%,-50%);white-space:nowrap}.checkbox-row{display:flex;min-height:42px;align-items:center;gap:11px;color:var(--cocoa);font-size:1.48rem;font-weight:700;cursor:pointer}.checkbox-row input{width:23px;height:23px;flex:0 0 23px;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid #b89770;border-radius:6px;background:var(--white)}.checkbox-row input:checked{border-color:var(--leaf);background-color:var(--leaf);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='m3 8 3 3 7-7'/%3E%3C/svg%3E");background-position:center;background-repeat:no-repeat;background-size:17px}.checkbox-row:has(input:disabled){color:#8a7d6b;cursor:default}.honeycomb-cells{display:flex;justify-content:center;gap:13px}.honeycomb-cell{position:relative;display:block;width:66px;height:58px;flex:0 0 auto;background:var(--amber);clip-path:polygon(25% 3%,75% 3%,100% 50%,75% 97%,25% 97%,0 50%)}.honeycomb-cell:after{position:absolute;top:4px;right:4px;bottom:4px;left:4px;background:var(--cream);clip-path:inherit;content:""}.honeycomb-cell--complete:after{background:var(--amber-soft)}.honeycomb-cell--current{filter:drop-shadow(0 2px 3px rgb(130 77 4 / 22%))}.honeycomb-cells--spray{position:absolute;z-index:-1;display:grid;grid-template-columns:repeat(2,49px);gap:0 1px;width:100px;opacity:.95;transform:rotate(-13deg)}.honeycomb-cells--spray .honeycomb-cell{width:51px;height:45px}.honeycomb-cells--spray .honeycomb-cell:after{background:var(--amber-soft)}.honeycomb-cells--spray .honeycomb-cell:nth-child(2n){transform:translateY(21px)}.honeycomb-cells--left{top:4px;left:-42px}.honeycomb-cells--right{right:-42px;bottom:17px;transform:rotate(13deg) scaleX(-1)}.button-row{display:flex;gap:14px}.button-row--setup{display:grid;grid-template-columns:1.14fr 1fr;gap:26px}.button{display:inline-flex;min-height:56px;align-items:center;justify-content:center;padding:13px 24px;border:3px solid transparent;border-radius:15px;font-size:1.12rem;font-weight:900;line-height:1.1;text-align:center;text-decoration:none;cursor:pointer;transition:transform .12s ease,background-color .12s ease,border-color .12s ease,box-shadow .12s ease}.button:hover:not(:disabled){transform:translateY(-1px)}.button:active:not(:disabled){transform:translateY(1px)}.button--primary{color:var(--white);border-color:var(--amber);background:linear-gradient(180deg,#f7b91f 0%,var(--amber) 72%);box-shadow:0 5px 0 var(--amber-dark);text-shadow:0 1px 0 rgb(91 53 0 / 22%)}.button--primary:hover:not(:disabled){border-color:#de920d;background:#de920d}.button--secondary{color:var(--leaf-dark);border-color:var(--leaf);background:var(--cream)}.button--secondary:hover:not(:disabled){background:var(--leaf-soft)}.button--quiet{color:var(--cocoa);border-color:#9a8069;background:var(--cream)}.button--quiet:hover:not(:disabled){background:#f4eadc}.button--hear{min-width:194px!important;gap:9px}.button--hear:before{width:24px;height:24px;background:currentcolor;clip-path:polygon(7% 36%,35% 36%,62% 13%,62% 87%,35% 64%,7% 64%);content:""}.brand-header{position:relative;z-index:2;padding:8px 0 14px;text-align:center}.results-shell>.brand-header{position:absolute;z-index:4;top:41px;right:0;left:0;padding:0}.brand-title{margin:0;color:var(--cocoa);font-size:clamp(2.35rem,3.65vw,3.55rem);font-weight:900;letter-spacing:-.04em}.session-header{position:relative;z-index:2;max-width:780px;margin:0 auto;padding:2px 24px 0}.status-row{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:center;margin:0 -141px 24px;padding:11px 46px;border:2px solid #efd18f;border-radius:18px;transform:translate(-9px);color:var(--cocoa-soft);font-family:var(--font-rounded);font-size:1.03rem;font-weight:800}.status-row>:last-child{text-align:right}.stage-label{min-width:142px;padding:7px 16px;border-radius:999px;color:var(--leaf-dark);background:var(--leaf-soft);font-weight:900;text-align:center}.progress{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.progress-label{margin:7px 0 0;color:var(--leaf-dark);font-family:var(--font-rounded);font-size:1.05rem;font-weight:900;text-align:center}.session-header .honeycomb-cell{width:72px;height:63px}.practice-content{position:relative;z-index:2;display:flex;width:min(100%,1000px);min-height:688px;flex-direction:column;align-items:center;margin:0 auto;padding:43px 18px 80px;text-align:center}.practice-content--feedback{gap:24px;justify-content:center}.practice-title{margin:0;color:var(--cocoa);font-size:clamp(2rem,2.6vw,2.6rem);font-weight:900;letter-spacing:-.025em;line-height:1.12;text-wrap:balance}.study-word,.masked-word,.correction-word{max-width:100%;margin:-2px 0 36px;overflow-wrap:anywhere;color:var(--cocoa);font-family:var(--font-rounded);font-size:clamp(4rem,6.8vw,6.5rem);font-weight:900;letter-spacing:.12em;line-height:1.08}.study-word,.correction-word{letter-spacing:.04em}.masked-word{color:#665646;font-variant-ligatures:none;white-space:pre-wrap}.no-hint-note,.study-note{margin:25px 0;color:var(--cocoa-soft);font-size:1.08rem;font-weight:700}.study-note{min-height:24px}.practice-content>.button{min-width:min(100%,220px)}.answer-group{width:min(100%,690px);margin-top:28px;text-align:left}.answer-group .button{display:flex;width:min(100%,416px);min-height:80px;margin-top:16px;margin-inline:auto;font-size:2.1rem}.feedback{display:grid;width:min(100%,948px);min-height:82px;place-items:center;margin-top:28px;padding:14px 20px;border:2px solid #eadbc5;border-radius:18px;color:var(--cocoa-soft);background:#ffffffb3;font-family:var(--font-rounded);font-size:1.08rem;font-weight:900;text-align:center}.feedback[data-tone=positive]{color:var(--leaf-dark);border-color:#b9d3ac;background:var(--leaf-soft)}.comparison{width:min(100%,640px);margin-top:20px;padding:17px 20px;border:2px solid #eadbc5;border-radius:16px;background:#ffffffa6;text-align:left}.comparison p{margin:0;overflow-wrap:anywhere}.comparison p+p{margin-top:7px;font-weight:900}.primary-results{display:flex;justify-content:center;gap:18px;margin:24px 0 14px;transform:translate(46px)}.primary-results .metric{position:relative;display:grid;width:380px;height:190px;place-content:center;background:var(--amber);clip-path:polygon(15% 2%,85% 2%,100% 50%,85% 98%,15% 98%,0 50%)}.primary-results .metric:before{position:absolute;z-index:-1;top:5px;right:5px;bottom:5px;left:5px;background:var(--cream);clip-path:inherit;content:""}.metric{display:flex;flex-direction:column;align-items:center;text-align:center}.metric-value{color:var(--amber-dark);font-size:clamp(2.3rem,3.2vw,3.2rem);line-height:1}.primary-results .metric-value{font-size:clamp(3rem,4.3vw,4.2rem)}.metric-label{margin-top:7px;color:var(--cocoa);font-family:var(--font-rounded);font-size:1rem;font-weight:900}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);max-width:870px;margin:0 auto 25px;padding:26px 0;border-block:2px solid #ead6b9}.metrics-grid .metric{padding-inline:12px}.metrics-grid .metric+.metric{border-left:2px solid #ead6b9}.metrics-grid .metric-value{font-size:2.3rem}.result-lists{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:864px;margin:54px auto 0}.result-list{min-height:154px;margin:0;padding:22px 26px;border:2px solid #ead6b9;border-radius:20px;background:#ffffffbd}.result-list-title{margin:0 0 11px;padding:0;border:0;color:var(--cocoa);font-family:var(--font-rounded);font-size:1.23rem;font-weight:900}.result-list ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 20px;margin:0;padding:0;list-style:none}.result-list li{padding:3px 0;overflow-wrap:anywhere;color:var(--cocoa-soft);font-weight:700}.result-list li:before{margin-right:7px;color:var(--leaf);content:"✓";font-weight:900}.result-list-empty:before{content:"★"!important}.button-row--results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:45px}.button-row--results .button{min-height:80px;padding-inline:14px;font-size:1rem}.mascot,.sunflowers{position:absolute;z-index:3;max-width:none;pointer-events:none;-webkit-user-select:none;user-select:none}.mascot--setup{top:8px;left:8.2%;width:clamp(335px,25.7vw,395px);transform:rotate(-5deg) scaleX(1.02) scaleY(.9);transform-origin:top center}.sunflowers--setup{bottom:-75px;left:-4%;width:clamp(340px,30.3vw,465px);transform:scaleX(-1)}.mascot--practice{top:201px;left:6.5%;width:clamp(300px,26vw,400px);clip-path:none;transform:rotate(-6deg) scaleY(.88);transform-origin:top center}.sunflowers--practice{right:-.5%;bottom:-48px;width:clamp(300px,26vw,400px)}.mascot--results{top:2px;left:9.3%;width:clamp(270px,21.5vw,330px);clip-path:inset(0 0 24% 0);transform:rotate(-9deg) scaleY(.9);transform-origin:top center}.sunflowers--results{bottom:-10px;left:-.7%;width:clamp(250px,21.5vw,330px);transform:scaleX(-1) scaleY(1.25);transform-origin:bottom center}@media(max-width:1100px){.setup-shell{padding-inline:8%}.surface--setup{padding-right:80px;padding-left:150px}.mascot--setup{left:.5%}.settings{grid-template-columns:1fr}.surface--practice{padding-inline:28px}.mascot--practice{left:1%;width:205px}}@media(max-width:760px){body{background-position:52% center}.setup-shell,.practice-shell,.results-shell{width:100%;min-height:100svh;padding:17px 10px 10px}.surface{min-height:calc(100svh - 27px);border-radius:32px;box-shadow:0 12px 38px #5c390b1c}.surface:before{top:-19px;right:16px;left:16px;height:40px;background:radial-gradient(circle at 20px 20px,var(--cream) 0 19px,transparent 20px) 0 0 / 40px 40px repeat-x}.surface--setup,.surface--results{padding:35px 23px 120px}.surface--practice{height:auto;min-height:calc(100svh - 27px);padding:20px 17px 115px}.page-title{font-size:clamp(2.55rem,12vw,3.35rem)}.page-title--center{font-size:clamp(2.25rem,10vw,3rem)}.surface--setup .page-title,.surface--results .page-title,.primary-results{transform:none}.lead{font-size:1.16rem}.privacy-note{font-size:.9rem}.word-list{min-height:225px}.settings{grid-template-columns:1fr;gap:3px;padding:28px 20px 20px}.honeycomb-cells--spray{display:none}.brand-header{padding:2px 0 12px}.brand-title{font-size:1.72rem}.session-header{padding-inline:0}.status-row{grid-template-columns:1fr auto 1fr;gap:6px;margin:0 0 12px;padding:8px 10px;transform:none;font-size:.73rem}.stage-label{min-width:100px;padding:6px 8px}.session-header .honeycomb-cells{gap:6px}.session-header .honeycomb-cell{width:min(12.5vw,51px);height:min(11vw,45px)}.practice-content{width:100%;min-height:620px;padding:39px 3px 110px}.practice-title{font-size:clamp(1.65rem,7vw,2.05rem)}.study-word,.masked-word,.correction-word{margin:27px 0 31px;font-size:clamp(2.65rem,13.2vw,4.25rem);letter-spacing:.08em}.answer-group{margin-top:28px}.answer-input{height:59px}.answer-group .button{min-height:61px}.feedback{min-height:93px;margin-top:18px}.mascot--setup{top:8px;left:-45px;width:170px;opacity:.95}.sunflowers--setup{bottom:-35px;left:-50px;width:235px}.mascot--practice{top:227px;left:-10px;width:125px;transform:rotate(-6deg) scaleY(.8)}.sunflowers--practice{right:-48px;bottom:-45px;width:205px}.mascot--results{top:-10px;left:-54px;width:175px}.sunflowers--results{bottom:-60px;left:-66px;width:230px}.primary-results{gap:16px;margin-block:24px}.primary-results .metric{width:145px;height:126px}.primary-results .metric-value{font-size:3rem}.metrics-grid{grid-template-columns:repeat(2,1fr);gap:18px 0}.metrics-grid .metric:nth-child(3){border-left:0}.metrics-grid .metric-value{font-size:2rem}.result-lists,.button-row--results{grid-template-columns:1fr}}@media(max-width:390px){.surface--setup,.surface--results{padding-inline:18px}.surface--practice{padding-inline:14px}.session-header .honeycomb-cell{width:46px;height:41px}.primary-results .metric{width:128px;height:112px}.primary-results .metric-value{font-size:2.6rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}