:root{font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#e8ede5;background:#101311;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #e8ede5;--muted: #879087;--faint: #566058;--line: rgba(187, 207, 189, .12);--line-bright: rgba(187, 207, 189, .2);--panel: rgba(26, 32, 27, .83);--panel-deep: #171d18;--green: #b6e88f;--green-dark: #29412e;--orange: #f1a15c;--cream: #f1eee4}*{box-sizing:border-box}body{margin:0;min-width:1180px;min-height:100vh;background:#101311}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--green);outline-offset:2px}.app-shell{min-height:100vh;display:grid;grid-template-columns:238px minmax(560px,1fr) 385px;background:radial-gradient(circle at 75% -20%,rgba(78,108,75,.2),transparent 34%),radial-gradient(circle at 8% 72%,rgba(42,74,49,.11),transparent 26%),#101311;position:relative;overflow:hidden}.app-shell:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;opacity:.042;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");mix-blend-mode:screen;z-index:10}.ambient{position:fixed;pointer-events:none;filter:blur(80px);opacity:.2;border-radius:50%}.ambient-one{width:270px;height:270px;background:#355c3f;top:24%;left:26%}.ambient-two{width:230px;height:230px;background:#b56f41;bottom:-120px;right:13%;opacity:.11}.sidebar{position:relative;z-index:1;border-right:1px solid var(--line);padding:26px 18px 18px;display:flex;flex-direction:column;background:#12171391}.brand-lockup{display:flex;align-items:center;gap:10px;margin:0 10px 48px}.brand-mark{display:grid;place-items:center;width:32px;height:32px;color:#0f1810;background:var(--green);border-radius:9px 9px 9px 2px;box-shadow:0 0 24px #b6e88f2e;transform:rotate(-4deg)}.brand-name{display:block;font-size:15px;font-weight:800;letter-spacing:-.04em;line-height:1}.brand-sub{display:block;color:var(--faint);font-family:DM Mono,monospace;font-size:8px;letter-spacing:.15em;text-transform:uppercase;margin-top:5px}.rail-label{color:#68736a;font-family:DM Mono,monospace;font-size:9px;letter-spacing:.14em;text-transform:uppercase;padding:0 10px;margin-bottom:12px}.nav-list{display:grid;gap:4px}.nav-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;border-radius:7px;color:#879087;display:flex;align-items:center;gap:12px;padding:10px 11px;text-align:left;font-size:12px;cursor:pointer;transition:.18s ease}.nav-item:hover{color:var(--ink);background:#ffffff09}.nav-item.active{color:var(--cream);background:#b6e88f17;box-shadow:inset 2px 0 var(--green)}.nav-item.active svg{color:var(--green)}.nav-item span:nth-child(2){flex:1}.nav-pulse,.status-dot,.mini-dot,.recording-dot,.footer-dot{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px #b6e88f17,0 0 9px var(--green)}.nav-count{color:var(--green);font-family:DM Mono,monospace;font-size:10px}.profile-label{margin-top:41px}.profile-card{border:1px solid rgba(182,232,143,.16);background:linear-gradient(140deg,#2c422d7a,#1c241c80);border-radius:8px;padding:14px 13px;margin:0 7px}.profile-card-top,.profile-meta,.privacy-note,.card-head,.source-footer,.source-footer>div,.session-controls,.session-timer,.top-actions,.breadcrumb,.connection-chip,.inspector-top,.question-state,.panel-heading,.panel-heading>div:first-child,.panel-heading-right,.signal-strip,.signal-label,.latency{display:flex;align-items:center}.profile-card-top{justify-content:space-between;color:var(--faint)}.eyebrow,.panel-kicker,.block-label,.kicker,.section-index,.signal-mode,.rail-label,.crumb-slash{font-family:DM Mono,monospace}.eyebrow{font-size:8px;color:var(--green);letter-spacing:.12em}.profile-card-top svg{color:#789178}.profile-card h2{font-size:14px;letter-spacing:-.03em;line-height:1.4;font-weight:700;margin:12px 0 5px}.profile-card p{margin:0;color:#8d9b8e;line-height:1.55;font-size:10px}.profile-meta{justify-content:space-between;border-top:1px solid var(--line);margin-top:13px;padding-top:10px;color:#8ca18b;font-family:DM Mono,monospace;font-size:9px}.profile-meta span{display:flex;gap:5px;align-items:center}.hotword-label{display:flex;justify-content:space-between;margin-top:31px;margin-bottom:10px}.hotword-label span{color:var(--green)}.hotword-cloud{display:flex;flex-wrap:wrap;gap:6px;padding:0 7px}.hotword{border:1px solid rgba(187,207,189,.13);background:#ffffff06;border-radius:3px;padding:4px 6px;color:#8d9a8e;font-family:DM Mono,monospace;font-size:9px}.hotword.bright{color:#c7e7b6;border-color:#b6e88f3d;background:#b6e88f14}.sidebar-bottom{margin-top:auto}.privacy-note{gap:8px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 6px;margin-bottom:13px;color:#90a18e}.privacy-note svg{color:var(--green)}.privacy-note div span,.privacy-note div strong{display:block}.privacy-note div strong{font-size:10px;font-weight:600;color:#bbc7b9;margin-bottom:3px}.privacy-note div span{font-family:DM Mono,monospace;font-size:8px;color:var(--faint)}.main-column{min-width:0;padding:0 34px 46px;position:relative;z-index:1}.topbar{height:78px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.breadcrumb{gap:12px;font-family:DM Mono,monospace;font-size:9px;color:#657067;letter-spacing:.04em}.breadcrumb strong{color:#a0aaa0;font-family:inherit;font-size:10px;font-weight:500;letter-spacing:0}.crumb-slash{color:#3f4d43}.top-actions{gap:13px}.connection-chip{gap:7px;border:1px solid var(--line);border-radius:20px;padding:6px 10px;color:#92a194;font-family:DM Mono,monospace;font-size:8px}.connection-chip.connecting .status-dot{background:var(--orange);box-shadow:0 0 0 3px #f1a15c17,0 0 9px var(--orange)}.connection-chip.offline .status-dot,.status-dot.muted{background:#626c63;box-shadow:none}.icon-button,.more-button{border:0;background:transparent;display:grid;place-items:center;padding:5px;color:#758178;cursor:pointer}.icon-button:hover,.more-button:hover{color:var(--cream)}.session-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;padding:50px 0 31px}.kicker{display:flex;align-items:center;gap:8px;color:#7d947b;font-size:9px;letter-spacing:.11em}.live-line{display:inline-block;width:17px;height:1px;background:var(--green);box-shadow:0 0 7px var(--green)}.session-heading h1{color:var(--cream);font-size:clamp(35px,4vw,49px);line-height:1.05;letter-spacing:-.075em;font-weight:700;margin:15px 0 10px}.title-period{color:var(--green)}.session-heading p{color:#748078;font-size:12px;margin:0;letter-spacing:.01em}.session-controls{gap:8px}.session-timer{gap:7px;color:#c3cec1;padding:0 12px 0 0;font-family:DM Mono,monospace;font-size:11px}.session-timer svg{color:var(--orange)}.session-timer small{color:var(--faint);font-size:7px;margin-left:3px;letter-spacing:.1em}.mic-button,.square-button{border:1px solid rgba(182,232,143,.28);background:#b6e88f1a;color:#c4e5b0;border-radius:5px;cursor:pointer;display:flex;align-items:center;gap:8px;padding:10px 12px;font-size:10px;transition:.18s ease}.mic-button:hover{background:#b6e88f2e;border-color:#b6e88f75}.mic-button.recording{color:#1a251a;background:var(--green);border-color:var(--green)}.square-button{padding:11px;background:transparent;border-color:var(--line);color:#6f7e71}.signal-strip{gap:16px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);min-height:42px}.signal-label{gap:7px;color:var(--green);font-family:DM Mono,monospace;font-size:8px;letter-spacing:.1em;white-space:nowrap}.waveform{display:flex;align-items:center;gap:3px;height:35px;flex:1;opacity:.8;overflow:hidden}.waveform i{display:block;width:2px;min-height:3px;border-radius:2px;background:#7caa70;opacity:.64;animation:wave 1.8s ease-in-out infinite}.signal-mode{color:#68756a;font-size:8px;white-space:nowrap}@keyframes wave{0%,to{transform:scaleY(.55);opacity:.4}50%{transform:scaleY(1.12);opacity:1}}.transcript-panel{margin-top:22px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(130deg,#1c231dc2,#13181494);min-height:463px;overflow:hidden;box-shadow:0 20px 60px #0000001f}.panel-heading{justify-content:space-between;padding:20px 21px 17px;border-bottom:1px solid var(--line)}.panel-heading>div:first-child{gap:13px}.section-index{align-self:flex-start;color:var(--green);font-size:9px;padding-top:3px}.panel-kicker{color:#708070;font-size:8px;letter-spacing:.12em}.panel-heading h2{font-size:15px;font-weight:600;margin:5px 0 0;letter-spacing:-.03em}.panel-heading-right{gap:13px}.latency{gap:7px;color:#657267;font-family:DM Mono,monospace;font-size:8px}.mini-dot{width:4px;height:4px;box-shadow:0 0 8px var(--green)}.more-button{color:#718077}.transcript-body{padding:12px 21px;min-height:344px}.empty-transcript{min-height:319px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#758177;gap:9px}.empty-transcript strong{color:#b0bcb0;font-size:13px;font-weight:600}.empty-transcript>span{color:#657067;font-size:10px}.empty-transcript button{display:inline-flex;align-items:center;gap:7px;color:#c9e9b8;background:#b6e88f14;border:1px solid rgba(182,232,143,.22);border-radius:4px;margin-top:7px;padding:8px 11px;cursor:pointer;font-size:10px}.empty-orbit{display:grid;place-items:center;width:47px;height:47px;color:var(--green);border-radius:50%;border:1px solid rgba(182,232,143,.26);box-shadow:0 0 0 9px #b6e88f06,inset 0 0 24px #b6e88f0f;margin-bottom:4px}.transcript-line{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid rgba(187,207,189,.08);animation:slide-in .35s ease both}.transcript-line.partial{opacity:.78;border-bottom-style:dashed}@keyframes slide-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.speaker-avatar{display:grid;place-items:center;flex:0 0 25px;width:25px;height:25px;border:1px solid var(--line-bright);border-radius:5px;color:var(--green);font-family:DM Mono,monospace;font-size:10px}.candidate .speaker-avatar{color:var(--orange);border-color:#f1a15c42}.transcript-copy{flex:1;min-width:0}.speaker-line{display:flex;align-items:center;gap:8px}.speaker-line strong{font-size:10px;font-weight:600;color:#bac5b9}.speaker-line span{color:#536057;font-family:DM Mono,monospace;font-size:8px}.speaker-line em{color:var(--green);font-size:8px;font-style:normal}.transcript-copy p{color:#e0e6dd;font-size:13px;line-height:1.65;margin:7px 0 0;letter-spacing:.01em}.partial .transcript-copy p{color:#b8dca7}.candidate .transcript-copy p{color:#a9b3a8}.composer{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:#0a0e0b3d;border-radius:5px;margin-top:12px;padding:2px 5px 2px 11px}.composer input{border:0;background:transparent;outline:0;flex:1;color:var(--ink);font-size:11px;padding:7px 0}.composer input::placeholder{color:#536057}.composer button{border:0;background:var(--green);color:#192218;width:28px;height:27px;display:grid;place-items:center;border-radius:4px;cursor:pointer}.transcript-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:11px 21px;color:#5f6b61;font-family:DM Mono,monospace;font-size:8px}.transcript-footer>span:first-child{display:flex;align-items:center;gap:7px}.recording-dot{width:5px;height:5px;box-shadow:0 0 8px var(--green)}.inspector{position:relative;z-index:1;border-left:1px solid var(--line);background:#141915ad;padding:26px 24px 17px;overflow:auto}.inspector-top{justify-content:space-between;margin-bottom:33px}.ai-badge{display:flex;align-items:center;gap:8px;color:var(--green);font-family:DM Mono,monospace;font-size:9px;letter-spacing:.14em}.ai-badge svg{color:var(--orange)}.soft{color:#5e6b60}.question-block{border-bottom:1px solid var(--line);padding-bottom:22px}.block-label{display:flex;align-items:center;gap:8px;color:#728474;font-size:8px;letter-spacing:.13em}.label-rule{width:14px;height:1px;background:var(--green);display:inline-block}.question-block h2{color:var(--cream);font-size:21px;line-height:1.45;letter-spacing:-.055em;margin:13px 0 17px;font-weight:600}.question-state{justify-content:space-between;color:#667368;font-family:DM Mono,monospace;font-size:8px}.question-state>span{display:inline-flex;align-items:center;gap:5px}.state-complete,.state-live{color:var(--green)}.state-waiting{color:var(--orange)}.spin{animation:spin 1.1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.knowledge-card{position:relative;margin-top:24px;border:1px solid rgba(182,232,143,.2);background:linear-gradient(160deg,#263626a1,#181f19e3 58%);border-radius:7px;padding:19px 18px 0;overflow:hidden}.knowledge-card:before{content:"";position:absolute;top:0;right:0;width:110px;height:85px;background:linear-gradient(135deg,transparent 48%,rgba(182,232,143,.05) 49%,transparent 51%),linear-gradient(45deg,transparent 48%,rgba(182,232,143,.04) 49%,transparent 51%);background-size:14px 14px;-webkit-mask-image:linear-gradient(135deg,black,transparent 80%);mask-image:linear-gradient(135deg,black,transparent 80%);pointer-events:none}.knowledge-card.is-loading{border-color:#f1a15c4d}.loading-ribbon{display:flex;gap:7px;align-items:center;color:var(--orange);border-bottom:1px solid rgba(241,161,92,.15);padding-bottom:11px;margin-bottom:14px;font-family:DM Mono,monospace;font-size:8px}.card-head{position:relative;justify-content:space-between;align-items:flex-start}.card-head h3{color:#dcebd5;font-size:17px;letter-spacing:-.045em;margin:9px 0 0}.card-spark{display:grid;place-items:center;color:#162017;background:var(--green);width:26px;height:26px;border-radius:5px}.card-summary{color:#a5b3a3;font-size:10px;line-height:1.7;margin:14px 0 18px}.card-section{border-top:1px solid rgba(187,207,189,.1);padding:14px 0}.subheading{display:flex;align-items:center;gap:7px;color:#91a48e;font-size:10px;font-weight:600;margin-bottom:10px}.subheading svg{color:var(--green)}.background-copy{color:#c1ccc0;font-size:10px;line-height:1.7;margin:0}.key-point-list{display:flex;flex-wrap:wrap;gap:5px}.key-point-list span{border:1px solid rgba(182,232,143,.2);border-radius:3px;color:#beddae;background:#b6e88f12;font-family:DM Mono,monospace;font-size:8px;padding:5px 6px}.answer-list{list-style:none;counter-reset:answers;margin:0;padding:0;display:grid;gap:9px}.answer-list li{counter-increment:answers;display:grid;grid-template-columns:18px 1fr;gap:6px;color:#bdc8bd;font-size:10px;line-height:1.6}.answer-list li:before{content:counter(answers,decimal-leading-zero);color:var(--green);font-family:DM Mono,monospace;font-size:8px;padding-top:2px}.followup-list{display:grid;gap:6px}.followup-list button{display:flex;align-items:flex-start;gap:4px;text-align:left;border:1px solid rgba(241,161,92,.14);background:#f1a15c0b;color:#cfbda9;border-radius:4px;cursor:pointer;padding:8px;font-size:10px;line-height:1.5;transition:.15s ease}.followup-list button:hover{border-color:#f1a15c59;background:#f1a15c17}.followup-list button span{color:var(--orange);font-size:15px;line-height:10px}.followup-list button svg{margin:2px 0 0 auto;flex:0 0 13px;color:var(--orange)}.mistake-list{margin:0;padding-left:14px;color:#9aa79a;display:grid;gap:6px;font-size:9px;line-height:1.5}.mistake-list li::marker{color:var(--orange)}.source-footer{justify-content:space-between;border-top:1px solid rgba(187,207,189,.1);padding:13px 0 14px;color:#7e8d7e;font-family:DM Mono,monospace;font-size:8px}.source-footer>div{gap:7px}.source-icon{display:grid;place-items:center;width:20px;height:20px;color:var(--green);border:1px solid rgba(182,232,143,.19);border-radius:4px}.source-footer button{display:flex;align-items:center;gap:4px;border:0;background:transparent;color:#a0b59c;font-size:8px;cursor:pointer}.inspector-footer{display:flex;justify-content:space-between;color:#58655b;font-family:DM Mono,monospace;font-size:8px;padding-top:16px}.inspector-footer span:first-child{display:flex;align-items:center;gap:7px}.footer-dot{width:4px;height:4px;box-shadow:0 0 7px var(--green)}.floating-demo{position:fixed;bottom:19px;left:272px;z-index:3;display:flex;align-items:center;gap:10px}.floating-demo button{display:inline-flex;align-items:center;gap:7px;background:var(--green);border:0;border-radius:4px;color:#192118;font-weight:700;font-size:10px;padding:9px 12px;cursor:pointer;box-shadow:0 7px 22px #00000038}.floating-demo button:hover{background:#d0f4ad}.floating-demo button:disabled{cursor:wait;opacity:.65}.floating-demo>span{color:#627063;font-family:DM Mono,monospace;font-size:8px}.toast-status{position:fixed;right:409px;bottom:20px;z-index:3;color:#68766a;font-family:DM Mono,monospace;font-size:8px;display:flex;align-items:center;gap:7px;max-width:300px}.toast-status .status-dot{width:5px;height:5px}.animate-in{animation:reveal .55s ease both}.delay-one{animation-delay:.07s}.delay-two{animation-delay:.14s}@keyframes reveal{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1250px){.app-shell{grid-template-columns:215px minmax(510px,1fr) 350px}.sidebar{padding-left:13px;padding-right:13px}.main-column{padding-left:25px;padding-right:25px}.inspector{padding-left:18px;padding-right:18px}.floating-demo{left:240px}.toast-status{right:370px}}