:root{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#193d32;background:#f2f4ee;font-size:17px}*{box-sizing:border-box}body{margin:0}main{max-width:680px;padding:28px 20px 48px;margin:auto}header,.profile,.history-head,.actions{display:flex;align-items:center;justify-content:space-between;gap:12px}header small{letter-spacing:2px;font-size:11px;font-weight:700}h1{font-size:38px;margin:6px 0 10px;letter-spacing:-1px}h2{font-size:21px}.badge{border:1px solid #adc2b2;border-radius:30px;padding:7px 12px;font-size:12px}.notice{font-size:13px;line-height:1.5;color:#5b6656;border-bottom:1px solid #d5ddcf;padding-bottom:20px}form{background:white;padding:24px;border-radius:20px;margin-top:24px}label{display:block;font-size:14px;font-weight:650;margin:18px 0 7px}input,select,textarea{width:100%;border:1px solid #bccabd;border-radius:10px;padding:13px;font:inherit;background:white;color:#183b31}button{border:0;border-radius:12px;padding:14px 18px;background:#1d5742;color:white;font:inherit;font-weight:650;cursor:pointer;min-height:48px}button:disabled{opacity:.45;cursor:default}.secondary{background:#e3eade;color:#234438;font-size:14px}form button{margin-top:22px;width:100%}.talk{width:100%;margin-top:24px;min-height:154px;background:#c9e676;color:#193d32;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;border-radius:22px;touch-action:none;user-select:none;-webkit-user-select:none}.talk small{font-weight:400;font-size:13px}.talk.recording{background:#b94335;color:white}.profile{margin:22px 0}article{background:white;border:1px solid #e0e7da;border-radius:17px;padding:20px;margin:14px 0}article.sent{border-inline-start:4px solid #88b18a}article h3{font-size:14px;margin:0 0 12px}article p{white-space:pre-wrap;line-height:1.5}article small{color:#5a665b;font-size:12px}.translation{font-size:22px;margin:10px 0}.original{border-top:1px solid #edf0e9;padding-top:12px;color:#586052;font-size:15px}.actions{flex-wrap:wrap;justify-content:flex-start}#confirmation{background:#fff7d8;padding:20px;border-radius:16px}#confirmation .actions{margin-top:12px}#error{color:#9f2924;font-size:15px}footer{margin-top:32px;font-size:12px;color:#62705f}#status{min-height:24px;font-size:14px}[hidden]{display:none!important}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #719629;outline-offset:3px}@media(max-width:420px){main{padding:20px 14px}.profile{align-items:flex-start}.actions button{flex-grow:1}}
