*{box-sizing:border-box}html,body{margin:0;background:#07090c;color:#f5f5f5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{min-height:100dvh}.shell{width:min(100%,680px);margin:auto;min-height:100dvh;background:#0b0d10;padding-bottom:env(safe-area-inset-bottom);transition:.25s ease}.shell.professional{background:#f4f6f8;color:#18202a}.shell.professional header{background:#fffe;border-color:#dfe4ea}.shell.professional .icon,.shell.professional .swap{background:#fff;color:#18202a;border-color:#d7dde5}.shell.professional header small,.shell.professional .hero p,.shell.professional .eyebrow{color:#687384}.shell.professional .hero h1 span{color:#5d6877}.shell.professional .card,.shell.professional .quick button,.shell.professional .historyitem{background:#fff;border-color:#dfe4ea}.shell.professional .sectionhead{border-color:#e6e9ee;color:#354052}.shell.professional .langrow select,.shell.professional .settings select,.shell.professional .chip,.shell.professional .search{background:#f8fafc;color:#18202a;border-color:#d7dde5}.shell.professional .chip.active{background:#eef4ff;border-color:#9ab8e8;color:#1f5fae}.shell.professional .bubble.source,.shell.professional .note,.shell.professional .listen{background:#f5f7fa}.shell.professional .bubble.target{background:#f8fafc;border-left-color:#2563eb}.shell.professional .msgmeta,.shell.professional .msgmeta strong,.shell.professional .bubble small,.shell.professional .listen small,.shell.professional .empty,.shell.professional footer{color:#6f7a89}.shell.professional .start{background:#1f5fae;color:#fff}.shell.professional .danger{background:#fff1f2;color:#be3344;border-color:#f0b8bf}header{height:70px;padding:0 18px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #1d2026;position:sticky;top:0;background:#0b0d10ef;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:5}header>div{flex:1}.brand{display:flex;align-items:center;gap:10px;min-width:0}.brand-logo{width:52px;height:40px;object-fit:cover;border-radius:9px;border:1px solid #5f4c18;box-shadow:0 3px 16px #0008}.professional .brand-logo{border-color:#d6dce4;box-shadow:0 3px 12px #0001}header b{display:block;font-size:16px}header small{color:#8f96a3;font-size:11px}.icon,.swap{border:1px solid #272b33;background:#12151a;color:#fff;border-radius:12px;width:42px;height:42px;font-size:18px}.shell main{padding:18px}.hero{padding:16px 4px 12px}.brand-panel{display:flex;justify-content:center;margin:0 0 16px}.brand-panel img{width:min(100%,430px);max-height:180px;object-fit:contain;border-radius:18px;border:1px solid #3c3114;box-shadow:0 18px 55px #0008}.professional .brand-panel img{border-color:#d9dee6;box-shadow:0 12px 35px #0002}.eyebrow{font-size:12px;color:#aab1bd;display:flex;align-items:center;gap:8px}.dot{width:8px;height:8px;border-radius:50%;background:#555}.dot.live{background:#ff4d5e;box-shadow:0 0 14px #ff4d5e}.hero h1{font-size:31px;line-height:1.08;margin:16px 0 10px;letter-spacing:-1.2px}.hero h1 span{color:#858c99}.hero p{color:#858c99;font-size:13px;line-height:1.6}.card{background:#111419;border:1px solid #22262e;border-radius:20px;margin:12px 0;overflow:hidden}.controls{padding:14px}.langrow{display:grid;grid-template-columns:1fr 44px 1fr;gap:8px;align-items:center}.langrow select,.settings select{width:100%;background:#171a20;border:1px solid #292e37;color:#fff;border-radius:12px;padding:13px 10px;font-size:14px}.chips{display:flex;gap:8px;margin-top:10px;overflow:auto}.chip{white-space:nowrap;border:1px solid #2b3038;background:#171a20;color:#d9dde5;border-radius:999px;padding:9px 12px;font-size:12px}.chip.active{border-color:#74621d;color:#f0d77a;background:#211c0c}.sectionhead{display:flex;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #20242b;color:#cdd2db;font-size:12px}.timeline{padding:12px}.empty{min-height:180px;display:grid;place-content:center;text-align:center;gap:8px;color:#777f8c;font-size:12px}.empty div{font-size:42px}.msg{padding:8px 2px 18px}.msgmeta{display:flex;justify-content:space-between;color:#737b88;font-size:10px;margin:0 4px 7px}.msgmeta strong{font-weight:500;color:#aeb5c0}.bubble{padding:12px 13px;border-radius:15px;margin:6px 0;line-height:1.55;font-size:14px}.bubble small{display:block;color:#777f8c;font-size:9px;margin-bottom:4px}.bubble.source{background:#171a20}.bubble.target{background:#171a20;border-left:2px solid #b99b38}.msgtools{display:flex;gap:8px;margin-top:8px}.msgtools button{background:none;border:0;color:#858c99;font-size:10px;padding:3px}.listen{padding:13px 16px;display:flex;align-items:center;gap:12px}.listen b{display:block;font-size:12px}.listen small{display:block;color:#777f8c;font-size:10px;margin-top:3px}.wave{height:32px;display:flex;align-items:center;gap:2px}.wave i{display:block;width:3px;height:70%;background:#b99b38;border-radius:5px;animation:pulse .7s infinite alternate;animation-delay:var(--d)}.wave i:nth-child(2n){animation-delay:.1s}.wave i:nth-child(3n){animation-delay:.2s}@keyframes pulse{to{height:25%}}.actions{display:grid;gap:9px;margin:14px 0}.start,.stop,.danger{border:0;border-radius:16px;padding:16px;font-weight:700;font-size:14px}.start{background:#d4b44f;color:#111}.stop{background:#a92d3a;color:#fff}.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.quick button{background:#111419;border:1px solid #22262e;color:#bfc5ce;border-radius:14px;padding:12px 4px;font-size:18px}.quick span{display:block;font-size:9px;margin-top:4px}.search{display:flex;gap:8px;background:#12151a;border:1px solid #242830;border-radius:14px;padding:11px 13px}.search input{flex:1;background:none;border:0;outline:0;color:inherit}.historylist{margin-top:12px;display:grid;gap:8px}.historyitem{background:#111419;border:1px solid #22262e;border-radius:16px;color:inherit;text-align:left;padding:14px;display:grid;grid-template-columns:1fr auto;gap:5px}.historyitem span,.historyitem small{display:block;color:#777f8c;font-size:10px;margin-top:4px}.detail .msg{padding:14px}.danger{width:100%;background:#261317;color:#ff8f9b;border:1px solid #51222b;margin-top:12px}.settings{padding:16px}.settings h3{margin-top:0}.settings label{display:block;color:#aeb5c0;font-size:11px;margin:16px 0}.settings select{display:block;margin-top:7px}.note{font-size:11px;line-height:1.6;color:#777f8c;background:#171a20;padding:12px;border-radius:12px}footer{text-align:center;color:#555c68;font-size:9px;padding:16px}button,select{min-height:44px;cursor:pointer}@media(min-width:700px){body{padding:20px}.shell{border:1px solid #20242b;border-radius:24px;overflow:hidden;box-shadow:0 20px 80px #000}.shell.professional{box-shadow:0 20px 60px #26324422;border-color:#dfe4ea}}.secondary{width:100%;border:1px solid #292e37;background:#171a20;color:#d7dbe3;border-radius:14px;padding:12px;font-weight:700;margin-top:4px}.errorbox{margin:12px 0;padding:12px 14px;border:1px solid #6b2b35;background:#241317;color:#ffb3bb;border-radius:14px;font-size:12px;line-height:1.55}.note.warn{margin-top:10px;border:1px solid #69551d;color:#f0d77a}.shell.professional .secondary{background:#fff;color:#253044;border-color:#d7dde5}.shell.professional .errorbox{background:#fff1f2;color:#9d2434;border-color:#efb6bf}.shell.professional .note.warn{background:#fff9e7;color:#7a5b00;border-color:#ead38a}