:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Inter,sans-serif;color:#f4f8fc;background:#07111f;--ink: #f4f8fc;--muted: rgba(205, 220, 234, .7);--line: rgba(191, 219, 254, .16);--sidebar: #071727;--panel: rgba(6, 14, 26, .94);--accent: #197b9a;--accent-strong: #2d9bbb;--success: #55d89b;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #73c9e8;outline-offset:2px}main{display:grid;grid-template-columns:minmax(0,2fr) 18px minmax(320px,1fr);width:100%;height:100%;min-width:0;background:#07111f}.left{display:flex;min-width:0;min-height:0;background:#0b2032}.sidebar{display:flex;flex:0 0 clamp(320px,24vw,440px);flex-direction:column;min-width:0;height:100%;padding:24px 18px 18px;overflow:hidden;background:var(--sidebar);border-right:1px solid var(--line);transition:flex-basis .2s ease,padding .2s ease}.sidebar.hidden{flex-basis:0;padding-inline:0;border-right:0}.sidebar header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md)}.sidebar header>div{display:grid;gap:7px}.sidebar h2{margin:0;font-size:28px;line-height:1;letter-spacing:-.03em}.sidebar header span{color:#f4bd5b;font-size:12px;white-space:nowrap}.sidebar header span.connected{color:var(--success)}.settings-trigger,.sidebar-actions button{min-height:36px;padding:7px 11px;border:0;border-radius:5px;background:#176b87;color:#fff;font-size:12px;font-weight:700}.settings-trigger:hover,.sidebar-actions button:hover{background:var(--accent-strong)}.conversation{display:flex;flex:1 1 auto;flex-direction:column;min-height:120px;margin-top:var(--space-xl);overflow:hidden}.conversation-heading{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid rgba(191,219,254,.13)}.conversation-heading b{font-size:15px}.conversation-heading span{color:var(--muted);font-size:11px}.history{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--space-sm);min-height:0;padding:var(--space-md) 2px var(--space-sm) 0;overflow:auto;scrollbar-width:thin}.message{display:grid;min-width:0;max-width:94%;gap:var(--space-xs);padding:9px 11px 10px;border-radius:7px;background:#152d41e6;color:#f4f8fc;font-size:13px;line-height:1.5}.message span{color:#c5dcebb3;font-size:11px;font-weight:700}.message p{min-width:0;margin:0;overflow-wrap:anywhere;white-space:pre-line;text-wrap:pretty}.message-human{align-self:flex-end;background:#15647eb8}.message-human span{color:#dff9ffc2;text-align:right}.message-ai{width:min(94%,34rem)}.message-ai{align-self:flex-start}.turn-divider{display:flex;align-items:center;gap:var(--space-sm);color:#afcfe1b8;font-size:11px}.turn-divider:before,.turn-divider:after{height:1px;flex:1;content:"";background:#bfdbfe1f}.conversation-empty{display:grid;place-content:center start;flex:1;gap:5px;color:var(--muted);font-size:13px;line-height:1.5}.conversation-empty b{color:var(--ink);font-size:15px}.sidebar-actions{display:grid;flex:0 0 auto;gap:var(--space-sm);margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid #294356}.sidebar-actions h3{margin:0;font-size:15px}.sidebar-actions p{margin:4px 0 0;color:var(--muted);font-size:11px}.service-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}.sidebar-actions button.active{background:#a53e4b}.service-actions .push-to-talk{grid-column:1 / -1;min-height:46px;touch-action:none;-webkit-user-select:none;user-select:none}.service-actions .push-to-talk.active{background:#b8442f;box-shadow:0 0 0 3px #ffffff2e}.interaction-state{display:block;margin-top:5px;color:#8fb8cc;font-size:10px;overflow-wrap:anywhere}.interaction-state.state-push-to-talk{color:#ffd18a}.interaction-state.state-blocked,.interaction-state.state-playback-blocked{color:#e7a9aa}.camera-capture{grid-column:1 / -1;width:100%;max-height:144px;border-radius:5px;background:#01070c;object-fit:cover}.camera-privacy{color:#8fb8cc;font-size:10px;text-align:center}.side-toggle,.flight-toggle{align-self:stretch;width:18px;padding:0;border:0;border-radius:0;background:#17364b;color:#fff;font-size:22px}.side-toggle:hover,.flight-toggle:hover{background:#21506b}.stage{position:relative;flex:1 1 auto;min-width:0;min-height:0;overflow:hidden;background-color:#0c2940;background-position:center;background-size:cover}.stage:after{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;content:"";background:linear-gradient(180deg,rgba(4,17,30,.34),transparent 35%,rgba(4,17,30,.18))}.stage iframe{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;border:0;object-fit:cover}.stage.avatar-degraded iframe{opacity:0;pointer-events:none}.avatar-fallback{position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;display:grid;place-items:end center;pointer-events:none;overflow:hidden}.avatar-poster{width:min(74%,620px);height:88%;object-fit:contain;object-position:center bottom;filter:saturate(.92) contrast(1.04)}.avatar-fallback span{position:absolute;right:18px;bottom:18px;padding:6px 8px;border-radius:4px;background:#071727c7;color:#f4f8fcd1;font-size:11px}.badge{position:absolute;z-index:4;top:16px;left:16px;padding:8px 12px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:#071727d1;color:var(--ink);font-size:12px}.subtitle{position:absolute;z-index:4;bottom:24px;left:50%;width:min(88%,760px);max-height:72px;overflow:hidden;padding:11px 16px;border-radius:6px;background:#071727d1;color:#fff;font-size:16px;line-height:1.45;text-align:center;text-shadow:0 2px 8px #000;transform:translate(-50%)}.notice{position:absolute;z-index:6;top:58px;left:16px;padding:8px 10px;border:0;border-radius:4px;background:#8f5324;color:#fff}.unlock{position:absolute;z-index:6;top:46%;left:50%;transform:translate(-50%,-50%);padding:12px 16px;border:0;border-radius:5px;background:#ef9f27;color:#151515;font-weight:700}.sidebar footer{display:grid;grid-template-columns:minmax(0,1fr) auto;flex:0 0 auto;gap:var(--space-sm);margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid #294356}.sidebar footer input{min-width:0;min-height:44px;padding:10px 11px;border:1px solid #31516a;border-radius:5px;background:#10293c;color:#fff}.sidebar footer input::placeholder{color:#cddceac2}.composer-actions{display:grid;grid-template-columns:auto auto;gap:var(--space-sm)}.sidebar footer button{min-width:52px;min-height:44px;padding:9px 11px;border:0;border-radius:5px;color:#fff;font-weight:700}.send-button{background:#176b87}.interrupt-button{background:#294b60}.sidebar footer button:hover{background:#2d9bbb}.flight{grid-column:3;grid-row:1;min-width:0;min-height:0;height:100%;overflow:auto;border-left:1px solid rgba(191,219,254,.24);background:var(--panel);color:var(--ink)}.flight header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px 18px 13px;border-bottom:1px solid var(--line);background:#0f1f33b8}.flight header>div:first-child{min-width:0}.flight header span{display:block;margin-bottom:5px;color:#bad3e8ad;font-size:11px;letter-spacing:.08em}.flight h1{margin:0;font-size:21px;line-height:1.15;overflow-wrap:anywhere}.flight-tools{display:flex;flex-direction:column;align-items:flex-end;gap:8px;white-space:nowrap}.flight-status{display:inline-flex;align-items:center;gap:7px;min-height:28px;padding:5px 8px;border:1px solid rgba(255,255,255,.18);border-radius:4px;background:#ffffff14;color:#fff;font-size:11px;font-weight:700}.flight-status i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#eaa337}.flight-status.success i{background:var(--success)}.flight-status.no_result i,.flight-status.handoff i{background:#ed6f67}.flight-status.info i{background:#f4bd5b}.mode-toggle{min-height:28px;padding:5px 8px;border:0;border-radius:4px;background:#176b87;color:#fff;font-size:11px;font-weight:700}.mode-toggle:hover{background:#2d9bbb}.return-notice{display:flex;gap:10px;padding:10px 18px;border-bottom:1px solid rgba(244,189,91,.18);background:#92400e29;color:#fde68a;font-size:12px}.flight-table{overflow:auto}.service-screen{padding:14px 18px;border-bottom:1px solid rgba(191,219,254,.12);background:#08152480}.service-screen h2{margin:0;color:#f4f8fc;font-size:16px;line-height:1.35}.service-screen>p{margin:8px 0 0;color:#e2e8f0d1;font-size:13px;line-height:1.55}.service-screen dl{display:grid;gap:7px;margin:12px 0 0}.service-screen dl div{display:grid;grid-template-columns:minmax(84px,.7fr) minmax(0,1.5fr);gap:10px;padding:8px 9px;border-radius:5px;background:#204a636b;font-size:12px;line-height:1.45}.service-screen dt{color:#bad3e8b8}.service-screen dd{margin:0;color:#f8fbff;overflow-wrap:anywhere}.navigation-qr{display:grid;grid-template-columns:minmax(150px,190px) minmax(0,1fr);align-items:center;gap:14px;margin:14px 0 0;padding:12px;border-radius:7px;background:#fffffff5}.navigation-qr img{display:block;width:100%;aspect-ratio:1;object-fit:contain}.navigation-qr figcaption{display:grid;gap:7px;color:#17354b;font-size:13px;line-height:1.5}.navigation-qr figcaption b{font-size:14px}.navigation-qr figcaption span{color:#476b82}.flight-leg+.flight-leg{border-top:8px solid rgba(191,219,254,.08)}.flight-leg h2{margin:0;padding:11px 18px;background:#162a4070;color:#e2e8f0db;font-size:13px}.flight table{width:100%;min-width:560px;border-collapse:collapse;background:#040b15ad}.flight th,.flight td{padding:11px 10px;border-bottom:1px solid rgba(191,219,254,.1);text-align:left;vertical-align:middle;font-size:12px}.flight th{background:#162a409e;color:#bed3e49e;font-size:11px}.flight td{color:#f8fbff}.flight td small{display:block;margin-top:3px;color:#e2e8f09e;font-size:12px}.flight mark{padding:3px 6px;border-radius:3px;background:#2caf742e;color:#dbeafe}.empty{display:grid;min-height:260px;place-content:center;gap:8px;padding:24px 18px;background:#08152494;text-align:center}.empty b{color:#f4f8fc;font-size:20px}.empty span,.flight>small{color:#e2e8f0b8;font-size:12px;line-height:1.4}.flight>small{display:block;padding:14px 18px 18px;border-top:1px solid rgba(191,219,254,.1)}.settings{position:absolute;z-index:20;top:18px;right:18px;width:min(320px,calc(100% - 36px));max-height:calc(100% - 36px);overflow:auto;padding:18px;border-radius:6px;background:#091c2bf5;box-shadow:0 8px 24px #00000040}.settings h3{margin-top:0}.settings label{display:block;margin:10px 0;color:#dcebf4;font-size:12px}.settings input,.settings select{width:100%;margin-top:5px;padding:7px;border:1px solid #31516a;border-radius:4px;background:#10293c;color:#fff}.settings input[type=checkbox]{width:auto;margin:0 0 0 8px}.flight-collapsed{grid-template-columns:minmax(0,1fr) 18px 0}.flight-collapsed .flight{display:none}main.day{color-scheme:light;color:#17354b;background:#dfeaf2;--ink: #17354b;--muted: rgba(37, 74, 99, .74);--line: rgba(40, 81, 109, .22);--sidebar: #edf5f8;--panel: #f6fafc;--accent: #197b9a;--accent-strong: #146b88;--success: #19885f}.day .left{background:#d8e8f1}.day .sidebar{background:var(--sidebar);border-color:var(--line)}.day .sidebar header span{color:#8a5d12}.day .sidebar header span.connected{color:var(--success)}.day .message{background:#e3eef4;color:#17354b}.day .message span,.day .turn-divider{color:#476b82}.day .message-human{background:#cde7ef}.day .turn-divider:before,.day .turn-divider:after{background:#28516d2e}.day .sidebar-actions{border-color:var(--line)}.day .side-toggle,.day .flight-toggle{background:#b8d2e0;color:#17354b}.day .side-toggle:hover,.day .flight-toggle:hover{background:#9dc4d7}.day .stage:after{background:linear-gradient(180deg,rgba(240,248,252,.24),transparent 35%,rgba(27,57,79,.12))}.day .badge,.day .subtitle{background:#f0f8fceb;color:#17354b;border-color:#28516d2e}.day .subtitle{text-shadow:none}.day .sidebar footer{border-color:var(--line)}.day .sidebar footer input,.day .settings input,.day .settings select{border-color:#8eb2c7;background:#fff;color:#17354b}.day .sidebar footer input::placeholder{color:#466d85}.day .flight{background:var(--panel);border-color:var(--line);color:#17354b}.day .flight header{border-color:var(--line);background:#eaf3f7}.day .flight header span,.day .flight th,.day .flight td small,.day .empty span,.day .flight>small{color:#476b82}.day .flight td,.day .empty b{color:#17354b}.day .flight table{background:#f8fcfe}.day .service-screen{border-color:#28516d29;background:#f2f8fb}.day .service-screen h2,.day .service-screen dd{color:#17354b}.day .service-screen>p,.day .service-screen dt{color:#476b82}.day .service-screen dl div{background:#e8f3f8}@media (max-width: 1100px){.navigation-qr{grid-template-columns:minmax(130px,170px) minmax(0,1fr)}}.day .flight-leg+.flight-leg{border-color:#28516d1f}.day .flight-leg h2{background:#eaf3f7;color:#17354b}.day .flight th{background:#e5f0f5}.day .flight th,.day .flight td{border-color:#28516d29}.day .empty{background:#f2f8fb}.day .flight-status{border-color:#9fc0d1;background:#e8f3f8;color:#17354b}.day .flight mark{background:#d9f0e5;color:#176144}.day .return-notice{border-color:#e8c97d;background:#fff8df;color:#795300}.day .settings{background:#f6fafc;color:#17354b;box-shadow:0 8px 24px #2e50692e}.day .settings label{color:#17354b}@media (max-width: 900px){html,body,#root{overflow:auto}main{height:auto;grid-template-columns:1fr;grid-template-rows:auto 18px minmax(280px,42vh);min-height:100%}.left{flex-direction:column;min-height:0}.stage{order:-1;flex:0 0 min(58vh,620px);min-height:460px}.sidebar{flex:0 0 540px;width:100%;height:540px}.side-toggle{display:none}.flight-toggle{grid-column:1;grid-row:2;width:48px;height:18px;justify-self:center}.flight{grid-column:1;grid-row:3;height:auto;max-height:42vh;border-top:1px solid rgba(191,219,254,.24);border-left:0}.flight-collapsed{grid-template-rows:minmax(560px,1fr) 18px 0}.flight-collapsed .flight{display:none}.subtitle{width:calc(100% - 24px)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}