:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#1e302a;background:#f3f5f0;font-synthesis:none;--green:#174c3c;--muted:#69776f}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 85% 20%,#e4eddf 0,transparent 45%)}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible{outline:3px solid #b29b38;outline-offset:4px}[hidden]{display:none!important}.topbar{max-width:1120px;margin:auto;padding:30px 32px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;font-size:19px;font-weight:700;letter-spacing:-.6px}.brand-icon{background:var(--green);color:white;border-radius:12px;padding:8px 10px;font-size:21px;letter-spacing:-2px}.brand-icon span{color:#d9ed99}.demo-tag{font-size:12px;background:#e3e9df;color:#506044;padding:7px 12px;border-radius:30px}main{max-width:620px;margin:45px auto 35px;padding:0 24px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:var(--green);display:flex;align-items:center;gap:9px}.eyebrow>span{width:7px;height:7px;background:#668658;border-radius:50%}h1{font-size:clamp(40px,7vw,58px);line-height:1.06;letter-spacing:-2.5px;margin:20px 0}p.intro{font-size:16px;line-height:1.65;color:var(--muted);max-width:490px;margin-bottom:29px}.card{background:#fff;border:1px solid #e0e6dd;border-radius:22px;padding:28px;box-shadow:0 12px 45px #253b2210}.card-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1.3px;color:#7a867d;margin-bottom:27px}.languages{letter-spacing:1px;color:var(--green);background:#f1f5ec;padding:6px 9px;border-radius:6px}label{display:block;font-size:14px;font-weight:650;margin-bottom:10px}.input-wrap{display:flex;align-items:center;position:relative}.input-wrap>svg{width:21px;height:21px;position:absolute;left:16px;stroke:#7d8c82;stroke-width:1.7;fill:none;pointer-events:none}input{width:100%;min-height:58px;border:1.5px solid #cad4c7;border-radius:12px;padding:15px 44px;color:#1e302a;background:#fff;font-size:16px;outline:none}input:focus{border-color:var(--green);box-shadow:0 0 0 3px #174c3c10}input::placeholder{color:#929c94}input::-webkit-search-cancel-button{-webkit-appearance:none}#clear{position:absolute;right:5px;height:44px;width:40px;border:0;background:transparent;font-size:25px;color:#69776f}.help{font-size:12px;color:#778478;line-height:1.5;margin:10px 0 0}.result-caption{font-size:11px;letter-spacing:.4px;color:#778478;padding:18px 4px 8px}#suggestions{margin:0;padding:0;list-style:none;max-height:310px;max-height:min(310px,42dvh);overflow:auto;overscroll-behavior:contain;border:1px solid #e3e8df;border-radius:12px;scrollbar-width:thin}#suggestions:empty{display:none}#suggestions li{padding:13px 14px;min-height:63px;cursor:pointer;border-bottom:1px solid #edf0e9;touch-action:manipulation}#suggestions li:last-child{border-bottom:0}#suggestions li:hover,#suggestions li.active{background:#eef4e9}.option-name{font-size:15px;font-weight:600;display:block}.option-translations{display:block;color:#737e75;font-size:12px;line-height:1.5;margin-top:4px}.option-category{font-size:10px;color:#859081;margin-top:4px;display:block}#empty{font-size:14px;line-height:1.6;color:#69776f;padding:14px;background:#f5f7f1;border-radius:10px}.selected{display:flex;gap:12px;padding:15px;background:#f0f6eb;border-radius:12px;margin-top:16px}.check{flex-shrink:0;background:#dceaca;color:var(--green);border-radius:50%;width:26px;height:26px;text-align:center;line-height:26px}.selected-label{display:block;text-transform:uppercase;font-size:10px;letter-spacing:1px;color:#628055;margin:1px 0 5px}.selected strong{display:block;font-size:15px}#selected-translations{display:block;color:#69776f;font-size:12px;line-height:1.5;margin-top:5px}.submit{width:100%;min-height:54px;border:0;border-radius:12px;background:var(--green);color:white;font-weight:600;padding:16px 20px;margin-top:24px;display:flex;align-items:center;justify-content:space-between;transition:background .15s}.submit:disabled{background:#e4e9df;color:#8b9788}.submit:not(:disabled):hover{background:#24634c}.demo-note{text-align:center;font-size:11px;color:#8a9387;line-height:1.5;margin:12px 0 0}.examples{display:flex;align-items:center;gap:12px;margin-top:22px;font-size:12px;color:#778478}.examples>div{display:flex;flex-wrap:wrap;gap:7px}.examples button{background:transparent;border:1px solid #d7dfd0;border-radius:25px;padding:11px 14px;color:#55684e;min-height:44px;font-size:12px}footer{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#8b9587;margin-top:42px;padding-top:20px;border-top:1px solid #dfe5d7}dialog{border:1px solid #e0e6dd;border-radius:22px;padding:30px;width:calc(100% - 40px);max-width:420px;color:#1e302a;box-shadow:0 20px 80px #0003}dialog::backdrop{background:#152e26a6;backdrop-filter:blur(4px)}.success-icon{height:48px;width:48px;border-radius:50%;background:#e6f1dc;color:var(--green);text-align:center;line-height:48px;font-size:24px;margin-bottom:24px}dialog h2{font-size:27px;letter-spacing:-.8px;line-height:1.2}#confirmation-part{font-size:15px;line-height:1.6}.dialog-note{font-size:12px;line-height:1.6;color:#778478}dialog .submit{justify-content:center}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media(max-width:600px){.topbar{padding:20px}.brand{font-size:17px}main{margin:27px auto 24px;padding:0 20px}h1{margin:18px 0;letter-spacing:-1.8px}.intro{font-size:15px!important;margin-bottom:23px!important}.card{padding:21px 18px;border-radius:18px}.card-top{margin-bottom:22px;font-size:9px}.examples{align-items:flex-start;flex-direction:column;gap:9px}footer{margin-top:30px;font-size:10px}#suggestions{max-height:38dvh}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.option-name,.option-translations,.selected strong,#selected-translations{overflow-wrap:anywhere}input{min-width:0}