*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:Trebuchet MS,Segoe UI,sans-serif;background:#f4f6f8;color:#132029}main{max-width:1100px;margin:0 auto;padding:24px 16px}h1,h2{margin-top:0}button,input,select,textarea{font:inherit}.panel{background:#fff;border-radius:10px;border:1px solid #dde5ea;padding:12px}.row{display:flex;gap:12px}.col{flex:1 1}.output{resize:vertical;white-space:pre-wrap}.output,.vocab{width:100%;min-height:340px}.vocab{max-height:340px;overflow-y:auto;background:#fffbe8;border:1px solid #e7dcae;border-radius:6px;padding:6px;display:flex;flex-direction:column;gap:4px}.vocab-word{display:block;width:100%;text-align:left;background:#fff;color:#132029;border:1px solid #e7dcae;border-radius:4px;padding:6px 8px}.vocab-word:hover:not(:disabled){background:#fff4cf;border-color:#d8c47e}.vocab-empty{margin:6px 4px;color:#8a7f5c;font-style:italic}.command-row{display:flex;gap:8px;margin-top:12px}.command-row input{flex:1 1;padding:8px}button{border:1px solid #0b5f92;background:#0b76b7;color:#fff;border-radius:6px;padding:8px 12px;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.controls{gap:8px;margin-bottom:14px}.controls,.topbar{display:flex;align-items:center}.topbar{justify-content:space-between;gap:12px;margin-bottom:12px}.account{display:inline-flex;align-items:center;gap:10px}@media (max-width:900px){.row{flex-direction:column}}