:root{--bg:#f7f7ff;--paper:#fff;--ink:#282544;--muted:#716c88;--line:#e2dff4;--primary:#6355e8;--soft:#eeebff;--accent:#ce4767}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font:15px/1.6 Inter,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}button,textarea{font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.55}.app-shell{width:min(100%,620px);margin:auto;padding:0 24px 32px}.topbar{justify-content:space-between;align-items:center;height:72px;display:flex}.brand{color:var(--ink);letter-spacing:-.7px;font-size:21px;font-weight:650;text-decoration:none}.brand span{background:var(--primary);color:#fff;border-radius:10px;place-items:center;width:32px;height:32px;margin-right:9px;font-size:17px;display:inline-grid}.brand i{color:#9a87e7;font-style:normal}.locale-switch{background:var(--soft);border-radius:22px;gap:3px;padding:4px;display:flex}.locale-switch button{color:var(--muted);background:0 0;border-radius:18px;padding:6px 11px;font-size:12px}.locale-switch .active{color:var(--ink);background:#fff;box-shadow:0 1px 4px #28254410}.intro{padding:4px 2px 20px}.intro h1{letter-spacing:-.8px;margin:0 0 6px;font-size:27px;line-height:1.35}.intro em{color:var(--primary);font-style:normal}.intro p,.help{color:var(--muted);margin:0;font-size:13px}.input-card,.results{border:1px solid var(--line);background:var(--paper);border-radius:20px;padding:24px;box-shadow:0 8px 32px #6355e80a}.input-card h2,.results h2{letter-spacing:-.4px;margin:0;font-size:21px}.help{margin:5px 0 18px}.mode-tabs{background:var(--soft);border-radius:13px;gap:4px;margin-bottom:16px;padding:4px;display:flex}.mode-tabs button{min-height:44px;color:var(--muted);background:0 0;border-radius:10px;flex:1;font-size:13px}.mode-tabs .active{color:var(--primary);background:#fff;box-shadow:0 2px 5px #28254408}textarea{resize:vertical;border:1px solid var(--line);width:100%;min-height:184px;color:var(--ink);background:#f8f7ff;border-radius:14px;outline:none;padding:14px;font:16px/1.9 inherit}textarea:focus{box-shadow:0 0 0 3px var(--soft);border-color:#9585ed}.input-tools{min-height:35px;color:var(--muted);align-items:center;gap:10px;font-size:10px;display:flex}.input-tools span{margin-right:auto}.input-tools button{border:1px solid var(--line);color:#6252bc;background:#fff;border-radius:7px;padding:4px 8px;font-size:11px}.primary{background:var(--primary);color:#fff;border-radius:12px;padding:12px 16px;font-weight:600}.submit{width:100%;min-height:47px}.privacy{text-align:center;color:var(--muted);margin:12px 0 0;font-size:10px}.error{color:#b74365;margin:8px 0;font-size:12px}.results{margin-top:24px}.step{color:var(--accent);letter-spacing:.7px;margin:0 0 8px;font-size:11px;font-weight:700}.intent{border-left:3px solid #bbb0ff;margin:17px 0;padding:3px 0 3px 13px}.intent span{color:var(--muted);font-size:11px}.intent p{margin:3px 0 0}.translation{border:1px solid var(--line);border-radius:13px;margin-top:10px;padding:15px}.translation.featured{background:var(--soft);border-color:#cec7f5}.translation div{color:var(--muted);align-items:center;gap:8px;font-size:12px;display:flex}.translation .code{background:var(--soft);color:#6252bc;border-radius:4px;padding:1px 5px;font-size:10px}.translation button{color:#6252bc;background:0 0;margin-left:auto;font-size:11px}.translation p{overflow-wrap:anywhere;margin:8px 0 0;font-size:16px}.tone{color:var(--muted);margin:17px 0;font-size:12px}.result-actions{grid-template-columns:1fr 1fr;gap:9px;display:grid}.secondary{border:1px solid var(--line);color:#6252bc;background:#f8f7ff;border-radius:10px;padding:11px}.small{padding:11px;font-size:12px}footer{border-top:1px solid var(--line);color:var(--muted);text-align:center;margin-top:27px;padding-top:17px;font-size:10px}@media (max-width:480px){.app-shell{padding:0 14px 28px}.topbar{height:64px}.brand{font-size:19px}.brand span{width:30px;height:30px}.input-card,.results{border-radius:18px;padding:20px 17px}.intro h1{font-size:24px}.input-card h2,.results h2{font-size:20px}}