@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;700&family=Source+Serif+4:opsz,wght@8..60,400;8..60,600&display=swap";:root{--brand:#4a7fb5;--cta:#f5a623;--bg:#f0f5fb;--section:#e2edf7;--ink:#111827;--muted:#4a5568;--soft:#9aa5b4;--border:#d9e7f5;--white:#fff;color:var(--ink);background:var(--bg);font-family:DM Sans,Noto Sans SC,system-ui,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(180deg,#f7faff 0%,var(--bg) 55%,#fff 100%);min-height:100vh;margin:0}button,input,select{font:inherit}.app{max-width:1240px;margin:auto;padding:22px}header{align-items:center;gap:14px;margin-bottom:18px;display:flex}.logo{object-fit:contain;width:154px;max-height:48px}.head{margin-right:auto}.head b{color:var(--brand);letter-spacing:.1em;text-transform:uppercase;font-size:13px;display:block}.head span{font-family:"Source Serif 4",serif;font-size:26px}.ui{align-items:center;gap:8px;text-transform:none!important;letter-spacing:0!important;color:var(--muted)!important;margin:0!important;display:flex!important}.ui select{width:auto;padding:8px 30px 8px 10px}.net{color:var(--soft);align-items:center;gap:6px;display:flex}.net svg{width:18px}.net.on{color:var(--brand)}.tabs{border:1px solid var(--border);background:#fff;border-radius:999px;margin:0 0 16px;padding:6px;display:inline-flex;box-shadow:0 4px 20px #4a7fb514}button{border:1px solid var(--border);cursor:pointer;color:var(--ink);background:#fff;border-radius:14px;padding:11px 14px}.tabs button{border-radius:999px}.tabs .on,.modegrid .on{background:var(--brand);border-color:var(--brand);color:#fff}.layout{grid-template-columns:340px 1fr;align-items:stretch;gap:18px;display:grid}.panel,.chatwrap{border:1px solid var(--border);background:#ffffffeb;border-radius:24px;padding:22px;box-shadow:0 14px 44px #4a7fb51f}h1,h2,h3{letter-spacing:-.02em;margin:0 0 12px;font-family:"Source Serif 4",serif;font-weight:400}h1{font-size:36px}h2{font-size:28px}.panel p{color:var(--muted);line-height:1.6}label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:17px 0 8px;font-size:12px;font-weight:700;display:block}input,select{border:1px solid var(--border);width:100%;color:var(--ink);background:#f7faff;border-radius:14px;padding:13px}input{letter-spacing:.1em;font-size:22px}select[multiple]{height:145px}.actions{gap:10px;margin-top:16px;display:grid}.actions button,.wide{justify-content:center;align-items:center;gap:8px;display:flex}.primary{background:var(--cta);border-color:var(--cta);font-weight:700}.danger{color:#9b1c1c;border-color:#e2b4b4}.qr{text-align:center;margin-top:18px}.qr img{border:1px solid var(--border);background:#fff;border-radius:16px;width:190px;padding:8px}.qr a{color:var(--brand);word-break:break-all;align-items:center;gap:5px;margin-top:10px;font-size:12px;text-decoration:none;display:flex}.pill{border:1px solid var(--border);color:var(--muted);background:#f7faff;border-radius:999px;align-items:center;gap:6px;margin-top:10px;padding:8px 12px;display:inline-flex}.modegrid{gap:8px;display:grid}.status{color:var(--brand);margin-top:16px;font-weight:700}.chatwrap{flex-direction:column;height:calc(100vh - 150px);min-height:560px;display:flex}.chat{border:1px solid var(--border);background:linear-gradient(#f7faff,#fff);border-radius:20px;flex-direction:column;flex:1;gap:10px;padding:18px;display:flex;overflow:auto}.empty{color:var(--soft);text-align:center;margin:auto}.bubble{border:1px solid var(--border);background:#fff;border-radius:18px 18px 18px 6px;align-self:flex-start;max-width:min(760px,92%);padding:13px 16px;box-shadow:0 6px 18px #4a7fb514}.bubble p{margin:0;font-size:24px;line-height:1.48}.bubble:last-child{border-color:#f5a62380;box-shadow:0 8px 24px #f5a62321}@media (width<=820px){.app{padding:12px}header{flex-wrap:wrap}.logo{width:128px}.layout{grid-template-columns:1fr}.chatwrap{height:58vh;min-height:420px}.bubble p{font-size:20px}.ui{order:4;width:100%}.net small{display:none}}