:root{--color-text-primary: #d1d0c5;--color-text-secondary: #a9a79b;--color-text-tertiary: #7f7d73;--color-text-danger: #ff8f8f;--color-text-info: #e2b714;--color-background-primary: #323437;--color-background-secondary: #1f2023;--color-background-accent: #2b2d31;--color-background-muted: #2f3136;--color-background-info: rgba(226, 183, 20, .16);--color-border-primary: #e2b714;--color-border-secondary: rgba(209, 208, 197, .14);--color-border-tertiary: rgba(209, 208, 197, .08);--shadow-soft: 0 18px 48px rgba(0, 0, 0, .28);--shadow-card: 0 10px 22px rgba(0, 0, 0, .22);--border-radius-sm: 10px;--border-radius-md: 16px;--border-radius-lg: 28px;font-family:Avenir Next,Avenir,Segoe UI,sans-serif;font-size:16px;color:var(--color-text-primary);background:var(--color-background-secondary)}*,*:before,*:after{box-sizing:border-box}body{margin:0;padding:32px 18px 56px;background:radial-gradient(circle at top left,rgba(226,183,20,.045),transparent 18%),linear-gradient(180deg,#1f2023,#1b1c1f);min-height:100vh}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:36px 36px;pointer-events:none;opacity:.35}#root{position:relative;z-index:1}.app-shell{width:min(960px,100%);margin:0 auto;display:grid;gap:24px}.hero-card,.results-panel{background:var(--color-background-primary);border:1px solid var(--color-border-secondary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-soft)}.hero-card{padding:28px}.hero-copy{max-width:760px;margin-bottom:24px}.eyebrow{margin:0 0 10px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-info);font-weight:700}.hero-copy h1,.results-header h2{margin:0;line-height:1.05;letter-spacing:-.03em}.hero-copy h1{font-size:clamp(2.25rem,6vw,4.2rem);max-width:11ch}.hero-text{margin:14px 0 0;max-width:48ch;font-size:1rem;line-height:1.6;color:var(--color-text-secondary)}.composer-card{background:var(--color-background-accent);border:1px solid var(--color-border-secondary);border-radius:calc(var(--border-radius-lg) - 8px);padding:22px;box-shadow:var(--shadow-card)}.controls-grid{display:grid;grid-template-columns:minmax(180px,220px) 1fr;gap:18px;margin-bottom:20px}.field{display:flex;flex-direction:column}.field--wide{min-width:0}input[type=text],.lang-select{min-height:50px;padding:0 16px;border:1px solid var(--color-border-secondary);border-radius:var(--border-radius-md);background:#3a3d42;color:var(--color-text-primary);font-size:.98rem;font-family:inherit;outline:none;transition:border-color .18s,transform .18s,box-shadow .18s}input[type=text]:focus,.lang-select:focus{border-color:var(--color-border-primary);box-shadow:0 0 0 4px #e2b71424}input[type=text]:disabled{opacity:.5;cursor:not-allowed}.lang-select{cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath fill='%23a9a79b' d='M7 10.2 2.6 5.8h8.8Z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:42px}.control-label{font-size:12px;color:var(--color-text-secondary);margin:0 0 10px;text-transform:uppercase;letter-spacing:.08em;font-weight:700}button{font-family:inherit;transition:transform .18s,opacity .18s,border-color .18s,background .18s}.level-grid{display:flex;gap:8px;flex-wrap:wrap}.level-btn{padding:10px 14px;font-size:13px;font-weight:600;border-radius:999px;border:1px solid var(--color-border-secondary);background:#3a3d42;color:var(--color-text-secondary);cursor:pointer}.level-btn:hover,.translate-btn:hover:not(:disabled){transform:translateY(-1px)}.level-btn--active{border-color:#e2b7148c;background:#e2b714;color:#232428}.level-btn:hover:not(.level-btn--active){border-color:#e2b71447;color:var(--color-text-primary)}.translate-btn:hover:not(:disabled){background:#f0c532;color:#232428}.level-description{margin:12px 0 0;font-size:13px;color:var(--color-text-tertiary);line-height:1.5}.input-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:stretch}.input-field{width:100%}.translate-btn{padding:0 20px;font-size:14px;font-weight:700;border-radius:var(--border-radius-md);border:1px solid rgba(226,183,20,.38);background:var(--color-text-info);color:#232428;cursor:pointer;white-space:nowrap;min-height:50px;box-shadow:0 10px 24px #e2b7142e}.translate-btn--disabled{background:#d1d0c514;color:var(--color-text-tertiary);cursor:not-allowed;border-color:transparent;box-shadow:none}.error-message{margin:14px 0 0;font-size:13px;color:var(--color-text-danger)}.results-panel{padding:24px}.results-header{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:18px}.results-note{margin:0;color:var(--color-text-tertiary);font-size:13px}.results-list{display:flex;flex-direction:column;gap:12px}.result-card{background:var(--color-background-accent);border:1px solid var(--color-border-tertiary);border-radius:calc(var(--border-radius-md) + 4px);padding:18px;box-shadow:var(--shadow-card)}.result-header{display:flex;justify-content:space-between;align-items:start;gap:12px;margin-bottom:12px}.result-input{margin:0;font-size:13px;line-height:1.5;color:var(--color-text-tertiary)}.badge-row{display:flex;gap:8px;flex-wrap:wrap}.section-label{font-size:11px;font-weight:700;color:var(--color-text-info);text-transform:uppercase;letter-spacing:.12em;margin:0 0 8px}.translation-primary{font-size:20px;font-weight:600;line-height:1.45;margin:0;color:var(--color-text-primary);white-space:pre-line}.translation-back{font-size:13px;color:var(--color-text-secondary);margin:10px 0 0;line-height:1.55;white-space:pre-line}.badge{font-size:11px;font-weight:700;padding:6px 10px;border-radius:999px}.badge--level{background:var(--color-background-info);color:var(--color-text-info)}.badge--lang{background:#d1d0c514;color:var(--color-text-secondary)}.empty-state{padding:48px 18px;text-align:center;border:1px dashed var(--color-border-secondary);border-radius:calc(var(--border-radius-md) + 2px);background:#d1d0c505}.empty-state__title{margin:0 0 8px;color:var(--color-text-primary);font-size:18px;font-weight:600}.empty-state__text{margin:0;color:var(--color-text-secondary);font-size:14px;line-height:1.6}@media(max-width:760px){body{padding:18px 12px 36px}.hero-card,.results-panel{padding:18px}.composer-card{padding:16px}.level-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.level-btn{width:100%;min-width:0;padding:9px 0;font-size:11px}.controls-grid,.input-row,.results-header,.result-header{grid-template-columns:1fr;display:grid}.results-header,.result-header{gap:10px}.badge-row{justify-content:flex-start}.translate-btn{width:100%}}