:root{--ink:#14243d;--muted:#6d7786;--line:#dce2ea;--blue:#1f61d5;--blue-soft:#eef5ff;--coral:#ff6548;--sage:#eaf7ec;--amber:#fff7df;--surface:#f7f8fa;--serif:Georgia,"Times New Roman",serif;--sans:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#fff;font-family:var(--sans);font-size:15px}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}.app{display:grid;grid-template-columns:220px minmax(420px,1fr) 340px;min-height:100vh}.sidebar{border-right:1px solid var(--line);padding:26px 14px 20px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;font:700 25px var(--serif);padding:0 10px 30px}.mark{color:var(--blue);letter-spacing:-4px}.nav{display:grid;gap:7px}.nav button{border:0;background:transparent;text-align:left;padding:13px 14px;border-radius:10px}.nav button.active{background:var(--blue-soft);color:var(--blue);font-weight:650}.offline{margin-top:auto;border-top:1px solid var(--line);padding:18px 10px;color:var(--muted);font-size:12px}.offline strong{color:var(--ink);font-size:13px}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#55a43c;margin-right:7px}.main{padding:28px 40px 150px;position:relative;min-width:0}.topbar{display:flex;justify-content:space-between;align-items:center}.topbar h1{font:700 clamp(25px,3vw,34px) var(--serif);margin:0}.status{font-size:13px;color:var(--muted)}.scenario-select{margin:34px 0 46px;display:flex;gap:12px;align-items:center}.scenario-select label{font-size:12px;color:var(--muted)}select{display:block;margin-top:5px;border:1px solid var(--line);border-radius:10px;padding:10px 36px 10px 12px;background:#fff;min-width:270px}.persona{display:flex;align-items:center;gap:12px;margin-bottom:14px}.avatar{display:grid;place-items:center;width:38px;height:38px;background:#ffead4;border-radius:50%;font-family:var(--serif)}.persona b{font:400 19px var(--serif)}.persona span{font-size:12px;color:var(--muted)}.messages{max-width:760px;margin:auto}.bubble{max-width:68%;padding:18px 20px;border-radius:4px 16px 16px;margin:8px 0 28px;line-height:1.65;background:#f2f3f5;font-size:17px}.bubble.user{margin-left:auto;background:var(--blue-soft);border-radius:16px 4px 16px}.speaker{text-align:right;font-size:12px;margin-bottom:7px}.composer{position:fixed;left:calc(220px + (100vw - 560px)/2 - 280px);bottom:28px;width:min(600px,calc(100vw - 600px));min-width:430px;background:#fff;border:1px solid #bac5d5;border-radius:22px;padding:13px;display:flex;align-items:center;justify-content:center;gap:14px;box-shadow:0 14px 40px #2d44651c;z-index:3}.composer button{border:1px solid var(--line);background:#fff;border-radius:12px;padding:12px 15px}.composer .speak{border:0;color:#fff;background:var(--coral);border-radius:50%;height:58px;width:58px;font-size:22px}.timer{color:var(--muted);font-variant-numeric:tabular-nums}.coach{border-left:1px solid var(--line);padding:30px 24px;background:#fff}.coach h2{font:700 21px var(--serif);margin:0 0 24px}.feedback{border-bottom:1px solid var(--line);padding:0 0 18px;margin-bottom:18px}.feedback h3{font-size:14px;margin:0 0 8px;display:flex;gap:8px}.feedback p{margin:0;color:#536071;line-height:1.5;font-size:13px}.feedback.good h3{color:#2b7b38}.feedback.sharp h3{color:#9a6500}.feedback.natural h3{color:var(--blue)}.suggestion{border:1px solid #aac9fa;background:#f7fbff;border-radius:8px;padding:14px;line-height:1.55;font-size:14px}.save{margin-top:11px;border:0;background:transparent;color:var(--blue);padding:7px 0}.term{margin-top:26px;background:var(--surface);border-left:3px solid var(--blue);padding:14px}.term h3{font-size:13px;margin:0 0 7px}.term p{font-size:12px;line-height:1.55;margin:0;color:#536071}.sheet-toggle{display:none}.modal{position:fixed;inset:0;background:#13213a66;display:grid;place-items:center;z-index:9}.modal-card{width:min(540px,90vw);background:#fff;border-radius:18px;padding:24px;box-shadow:0 30px 90px #0003}.modal-card h2{font:700 23px var(--serif);margin-top:0}.modal-card textarea{width:100%;height:120px;resize:none;border:1px solid var(--line);border-radius:10px;padding:14px;line-height:1.5}.actions{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}.actions button{border:1px solid var(--line);background:#fff;border-radius:9px;padding:10px 14px}.actions .primary{background:var(--blue);color:#fff;border-color:var(--blue)}.hidden{display:none!important}
@media(max-width:1300px) and (min-width:951px){.app{grid-template-columns:180px minmax(0,1fr) 300px}.main{padding-inline:24px}.sidebar{padding-inline:10px}.brand{font-size:22px}.topbar h1{font-size:29px}.bubble{font-size:15px}.composer{left:260px;width:520px;min-width:0}.coach{padding-inline:18px}}
@media(max-width:950px){.app{grid-template-columns:78px minmax(0,1fr)}.sidebar{padding-inline:8px}.brand{font-size:0;justify-content:center;padding-inline:0}.brand .mark{font-size:22px}.nav button{font-size:0;text-align:center}.nav button::first-letter{font-size:18px}.offline{font-size:0}.offline strong{font-size:0}.coach{position:fixed;left:0;right:0;bottom:0;top:42%;border:1px solid var(--line);border-radius:22px 22px 0 0;z-index:5;transform:translateY(calc(100% - 56px));transition:.25s;overflow:auto}.coach.open{transform:none}.sheet-toggle{display:block;float:right;border:0;background:none}.composer{left:110px;width:calc(100vw - 150px);min-width:0;bottom:20px}.main{padding:24px 22px 130px}}@media(max-width:600px){.app{display:block}.sidebar{display:none}.main{padding:18px 16px 118px}.topbar h1{font-size:24px}.scenario-select{margin:24px 0 34px}select{min-width:0;width:100%}.bubble{max-width:88%;font-size:15px}.composer{left:12px;width:calc(100vw - 24px);bottom:12px;gap:8px}.composer button{padding:10px;font-size:12px}.timer{display:none}}