:root{--bg:#0b2626;--surface:#144444;--surface-2:#0f3434;--line:#245c57;--text:#f1f7f3;--soft:#d6e4df;--muted:#a3bdb5;--accent:#148c5c;--accent-glow:#3fe09c;--accent-2:#f5b84a;--font:"Plus Jakarta Sans", system-ui, sans-serif;--font-head:"Outfit", var(--font);--gutter:clamp(1rem, 5vw, 3rem);--radius:.75rem;--max:68rem}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg);color:var(--soft);font-family:var(--font);overflow-wrap:break-word;flex-direction:column;min-height:100dvh;margin:0;font-size:1rem;line-height:1.6;display:flex}main{flex:1}h1,h2,h3{font-family:var(--font-head);color:var(--text);margin:0;line-height:1.15}h1{letter-spacing:-.01em;text-wrap:balance;font-size:clamp(2rem,7vw,3.5rem);font-weight:800}h2{margin-bottom:1rem;font-size:clamp(1.25rem,3.5vw,1.625rem);font-weight:700}h3{font-size:1.125rem;font-weight:700}p{margin:0}ul,ol{margin:0;padding:0;list-style:none}.wrap{width:100%;max-width:var(--max);padding-inline:max(var(--gutter), env(safe-area-inset-left)) max(var(--gutter), env(safe-area-inset-right));margin-inline:auto}section.wrap{padding-block:clamp(1.5rem,5vw,2.75rem)}.skip{background:var(--accent-2);color:#1a1404;z-index:10;border-radius:.5rem;padding:.5rem .75rem;font-weight:700;position:absolute;top:-4rem;left:.5rem}.skip:focus{top:.5rem}:focus-visible{outline:3px solid var(--accent-2);outline-offset:2px}.top{border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top)}.top-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;padding-block:.875rem;display:flex}.brand{font-family:var(--font-head);color:var(--text);font-size:1.125rem;font-weight:800}.brand-sub{color:var(--accent-glow);font-weight:600}.tag{color:var(--accent-2);border:1px solid color-mix(in srgb, var(--accent-2) 55%, transparent);border-radius:999px;padding:.125rem .625rem;font-size:.8125rem;font-weight:600}.hero{padding-block:clamp(2.5rem,9vw,5rem) clamp(1.5rem,5vw,2.5rem)}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--accent-glow);margin-bottom:.75rem;font-size:.875rem;font-weight:700}.lead{max-width:40rem;margin-top:1rem;font-size:clamp(1.0625rem,2.6vw,1.25rem)}.accounts{grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:1rem;display:grid}.acc{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.25rem}.acc-head{align-items:center;gap:.75rem;display:flex}.acc-icon{background:var(--surface-2);width:2.5rem;height:2.5rem;fill:var(--accent-glow);border-radius:.625rem;flex:none;padding:.5rem}.acc-blurb{margin-top:.75rem}.acc-label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-top:1rem;font-size:.8125rem;font-weight:700}.acc-calls{margin-top:.375rem}.acc-calls li{color:var(--text);padding:.25rem 0 .25rem 1.125rem;position:relative}.acc-calls li:before{content:"";background:var(--accent-2);border-radius:50%;width:.4375rem;height:.4375rem;position:absolute;top:.9em;left:0}.steps{counter-reset:step;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:1rem;display:grid}.steps li{counter-increment:step;border-top:2px solid var(--line);padding-top:1rem}.steps li:before{content:counter(step);background:var(--accent);color:#fff;width:2rem;height:2rem;font-family:var(--font-head);border-radius:50%;place-items:center;margin-bottom:.625rem;font-weight:700;display:grid}.steps p{margin-top:.375rem}.btn,.btn-ghost{min-height:2.75rem;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:.625rem;justify-content:center;align-items:center;padding:.625rem 1.25rem;font-weight:700;text-decoration:none;display:inline-flex}.btn{background:var(--accent-2);color:#1a1404}.btn:hover{background:#ffc85f}.btn-ghost{color:var(--text);border-color:var(--line);background:0 0}.btn-ghost:hover{border-color:var(--accent-glow)}.btn:disabled,.btn-ghost:disabled{opacity:.6;cursor:progress}.top .btn-ghost{min-height:2.25rem;padding:.25rem .875rem;font-size:.9375rem}.link{font:inherit;color:var(--accent-glow);cursor:pointer;background:0 0;border:0;margin-top:.75rem;padding:.5rem 0;text-decoration:underline}a.brand{text-decoration:none}.cta{flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;display:flex}.cta[hidden]{display:none}.help{color:var(--muted);margin-top:.5rem;font-size:.875rem;font-weight:400;display:block}.narrow{max-width:30rem;padding-block:clamp(1.5rem,6vw,3rem)}.h-form{margin-bottom:1rem;font-size:clamp(1.5rem,5vw,2rem)}.form-intro{margin-bottom:1rem}.tabs{background:var(--surface-2);border:1px solid var(--line);border-radius:.75rem;grid-template-columns:1fr 1fr;gap:.25rem;margin-bottom:1.5rem;padding:.25rem;display:grid}.tabs button{min-height:2.75rem;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:.5rem;font-weight:700}.tabs button[aria-selected=true]{background:var(--surface);color:var(--text)}.form{gap:1rem;display:grid}.form label{color:var(--text);gap:.375rem;font-weight:600;display:grid}.form input{border:1px solid var(--line);background:var(--surface-2);width:100%;min-height:3rem;color:var(--text);font:inherit;border-radius:.625rem;padding:.625rem .875rem;font-size:max(1rem,16px);font-weight:400}.form input:focus-visible{outline:3px solid var(--accent-2);outline-offset:1px;border-color:#0000}.form .btn{margin-top:.25rem}.form .help{margin-top:0}.msg{color:#ffe1dc;background:#3a1f1c;border:1px solid #b8584a;border-left-width:4px;border-radius:.625rem;margin-bottom:1rem;padding:.75rem 1rem;font-weight:600}.msg[data-kind=ok]{border-color:var(--accent-glow);background:var(--surface);color:var(--text)}.page{padding-block:clamp(1.5rem,5vw,2.75rem)}.page>h1{font-size:clamp(1.75rem,6vw,2.75rem)}.page .tabs{margin-top:1.5rem}.page-msg{color:var(--text);padding-block:2rem;font-weight:600}.tabs-3{grid-template-columns:repeat(3,1fr)}.tabs button{padding-inline:.25rem;line-height:1.2}.section-intro{max-width:40rem;margin-bottom:1.25rem}a{color:var(--accent-glow)}.foot a{color:inherit}a.acc-link{height:100%;color:inherit;text-decoration:none;display:block}a.acc-link:hover{border-color:var(--accent-glow)}.acc-go{color:var(--accent-2);margin-top:1rem;font-weight:700;display:inline-block}.acc-go:after{content:" →"}.flow{counter-reset:flow;gap:1rem;display:grid}.step{counter-increment:flow;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.25rem}.step h2{flex-wrap:wrap;align-items:baseline;gap:.25rem .625rem;margin-bottom:.375rem;display:flex}.step h2:before{content:counter(flow);background:var(--accent);color:#fff;border-radius:50%;flex:none;place-items:center;width:1.75rem;height:1.75rem;font-size:1rem;display:inline-grid}.es-tag{font-family:var(--font);color:var(--accent-glow);font-size:.9375rem;font-weight:600}.step-goal{color:var(--muted)}.phrases{gap:.625rem;margin-top:.875rem;display:grid}.phrases li{background:var(--surface-2);border-left:3px solid var(--accent-2);border-radius:.5rem;padding:.75rem .875rem}.es{color:var(--text);font-weight:600}.en{color:var(--muted);margin-top:.125rem;font-size:.9375rem}.search{color:var(--text);gap:.375rem;max-width:26rem;font-weight:600;display:grid}.search input{border:1px solid var(--line);background:var(--surface-2);min-height:3rem;color:var(--text);font:inherit;border-radius:.625rem;padding:.625rem .875rem;font-size:max(1rem,16px);font-weight:400}.terms{grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),1fr));gap:.625rem;margin:1rem 0 0;display:grid}.term{background:var(--surface);border:1px solid var(--line);border-radius:.5rem;padding:.75rem .875rem}.term dt{color:var(--text);font-weight:700}.term dd{margin:.125rem 0 0}.term-note{color:var(--muted);margin-top:.25rem;font-size:.875rem;display:block}.scenarios{grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:1rem;display:grid}.scenario{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:.5rem;padding:1.25rem;display:flex}.scenario h2{margin:0;font-size:1.125rem}.scenario .btn{align-self:flex-start;margin-top:auto}.scenario p{margin-bottom:.5rem}.call h1{font-size:clamp(1.5rem,5vw,2.25rem)}.call h2{margin-top:2rem}.screen{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin-top:1.25rem;padding:.25rem 1rem}.screen summary{color:var(--text);cursor:pointer;padding:.625rem 0;font-weight:700}.screen ul{gap:.375rem;padding:0 0 .75rem 1.25rem;list-style:outside;display:grid}.chat{gap:.75rem;margin-top:1.25rem;display:grid}.bubble{border-radius:.875rem;max-width:min(34rem,88%);padding:.625rem .875rem}.bubble.them{background:var(--surface);border:1px solid var(--line);color:var(--text);border-bottom-left-radius:.25rem;justify-self:start}.bubble.me{background:var(--accent);color:#fff;border-bottom-right-radius:.25rem;justify-self:end}.who{letter-spacing:.05em;text-transform:uppercase;opacity:.8;margin-bottom:.125rem;font-size:.75rem;font-weight:700}.hint-card{border:1px dashed var(--accent-2);background:var(--surface-2);border-radius:.75rem;justify-self:stretch;padding:.75rem .875rem}.hint-card .who{color:var(--accent-2);opacity:1}.hint-card .es{margin-top:.5rem}.typing{color:var(--muted);margin-top:.75rem;font-style:italic}.call .msg{margin-top:1rem;margin-bottom:0}.composer{gap:.5rem;margin-top:1.25rem;display:grid}.composer[hidden],.over[hidden]{display:none}.composer label{color:var(--text);font-weight:600}.composer textarea{border:1px solid var(--line);background:var(--surface-2);width:100%;min-height:4.5rem;color:var(--text);font:inherit;resize:vertical;border-radius:.625rem;padding:.625rem .875rem;font-size:max(1rem,16px)}.composer textarea:focus-visible{outline:3px solid var(--accent-2);outline-offset:1px;border-color:#0000}.keys{flex-wrap:wrap;gap:.375rem;display:flex}.key{border:1px solid var(--line);background:var(--surface);min-width:2.5rem;min-height:2.5rem;color:var(--text);font:inherit;cursor:pointer;border-radius:.5rem;font-size:1.0625rem}.key:hover{border-color:var(--accent-glow)}.composer-row{justify-content:space-between;gap:.75rem;display:flex}.composer-row .btn{flex:1;max-width:14rem}.over{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);justify-items:start;gap:.75rem;margin-top:1.25rem;padding:1rem;display:grid}.score{flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin-top:1rem;display:flex}.score-num{font-family:var(--font-head);color:var(--text);font-size:clamp(2.75rem,12vw,4rem);font-weight:800;line-height:1}.score-of{color:var(--muted);margin-left:.25rem;font-size:.4em}.score-tag{border:1px solid var(--line);color:var(--text);border-radius:999px;padding:.25rem .75rem;font-weight:700}.score-tag[data-ok=true]{border-color:var(--accent-glow);color:var(--accent-glow)}.score-tag[data-ok=false]{border-color:var(--accent-2);color:var(--accent-2)}.fb-steps{gap:.75rem;display:grid}.fb-steps li{background:var(--surface);border:1px solid var(--line);border-radius:.625rem;padding:.875rem 1rem}.fb-step-head{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.fb-step-score{color:var(--text);white-space:nowrap;font-weight:700}.bar{background:color-mix(in srgb, var(--text) 10%, transparent);border-radius:999px;height:8px;margin:.5rem 0;overflow:hidden}.bar span{background:linear-gradient(90deg,#2e8b60,#d9a441);border-radius:999px;height:100%;display:block}.fb-corr{gap:.75rem;display:grid}.fb-corr li{background:var(--surface);border:1px solid var(--line);border-radius:.625rem;padding:.875rem 1rem}.fb-corr .label{text-transform:uppercase;letter-spacing:.04em;min-width:4.5rem;color:var(--muted);font-size:.8125rem;font-weight:700;display:inline-block}.fb-corr .said span[lang]{-webkit-text-decoration:line-through #b8584a;text-decoration:line-through #b8584a}.fb-corr .better span[lang]{color:var(--text);font-weight:600}.fb-corr .en{margin-top:.375rem}#review .cta{margin-top:2rem}#review .phrases{margin-top:0}.history{gap:.5rem;display:grid}.history a{background:var(--surface);border:1px solid var(--line);color:inherit;border-radius:.625rem;grid-template-columns:1fr auto;gap:.125rem 1rem;padding:.75rem 1rem;text-decoration:none;display:grid}.history a:hover{border-color:var(--accent-glow)}.history-title{color:var(--text);font-weight:700}.history-when{color:var(--muted);grid-column:1;font-size:.875rem}.history-score{color:var(--accent-2);white-space:nowrap;grid-area:1/2/span 2;align-self:center;font-weight:700}.prose{max-width:44rem}.prose h2{margin-top:2rem;margin-bottom:.5rem}.prose p{margin-top:.75rem}.prose ul{margin-top:.5rem;padding-left:1.25rem;list-style:outside}.prose li{margin-top:.375rem}.prose strong{color:var(--text)}.foot{border-top:1px solid var(--line);padding-block:1.25rem calc(1.25rem + env(safe-area-inset-bottom));color:var(--muted);margin-top:1.5rem;font-size:.875rem}