:root{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#202020;background:#f6f5f2;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:760px;margin:auto;padding:32px 22px 20px}header{display:flex;align-items:center;gap:16px;margin-bottom:44px}.brand{background:#ff6900;color:#fff;font-size:18px;font-weight:850;letter-spacing:1px;padding:11px 16px;border-radius:12px}.eyebrow{font-size:14px;color:#73716a}h1{font-size:clamp(27px,5vw,36px);letter-spacing:-1px;margin:0 0 16px;line-height:1.12}h2{font-size:20px;margin:0}.sub{font-size:17px;line-height:1.55;color:#69665f;max-width:500px}label{display:block;font-size:14px;font-weight:600;margin-bottom:8px}input,textarea,select{font:inherit;width:100%;border:1px solid #d8d5cc;border-radius:12px;background:white;padding:14px;color:inherit}input:focus,textarea:focus,select:focus{outline:2px solid #ff9a54;outline-offset:2px}textarea{resize:vertical;font-size:18px;line-height:1.5}button,.config-link{font:inherit;font-weight:650;cursor:pointer;min-height:46px;border:0;border-radius:12px;padding:13px 20px;background:#ff6900;color:white;text-decoration:none;display:inline-block}form>button{width:100%;margin-top:16px}button:hover{filter:brightness(.96)}button:disabled{opacity:.6;cursor:wait}#login-form{max-width:420px;margin:30px 0}.title-row,.history-title,.form-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px}.quiet{background:transparent;color:#6d695e;padding:8px;min-height:40px;font-size:14px}.connection{padding:14px 16px;border-radius:12px;background:#eae7df;margin-bottom:26px;font-size:14px;line-height:1.5}.connection.online{background:#e4f0e4;color:#236127}.connection.offline{background:#fff0d6;color:#835713}.form-bottom{align-items:end;margin-top:14px}.form-bottom label{margin:0;max-width:230px;flex:1}select{margin-top:8px;padding:10px 12px}.form-bottom span{font-size:13px;color:#79756d;padding-bottom:12px}.hint{font-size:13px;line-height:1.6;color:#777269;margin:12px 0 0}.templates{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 40px}.template{background:white;border:1px solid #e3dfd5;color:#575146;font-size:13px;min-height:36px;padding:8px 12px}.history-title{margin-bottom:14px}.history-title span{font-size:12px;color:#8b8579}.item{background:white;border:1px solid #e8e5dd;border-radius:14px;padding:18px;margin-bottom:10px}.item p{margin:10px 0;line-height:1.5;overflow-wrap:anywhere;white-space:pre-wrap}.meta{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:12px;color:#807b72}.badge{font-size:12px;font-weight:650;color:#797063}.played{color:#287330}.failed,.uncertain{color:#a64426}.speaking{color:#d65800}.error{font-size:12px!important;color:#a64426}.cancel{background:#f3f0ea;color:#6c665d;padding:5px 10px;min-height:30px;font-size:12px}.empty{color:#8b8579;font-size:15px;padding:20px 0}details{margin-top:32px;border-top:1px solid #ded9cd;padding-top:18px;font-size:14px;color:#777269;line-height:1.6}summary{cursor:pointer;font-weight:600;color:#504b42}.config-link{font-size:13px;margin-top:5px;background:#282521}#notice{font-size:14px;line-height:1.5;min-height:22px;color:#a64426}#notice.ok{color:#287330}footer{font-size:12px;color:#969083;margin-top:42px;padding:18px 0;border-top:1px solid #e3dfd6}[hidden]{display:none!important}@media(max-width:480px){main{padding:24px 16px}header{margin-bottom:32px}.eyebrow{font-size:12px}.brand{font-size:16px}.item{padding:14px}.meta{align-items:start}.form-bottom label{max-width:205px}}