.free-tools{--forest:#174a36;--ink:#172c26;--paper:#f8f9f3;--copy:#445b51;--line:#ccd8ce;background:var(--paper);color:var(--ink);min-height:100vh}.free-tools ::-moz-selection{background:#dcebb4;color:var(--ink)}.free-tools ::selection{background:#dcebb4;color:var(--ink)}.free-tools :is(a,button,input,select,summary):focus-visible{outline:3px solid #926000;outline-offset:4px}.free-tools input{caret-color:var(--forest)}.free-tools :is(h1,h2,h3){font-family:Poppins,Nunito,sans-serif;letter-spacing:-.025em;text-wrap:balance;line-height:1.25}.free-tools h1{font-size:clamp(2rem,4.3vw,3.3rem);font-weight:700;max-width:25ch}.free-tools h2{font-size:clamp(1.35rem,2.4vw,1.8rem);font-weight:600}.free-tools h3{font-size:1.1rem;font-weight:700}.free-tools p{line-height:1.7;max-width:72ch}.free-tools a{text-underline-offset:.25em}.tool-wrap{max-width:1120px;width:calc(100% - 64px);margin:auto;padding-top:104px;padding-bottom:64px}.tool-skip{position:fixed;top:-100px;left:20px;z-index:100;background:#fff;color:var(--forest);padding:14px}.tool-skip:focus{top:12px}.tool-breadcrumb{display:flex;flex-wrap:wrap;gap:10px;color:var(--copy);font-size:.85rem;margin-block:20px 28px}.tool-breadcrumb a{text-decoration:underline}.tool-heading{margin-bottom:32px}.tool-heading>p{color:var(--copy);font-size:1.1rem;margin-top:16px;max-width:64ch}.tool-filters{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end;padding-block:16px 24px;border-bottom:1px solid var(--line);margin-bottom:20px}.tool-filters label{flex:1;min-width:180px;max-width:470px}.free-tools label{font-weight:700;font-size:.9rem}.free-tools input:not([type=radio]),.free-tools select{display:block;width:100%;margin-top:7px;min-height:48px;border:1px solid #9bae9f;border-radius:8px;background:#fff;color:var(--ink);padding:10px 12px;font:inherit;max-width:100%}.free-tools select{padding-right:28px}.tool-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:24px}.tool-primary,.tool-secondary{display:inline-flex;gap:10px;align-items:center;justify-content:center;min-height:48px;border-radius:8px;padding:11px 20px;font:inherit;font-weight:800;cursor:pointer;text-align:center}.tool-primary{background:var(--forest);color:#fff;border:1px solid var(--forest)}.tool-primary:hover{background:#103c2a}.tool-secondary{background:transparent;color:var(--forest);border:1px solid #9bae9f}.tool-secondary:hover{background:#e6eddf}.tool-link{display:inline-flex;align-items:center;min-height:44px;color:var(--forest);background:transparent;border:0;text-decoration:underline;font:inherit;font-size:.9rem;font-weight:700;cursor:pointer;padding:4px 0}.free-tools button:disabled{opacity:.5;cursor:not-allowed}.tool-small{font-size:.85rem;color:var(--copy);margin-top:10px}.tool-notice{color:#70460c;background:#f1ead7;padding:12px 16px;margin-block:16px;font-size:.9rem}.tool-pronunciation{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.8fr);gap:48px;align-items:start}.tool-example-list h2{font-size:1.05rem}.tool-example-list ul{margin-top:16px;max-height:640px;overflow:auto;scrollbar-color:#9bae9f #eef2e7;padding:0 8px 8px 0;scrollbar-width:thin}.tool-example-list li{border-top:1px solid var(--line)}.tool-example-list button{width:100%;padding:14px 12px;background:transparent;border:0;border-radius:6px;cursor:pointer;text-align:left;color:var(--ink)}.tool-example-list button:hover{background:#eaf0e3}.tool-example-list button[aria-pressed=true]{background:#e1ebd8;color:#123c29}.tool-example-list span{display:block;font-size:1.08rem;font-weight:800}.tool-example-list small{display:block;color:var(--copy);font-size:.85rem;line-height:1.5;margin-top:3px}.tool-model{padding-block:0 24px;min-width:0}.tool-model>h2{font-size:clamp(1.9rem,3.4vw,2.6rem);margin-block:16px 8px}.tool-translation{font-size:1.15rem;color:var(--forest);margin-block:8px 16px}.tool-audio{margin-block:22px}.free-tools audio{display:block;width:100%;max-width:100%;height:54px}.tool-audio-actions{display:flex;align-items:flex-end;gap:16px;margin-top:12px;flex-wrap:wrap}.tool-audio-actions label{font-size:.8rem;font-weight:400}.tool-audio-actions select{font-size:.85rem;min-height:44px;margin-top:4px}.tool-audio-actions .tool-secondary{min-height:44px;padding:9px 16px;font-size:.85rem}.tool-usage{padding-block:24px;margin-top:20px;border-top:1px solid var(--line)}.tool-usage p{margin-top:8px}.free-tools details{margin-block:16px}.free-tools summary{cursor:pointer;color:var(--forest);font-weight:700;padding-block:10px;min-height:44px}.free-tools details p{margin-top:10px}.tool-recorder{margin-top:24px;padding-top:24px;border-top:1px solid var(--line)}.tool-recorder>p{font-size:.9rem;color:var(--copy);margin-block:12px}.tool-recorder audio{margin-top:16px}.tool-reading{border-top:1px solid var(--line);padding-block:40px 0;margin-top:48px}.tool-reading section{margin-top:28px}.tool-reading :is(p,h3){margin-top:14px}.tool-reading a,.tool-result a,.tool-related{color:var(--forest);text-decoration:underline}.tool-other{margin-top:56px;border-top:1px solid var(--line);padding-top:28px}.tool-other h2{font-size:1.15rem}.tool-other>div{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:16px}.tool-other a{color:var(--forest);text-decoration:underline;min-height:44px;display:inline-flex;align-items:center}.tool-next{margin-top:40px;padding:28px;background:#e6eddf}.tool-next p{margin-top:12px}.tool-next .tool-actions>a:not(.tool-primary){color:var(--forest);text-decoration:underline;min-height:44px;display:inline-flex;align-items:center}.tool-empty{padding-block:32px}.tool-empty p{margin-block:12px 20px}.tool-directory>a{display:grid;grid-template-columns:32px 1fr 24px;gap:24px;align-items:start;border-top:1px solid var(--line);padding:28px 0;color:var(--forest)}.tool-directory>a:hover h2{text-decoration:underline;text-underline-offset:.2em}.tool-directory p{color:var(--copy);margin-top:8px}.tool-directory-title{font-size:1.1rem;color:var(--ink)!important}.tool-listening-start{display:grid;grid-template-columns:1fr 180px;gap:48px;align-items:center;background:#eaf0e3;padding:32px}.tool-listening-start h2{margin-bottom:24px}.tool-listening-start select{max-width:480px}.tool-listening-start p{margin-top:16px}.tool-listening-start .tool-primary{margin-top:24px}.tool-session{max-width:760px;margin:0 auto}.tool-progress{display:flex;justify-content:space-between;gap:24px;align-items:center;font-size:.85rem;color:var(--copy)}.free-tools progress{display:block;width:100%;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:#dce3d8;margin-block:12px 32px}.free-tools progress::-webkit-progress-bar{background:#dce3d8;border-radius:3px}.free-tools progress::-webkit-progress-value{background:var(--forest);border-radius:3px}.free-tools progress::-moz-progress-bar{background:var(--forest)}.tool-question h2:focus,.tool-result h2:focus{outline:0}.tool-question>p{margin-top:12px}.tool-options{border-top:1px solid var(--line);margin-top:24px}.tool-options label{display:flex;gap:14px;align-items:center;padding:16px;min-height:60px;border-bottom:1px solid var(--line);font:inherit;cursor:pointer}.tool-options label:hover{background:#eaf0e3}.tool-options label.is-selected{background:#e1ebd8}.tool-options input{height:20px;width:20px;flex-shrink:0;accent-color:var(--forest)}.tool-feedback{background:#eaf0e3;padding:18px 20px;margin-block:0 28px;font-size:.9rem}.tool-input-label{display:block;margin-top:20px}.tool-result>p{margin-top:16px}.tool-review article{padding-block:28px;border-top:1px solid var(--line);margin-top:20px}.tool-review p{margin-top:12px}.tool-expression-index{display:flex;flex-wrap:wrap;gap:6px 20px;margin-block:20px 32px}.tool-expression-index a{min-height:44px;display:inline-flex;align-items:center;color:var(--forest);text-decoration:underline;font-weight:700}.tool-expression{padding-block:32px;border-top:1px solid var(--line);scroll-margin-top:104px;max-width:790px}.tool-expression:target{background:#eff3e7}.tool-expression-head{display:flex;align-items:center;justify-content:space-between;gap:24px}.tool-expression h2{font-size:2rem}.tool-expression-head a{color:var(--forest)}.tool-expression>p{margin-top:14px}.tool-dialogue{margin-block:24px}.tool-dialogue>div{margin-top:18px}.tool-dialogue dt{font-size:1.1rem;font-weight:800;line-height:1.6}.tool-dialogue dd{color:var(--copy);margin-top:4px;line-height:1.7}.tool-reply{background:#eaf0e3;padding:18px 22px;margin-block:22px}.tool-reply p{margin-top:6px}.tool-related{display:inline-flex;align-items:center;min-height:44px;font-size:.9rem;margin-top:14px}@media (max-width:760px){.tool-wrap{width:calc(100% - 40px);padding-top:80px}.tool-heading{margin-bottom:24px}.tool-heading>p{font-size:1rem}.tool-breadcrumb{margin-block:16px 24px}.tool-pronunciation{grid-template-columns:1fr;gap:28px}.tool-example-list ul{max-height:180px}.tool-model{border-top:1px solid var(--line);padding-top:20px}.tool-filters{gap:12px}.tool-filters label{min-width:100%;max-width:none}.tool-listening-start{grid-template-columns:1fr;padding:24px;gap:0}.tool-listening-start img{display:none}.tool-listening-start .tool-primary{width:100%}.tool-progress{gap:12px;align-items:flex-start}.tool-progress>span{padding-top:10px}.tool-progress .tool-link{max-width:45%;text-align:right;font-size:.8rem}.tool-directory>a{grid-template-columns:24px 1fr;gap:16px}.tool-directory>a>svg:last-child{display:none}.tool-directory>a>svg:first-child{width:24px}.tool-expression h2{font-size:1.65rem}.tool-expression-head{gap:16px}.tool-expression-head button{font-size:.8rem;flex-shrink:0}.tool-next{padding:24px}.tool-question .tool-actions>.tool-primary{width:100%}.tool-translation{font-size:1.05rem}.tool-reading{margin-top:36px;padding-top:28px}}.tool-mobile-example{display:none}.tool-pron-filters{margin:0!important}.tool-pron-filters>summary{display:list-item;margin-bottom:16px}@media (max-width:760px){.tool-pron-filters>summary{display:list-item;margin-bottom:16px}.tool-pron-filters:not([open])>.tool-filters{display:none}.tool-pronunciation .tool-example-list{display:none}.tool-model{border-top:0;padding-top:0}.tool-mobile-example{display:block;margin-bottom:20px}.tool-model>h2{font-size:2rem;margin-top:12px}.tool-expression-index{max-height:140px;overflow:auto;scrollbar-color:#9bae9f #eef2e7;padding-bottom:8px}.free-tools input::-moz-placeholder{color:#5b6d63;opacity:1}.free-tools input::placeholder{color:#5b6d63;opacity:1}.tool-feedback .tool-primary{margin-top:16px}}