@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#090b09;--surface:#111410;--border:#2a3027;--text:#eff2e9;--muted:#92998c;--green:#c1f878;--pink:#eab9dd}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--background);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:DM Sans,Arial,sans-serif}button,textarea{font:inherit}button,a,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:2px solid var(--green);outline-offset:5px}::selection{background:var(--green);color:var(--background)}.site-shell{flex-direction:column;max-width:1600px;min-height:100svh;margin:auto;padding:0 5.2%;display:flex}.site-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:24px;min-height:100px;display:flex}.wordmark{letter-spacing:-1.2px;align-items:center;gap:12px;font-family:Space Grotesk,sans-serif;font-size:25px;font-weight:700;display:flex}.wordmark-light{font-weight:400}.brand-dot{color:var(--green)}.brand-symbol{align-items:center;gap:3px;width:25px;height:28px;display:flex;transform:skewY(-20deg)}.brand-symbol i{background:var(--green);width:6px;height:20px;display:block}.brand-symbol i:nth-child(2){height:28px}.brand-symbol i:nth-child(3){align-self:flex-end;height:14px}.header-note{color:var(--muted);align-items:center;gap:9px;font-size:12px;display:flex}.status-dot{background:var(--green);border-radius:50%;flex-shrink:0;width:5px;height:5px;display:inline-block}.version-tag{color:var(--green);letter-spacing:1px;border:1px solid #3b4433;gap:24px;padding:9px 12px;font:10px monospace;display:flex}main{flex:1;width:100%;max-width:1200px;margin:0 auto}.intro{padding:62px 0 44px;position:relative}.eyebrow{letter-spacing:1.7px;color:#b6bcae;align-items:center;gap:9px;font:10px monospace;display:flex}.small-cross{color:var(--green);font-size:20px;font-weight:400}h1{letter-spacing:-2.5px;width:fit-content;margin:23px 0 19px;font-family:Space Grotesk,sans-serif;font-size:clamp(38px,4.2vw,58px);font-weight:500;line-height:1.06;position:relative}h1>span:first-of-type{color:var(--green)}.title-asterisk{color:var(--pink);vertical-align:7%;margin-left:26px;font-size:.83em;font-weight:400;display:inline-block}.intro p{color:var(--muted);margin:0;font-size:14px;line-height:1.8}.details-link{color:var(--green);letter-spacing:1.5px;text-transform:uppercase;border:1px solid #3b4433;border-radius:4px;align-items:center;gap:10px;margin-top:22px;padding:11px 16px;font:10px monospace;text-decoration:none;transition:background .15s,border-color .15s;display:inline-flex}.details-link:hover{border-color:var(--green);background:#1b2117}.mobile-break{display:none}.section-caption{color:#929b89;letter-spacing:1.5px;justify-content:space-between;align-items:center;margin-bottom:14px;font:10px monospace;display:flex}.section-caption>span:first-child{align-items:center;gap:9px;display:flex}.section-caption>span:last-child{color:#717a68}.translator{border:1px solid var(--border);background:var(--surface);border-radius:4px;grid-template-columns:1fr 1fr;display:grid;position:relative}.text-panel{flex-direction:column;min-width:0;display:flex}.source-panel{border-right:1px solid var(--border)}.target-panel{background:#141810}.panel-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;height:65px;padding:0 27px;display:flex}.language-label{align-items:center;gap:12px;font-size:13px;font-weight:550;display:flex}.language-code{color:var(--muted);border:1px solid #363d30;border-radius:2px;padding:3px 4px;font:9px monospace}.panel-role{color:#89917e;letter-spacing:1.3px;font:9px monospace}.target-header{padding:0 23px}.language-options{align-items:center;gap:5px;width:100%;display:flex}.language-option{color:#a4ac99;background:0 0;border:1px solid #0000;border-radius:3px;padding:8px 13px;font-size:12px;transition:background .15s,color .15s}.language-option:hover{color:var(--text);background:#242c1d}.language-option.selected{color:var(--green);background:#25341a;border-color:#3b5229}.textarea-wrap{flex:1;padding:24px 27px 12px;display:flex}textarea{resize:none;width:100%;min-height:210px;color:var(--text);background:0 0;border:none;border-radius:0;padding:0;font-size:18px;line-height:1.65;display:block}textarea::placeholder{color:#777e70;opacity:1}#translation{color:var(--green)}#translation::placeholder{color:#747e68}.panel-footer{justify-content:space-between;align-items:center;gap:10px;height:54px;padding:0 23px 7px 27px;display:flex}.character-count{color:#9da492;font:10px monospace}.character-count span{color:#737d68}.icon-button{color:#a2ad96;background:0 0;border:0;border-radius:3px;justify-content:center;align-items:center;padding:8px;display:inline-flex}.icon-button:hover:not(:disabled){color:var(--green);background:#25301c}.icon-button:disabled{opacity:.35}.output-status{color:#8d987f;align-items:center;gap:7px;font-size:10px;display:flex}.output-status svg{width:13px;height:13px}.direction-marker{color:var(--green);background:#1b2117;border:1px solid #3c4732;border-radius:50%;place-items:center;width:33px;height:33px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.direction-marker svg{width:14px}.action-bar{justify-content:space-between;align-items:center;gap:24px;margin-top:20px;display:flex}.action-note{color:#8d9683;margin:0;font-size:11px;line-height:1.6}.action-controls{flex-shrink:0;align-items:center;gap:20px;display:flex}.keyboard-hint{color:#828b78;font:10px monospace}.translate-button{background:var(--green);border:1px solid var(--green);color:#17220d;border-radius:3px;justify-content:space-between;align-items:center;gap:23px;min-width:153px;padding:14px 19px;font-size:13px;font-weight:650;transition:background .15s,transform .15s;display:flex}.translate-button:hover:not(:disabled){background:#d3ff9a;transform:translateY(-1px)}.translate-button:disabled{opacity:.55}.cancel-button{color:var(--pink);background:0 0;border:none;padding:8px;font-size:12px}.error-message{color:#f2c6e4;background:#271b24;border:1px solid #68415c;border-radius:3px;margin-top:18px;padding:13px 16px;font-size:13px;line-height:1.6}.understated-details{color:#929b88;border-top:1px solid #20251c;justify-content:space-between;gap:20px;margin-top:28px;padding:33px 0 52px;font-size:11px;display:flex}.understated-details>span:first-child{align-items:center;gap:9px;display:flex}.detail-star{color:var(--pink);font-size:18px}.understated-details>span:last-child{letter-spacing:1px;font:10px monospace}.detail-arrow{color:var(--green);margin:0 10px}.site-footer{border-top:1px solid var(--border);color:#89927d;justify-content:space-between;align-items:center;gap:24px;min-height:80px;font-size:10px;display:flex}.footer-accent{color:#bac3ae}.site-footer a:hover{color:var(--green)}.site-footer a span{color:var(--green);margin-left:14px}.spinner{border:1.5px solid;border-right-color:#0000;border-radius:50%;width:13px;height:13px;animation:1s linear infinite spin;display:inline-block}.is-pending{color:var(--green)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width:1450px){.intro{padding-top:80px}textarea{min-height:250px}}@media (max-width:900px){.header-note{display:none}.site-header{min-height:82px}.intro{padding-top:48px}.language-option{padding:8px;font-size:11px}.target-header{padding:0 14px}.keyboard-hint{display:none}}@media (max-width:650px){.site-shell{padding:0 6%}.site-header{gap:10px;min-height:76px}.wordmark{gap:9px;font-size:21px}.version-tag{letter-spacing:.5px;gap:8px;padding:7px 8px;font-size:8px}.intro{padding:40px 0 33px}.eyebrow{letter-spacing:1px;gap:7px;font-size:8px}h1{letter-spacing:-.035em;margin-top:20px;font-size:clamp(28px,7.4vw,40px)}.title-asterisk{margin-left:15px}.details-link{letter-spacing:1px;margin-top:18px;padding:9px 13px;font-size:8px}.intro p{font-size:12px}.mobile-break{display:initial}.section-caption{letter-spacing:1px;font-size:8px}.translator{grid-template-columns:1fr}.source-panel{border-right:0;border-bottom:1px solid var(--border)}.panel-header{height:58px;padding:0 20px}.textarea-wrap{padding:20px 20px 8px}textarea{min-height:155px;font-size:16px}.panel-footer{height:44px;padding-left:20px;padding-right:13px}.direction-marker{display:none}.language-options{justify-content:space-between;gap:3px}.language-option{flex:1;padding:8px 5px;font-size:12px}.action-bar{align-items:flex-start;gap:16px}.action-note{max-width:160px;font-size:10px}.translate-button{gap:12px;min-width:130px;padding:12px 14px}.action-controls{gap:8px}.understated-details{margin-top:24px;padding:24px 0 32px;font-size:10px}.understated-details>span:last-child{display:none}.site-footer{flex-wrap:wrap;gap:14px;min-height:90px;padding:23px 0;font-size:9px}.site-footer>span:nth-child(2){order:3;width:100%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}