.translate{padding-top:60px}.translate button,.translate input,.translate select,.translate textarea{font-family:inherit;font-size:inherit;color:inherit;background:none;border:none;outline:none;line-height:inherit;letter-spacing:inherit}.translate button{padding:0;cursor:pointer}.translate select,.translate input,.translate textarea{appearance:none;-webkit-appearance:none;border-radius:0}.translate header.app-header{padding:0 0 28px}.translate footer.app-footer{margin-top:48px;padding:20px 0 0;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:0;font-size:8px;letter-spacing:.16em;text-transform:uppercase;color:var(--border)}.translate .app-title{font-family:var(--serif);font-style:italic;font-size:clamp(46px,8vw,72px);color:var(--white);line-height:.92;letter-spacing:-.025em;margin-bottom:14px}.translate .app-tagline{font-size:10px;color:var(--muted);letter-spacing:.04em;max-width:52ch;line-height:1.7}.translate .section-label{display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--mid);margin:32px 0 16px}.translate .section-label:before{content:"";width:4px;height:4px;background:var(--mid);flex-shrink:0}.translate .section-label:after{content:"";flex:1;height:1px;background:var(--border)}.translate .controls{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:16px 0;display:grid;gap:18px}.translate .field{display:grid;grid-template-columns:84px 1fr;gap:16px;align-items:center}.translate .field-label{font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--mid);align-self:start;padding-top:8px}.translate .field-label:before{content:"[ ";color:var(--border)}.translate .field-label:after{content:" ]";color:var(--border)}.translate .lang-select-wrap{position:relative;border:1px solid var(--border);transition:border-color .15s}.translate .lang-select-wrap:hover,.translate .lang-select-wrap:focus-within{border-color:var(--mid)}.translate .lang-select{width:100%;padding:8px 28px 8px 10px;font-size:11px;color:var(--bright);background:transparent;cursor:pointer;letter-spacing:.04em}.translate .lang-select option{background:var(--bg);color:var(--bright)}.translate .lang-select-wrap:after{content:"▾";position:absolute;right:10px;top:50%;transform:translateY(-50%);color:var(--mid);font-size:9px;pointer-events:none}.translate .level-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:0}.translate .level-btn{padding:9px 0;font-size:10px;letter-spacing:.14em;text-align:center;color:var(--muted);border:1px solid var(--border);margin-left:-1px;transition:color .15s,background .15s,border-color .15s}.translate .level-btn:first-child{margin-left:0}.translate .level-btn:hover:not(.is-active){color:var(--bright);border-color:var(--mid);position:relative;z-index:1}.translate .level-btn.is-active{background:var(--white);color:#000;border-color:var(--white);position:relative;z-index:2}.translate .level-description{margin-top:10px;font-size:10px;color:var(--muted);line-height:1.7;letter-spacing:.02em}.translate .level-description:before{content:"// ";color:var(--border)}.translate .composer{margin-top:22px;display:grid;grid-template-columns:1fr auto;gap:0;border:1px solid var(--border);transition:border-color .15s}.translate .composer:focus-within{border-color:var(--mid)}.translate .composer-prompt{display:flex;align-items:center;padding:0 8px 0 12px;color:var(--muted);font-size:11px;user-select:none}.translate .input-wrap{display:flex;align-items:stretch;min-width:0}.translate .input-field{flex:1;padding:12px 12px 12px 0;color:var(--bright);letter-spacing:.02em;font-size:12px;min-width:0}.translate .input-field::placeholder{color:var(--mid);letter-spacing:.05em}.translate .input-field:disabled{opacity:.4}.translate .translate-btn{padding:0 18px;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--bright);border-left:1px solid var(--border);background:transparent;white-space:nowrap;transition:background .15s,color .15s,border-color .15s}.translate .translate-btn:hover:not(:disabled){background:var(--white);color:#000}.translate .translate-btn:disabled{color:var(--mid);cursor:not-allowed}.translate .error-message{margin-top:14px;padding:10px 12px;border:1px solid var(--mid);font-size:10px;color:var(--bright);letter-spacing:.04em}.translate .error-message:before{content:"! ERR :: ";color:var(--muted);letter-spacing:.14em}.translate .results{margin-top:36px}.translate .empty-state{border:1px dashed var(--border);padding:28px 18px;text-align:center}.translate .empty-state-title{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.translate .empty-state-text{font-size:10px;color:var(--mid);line-height:1.7;letter-spacing:.02em}.translate .empty-state-text:before{content:"> ";color:var(--border)}.translate .results-list{display:flex;flex-direction:column}.translate .result{display:grid;grid-template-columns:84px 1fr;gap:20px;padding:22px 0;border-bottom:1px solid var(--border);position:relative;transition:opacity .3s}.translate .result.is-stale{opacity:.55}.translate .result:hover{opacity:1}.translate .result-meta{display:flex;flex-direction:column;gap:4px}.translate .result-meta-row{font-size:8px;letter-spacing:.16em;text-transform:uppercase;color:var(--mid)}.translate .result-meta-row.is-faint{color:var(--border)}.translate .result-meta-row.is-bright{color:var(--bright)}.translate .result-body{min-width:0}.translate .result-input-label{font-size:8px;letter-spacing:.18em;text-transform:uppercase;color:var(--border);margin-bottom:4px}.translate .result-input{font-size:11px;color:var(--muted);line-height:1.6;margin-bottom:14px;letter-spacing:.02em}.translate .result-input:before{content:"> ";color:var(--border)}.translate .result-translation-label{font-size:8px;letter-spacing:.18em;text-transform:uppercase;color:var(--mid);margin-bottom:6px}.translate .result-translation{font-family:var(--serif);font-style:italic;font-size:22px;line-height:1.3;color:var(--white);letter-spacing:-.005em;white-space:pre-line}.translate .result-back{margin-top:12px;padding-top:10px;border-top:1px solid var(--border);font-size:10px;color:var(--muted);line-height:1.7;letter-spacing:.02em;white-space:pre-line}.translate .result-back-label{font-size:8px;letter-spacing:.18em;text-transform:uppercase;color:var(--border);margin-bottom:4px}.translate .app-footer a{color:var(--mid);text-decoration:none;transition:color .15s}.translate .app-footer a:hover{color:var(--white)}.translate .composer,.translate .result,.translate .empty-state,.translate .error-message,.translate .controls{background:#0303038c;backdrop-filter:blur(2px)}@media(max-width:640px){.translate .field{grid-template-columns:1fr;gap:6px}.translate .field-label{padding-top:0}.translate .level-grid{grid-template-columns:repeat(6,1fr)}.translate .level-btn{padding:8px 0;font-size:9px;letter-spacing:.08em}.translate .result{grid-template-columns:1fr;gap:12px}.translate .result-meta{flex-direction:row;gap:10px;flex-wrap:wrap}}