@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Noto+Sans+SC:wght@400;500;600;700;800&display=swap');
:root{font-family:'Noto Sans SC',system-ui,sans-serif;color:#eef1e9;background:#080e0d;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 74% 18%,#13382f 0,transparent 34%),radial-gradient(circle at 0 56%,#10221c 0,transparent 34%),#080e0d;min-height:100vh}button,input{font:inherit}button{cursor:pointer}.shell{max-width:1450px;margin:auto;padding:28px 42px 26px}.topbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #263830;padding-bottom:22px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;background:#c3f465;color:#132016;border-radius:13px;font-size:28px;font-weight:800}.brand strong{display:block;font-size:17px;letter-spacing:.08em}.brand small{display:block;font:10px 'DM Mono',monospace;letter-spacing:.18em;color:#789488;margin-top:3px}.demo-badge{font-size:12px;color:#b9d6bf;background:#14251e;border:1px solid #315143;padding:9px 14px;border-radius:40px;letter-spacing:.04em}.dot{display:inline-block;width:7px;height:7px;background:#c8f66c;border-radius:50%;margin-right:6px;box-shadow:0 0 9px #c8f66c}.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:54px;align-items:center;min-height:430px;padding:30px 0 36px}.eyebrow{font:11px 'DM Mono',monospace;letter-spacing:.18em;color:#bcf372;display:flex;gap:28px}.eyebrow span{color:#638074}h1{font-size:clamp(38px,4vw,64px);line-height:1.25;letter-spacing:-.05em;margin:28px 0 22px;font-weight:800}h1 em{font-style:normal;color:#c7f47a}.hero p{color:#95aea0;line-height:1.9;max-width:570px;font-size:15px}.call-card{position:relative;overflow:hidden;border:1px solid #3a624b;background:linear-gradient(150deg,#193729,#101f1a 60%,#0e1b17);box-shadow:0 30px 90px #0008,inset 0 1px #57856750;border-radius:26px;min-height:382px;padding:22px;text-align:center}.call-card:before{content:'';position:absolute;width:250px;height:250px;background:#b9ef7740;filter:blur(100px);top:50px;left:50%;transform:translateX(-50%);pointer-events:none}.call-card-top{display:flex;justify-content:space-between;position:relative}.call-tag{font-size:11px;background:#2d503b;color:#c6f483;padding:7px 10px;border-radius:30px}.time{font:14px 'DM Mono',monospace;color:#c4dbc9}.avatar{position:relative;width:90px;height:90px;border-radius:50%;margin:22px auto 12px;display:grid;place-items:center;background:linear-gradient(145deg,#d7efb8,#88ba8e);color:#183320;box-shadow:0 0 0 9px #a5d98521,0 0 0 23px #a5d98510}.avatar span{font-size:35px;font-weight:700}.orbit{position:absolute;border:1px solid #bbea8a60;border-radius:50%;width:136px;height:136px}.orbit-two{width:176px;height:176px;opacity:.35}.call-card>strong{display:block;font-size:21px;position:relative}.call-card>small{color:#80a28d;font-size:12px;display:block;margin-top:4px}.bars{height:37px;display:flex;align-items:center;justify-content:center;gap:3px;margin-top:12px}.bars i{height:4px;width:3px;background:#bbee7a;border-radius:6px;opacity:.5}.bars.active i{animation:wave .68s ease-in-out infinite alternate}.bars.active i:nth-child(3n){animation-delay:.2s}.bars.active i:nth-child(4n){animation-delay:.4s}.bars.active i:nth-child(5n){animation-delay:.1s}@keyframes wave{from{height:5px}to{height:28px}}.call-state{font-size:12px;color:#a6c3ab;min-height:22px}.call-buttons{display:flex;gap:8px;justify-content:center;margin-top:12px;position:relative}.call-buttons button{border:0;border-radius:10px;padding:12px 17px;font-weight:700;font-size:13px}.primary{background:#c7f47a;color:#142316}.end{color:#e2ede4;background:#274338}.end:disabled,button:disabled{opacity:.48;cursor:not-allowed}.lower{display:grid;grid-template-columns:1.5fr .68fr;gap:18px}.panel{background:#101a17;border:1px solid #2a3d33;border-radius:18px;min-height:393px;overflow:hidden}.panel-header{height:62px;padding:0 23px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #283c32}.panel-header>div{display:flex;align-items:center;gap:12px}.section-index{font:12px 'DM Mono',monospace;color:#a8d66e}h2{font-size:15px;margin:0;letter-spacing:.02em}.live-indicator{font:11px 'DM Mono',monospace;color:#8fa898}.live-indicator.on{color:#c7f47a}.transcript{height:237px;overflow-y:auto;padding:20px 22px;scrollbar-color:#36513d transparent}.empty{text-align:center;color:#7f9b8b;padding-top:13px}.empty-icon{font-size:34px;color:#b8e875}.empty strong{display:block;color:#dbe8da;font-size:14px;margin-top:2px}.empty p{font-size:12px}.message{display:flex;gap:10px;margin-bottom:18px;align-items:flex-start}.message.victim{flex-direction:row-reverse}.bubble{max-width:78%;padding:10px 14px;border-radius:12px;background:#23372a;font-size:13px;line-height:1.6;color:#e6f2e4}.victim .bubble{background:#d2f59a;color:#1a2c1b}.message .who{font-size:10px;color:#88a090;min-width:42px;padding-top:7px}.interim{height:24px;padding:0 22px;color:#a8c1a7;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.composer{display:flex;gap:8px;border-top:1px solid #283c32;padding:12px}.composer button{border:0;border-radius:9px}.mic{background:#254335;color:#bff08d;width:42px;font-size:19px}.mic.on{background:#c4f17b;color:#1b301c;box-shadow:0 0 17px #b5e96d80}.composer input{min-width:0;flex:1;background:#1a2922;border:1px solid #355040;border-radius:9px;padding:9px 12px;color:#fff;outline:none;font-size:12px}.composer input:focus{border-color:#a2d76f}.send{background:#bdea7c;color:#183017;padding:0 14px;font-size:12px;font-weight:700}.hint{color:#6f8877;font-size:10px;padding:0 14px 11px}.insights{padding-bottom:16px}.spark{color:#c4ed79;font-size:22px}.metric{display:flex;justify-content:space-between;padding:13px 22px 0;font-size:12px;color:#91aa98}.metric strong{font:18px 'DM Mono',monospace;color:#d7f4aa}.divider{height:1px;background:#294034;margin:18px 22px}.insight-heading{font-size:12px;font-weight:700;color:#d4e6d3;padding:0 22px;margin:18px 0 9px;display:flex;justify-content:space-between}.insight-heading span{color:#c1eb87;font-weight:400}.chips,.clues{padding:0 22px;display:flex;gap:7px;flex-wrap:wrap;min-height:24px}.chips span:not(.placeholder){background:#2d4934;border:1px solid #527748;border-radius:6px;color:#d7efb4;padding:5px 8px;font-size:11px}.clues span:not(.placeholder){background:#2a3730;border:1px solid #455e4c;border-radius:6px;color:#c9dccb;padding:5px 8px;font-size:11px;overflow-wrap:anywhere}.placeholder{color:#607d6a;font-size:11px}.export{display:block;margin:20px 22px 0;width:calc(100% - 44px);padding:10px;border:1px solid #46654b;border-radius:8px;background:transparent;color:#c9e3ba;font-size:12px}footer{color:#5f7567;text-align:center;font-size:10px;margin-top:20px}@media(max-width:850px){.shell{padding:18px}.hero,.lower{grid-template-columns:1fr;gap:16px}.hero{padding:40px 0}.demo-badge{font-size:10px}.call-card{max-width:480px;width:100%;margin:auto}h1{font-size:39px}.lower{padding-bottom:20px}}@media(max-width:500px){.brand small{font-size:8px}.brand strong{font-size:13px}.demo-badge{max-width:138px;text-align:center}.hero{padding:32px 0}.eyebrow{font-size:9px}h1{font-size:34px}}
.key-setup{display:flex;align-items:center;gap:16px;margin-top:18px;padding:14px 18px;background:#1b2b21;border:1px solid #4b6d42;border-radius:12px}.key-setup>div:first-child{min-width:245px}.key-setup strong{display:block;font-size:13px;color:#d9f4b4}.key-setup small{display:block;margin-top:4px;color:#90a995;font-size:10px}.key-controls{display:flex;flex:1;gap:8px}.key-controls input{flex:1;min-width:150px;background:#0f1d16;border:1px solid #486649;border-radius:8px;padding:9px 11px;color:#eef6e5;outline:none;font-size:12px}.key-controls input:focus{border-color:#c7f47a}.key-controls button{border:0;border-radius:8px;padding:9px 13px;background:#c7f47a;color:#142316;font-size:12px;font-weight:700;white-space:nowrap}.key-setup>span{font-size:11px;color:#adc09d;white-space:nowrap}.key-setup.configured{border-color:#395d3b}.key-setup.configured>span{color:#c7f47a}
@media(max-width:850px){.key-setup{flex-wrap:wrap}.key-controls{flex-basis:100%;order:3}}@media(max-width:500px){.key-setup{gap:10px}.key-setup>div:first-child{min-width:0}.key-setup>span{margin-left:auto}}
.key-controls select{background:#0f1d16;border:1px solid #486649;border-radius:8px;padding:9px 10px;color:#eef6e5;outline:none;font-size:12px;min-width:100px}.key-controls select:focus{border-color:#c7f47a}@media(max-width:500px){.key-controls{flex-wrap:wrap}.key-controls select{flex:1}.key-controls input{flex:2}}
.voice-tools{display:flex;align-items:center;justify-content:center;gap:8px;margin:10px auto 2px;position:relative}.voice-tools label{font-size:11px;color:#a8c7aa;white-space:nowrap}.voice-tools select{max-width:210px;min-width:125px;background:#193226;border:1px solid #51704d;border-radius:8px;color:#e0f1d5;padding:6px 8px;font-size:11px}.voice-tools button{background:#2b4b36;border:1px solid #668553;border-radius:8px;color:#ddf0c9;padding:6px 9px;font-size:11px}.voice-tools button:disabled{opacity:.45}
.fish-setup{display:flex;align-items:center;gap:16px;margin-top:10px;padding:14px 18px;background:#162923;border:1px solid #3c6050;border-radius:12px}.fish-setup>div:first-child{min-width:245px}.fish-setup strong{display:block;font-size:13px;color:#d4f3d8}.fish-setup small{display:block;margin-top:4px;color:#90ae9b;font-size:10px}.fish-setup a{color:#c7f47a;text-decoration:none}.fish-setup a:hover{text-decoration:underline}.fish-controls{display:flex;flex:1;gap:8px}.fish-controls input,.fish-controls select{background:#0f1d16;border:1px solid #486649;border-radius:8px;padding:9px 11px;color:#eef6e5;outline:none;font-size:12px}.fish-controls input{flex:1;min-width:150px}.fish-controls select{min-width:94px}.fish-controls input:focus,.fish-controls select:focus{border-color:#c7f47a}.fish-controls button{border:0;border-radius:8px;padding:9px 13px;background:#aee5b5;color:#142316;font-size:12px;font-weight:700;white-space:nowrap}.fish-setup>span{font-size:11px;color:#adc09d;white-space:nowrap}.fish-setup.configured{border-color:#5d9166}.fish-setup.configured>span{color:#c7f47a}
@media(max-width:850px){.fish-setup{flex-wrap:wrap}.fish-controls{flex-basis:100%;order:3}}@media(max-width:500px){.fish-setup{gap:10px}.fish-setup>div:first-child{min-width:0}.fish-setup>span{margin-left:auto}.fish-controls{flex-wrap:wrap}.fish-controls input{flex:2}.fish-controls select{flex:1}.voice-tools{flex-wrap:wrap}}