@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Source+Serif+4:opsz,wght@8..60,400;8..60,500;8..60,600&family=JetBrains+Mono:wght@400;500&display=swap");.cmt{--bg:#f7f9fc;--bg-2:#eef2f8;--surface:#ffffff;--surface-warm:#f1f5fb;--sand:#e9f1fd;--ink:#1f2937;--ink-2:#4b5563;--muted:#98a1b0;--border:#e6eaf1;--border-2:#d6dde8;--brand:#0cce7d;--brand-2:#11d986;--brand-deep:#0a9b61;--brand-grad:linear-gradient(135deg,#14d98a,#07b46d);--brand-soft:#e6faf1;--navy:#0b1426;--clay:#0a9b61;--clay-600:#08824f;--clay-soft:#e2f7ec;--sage:#16a34a;--sage-soft:#e7f6ec;--amber:#a06a12;--amber-soft:#f6ecd7;--rust:#e5484d;--rust-soft:#fde7e7;--shadow-sm:0 1px 2px rgba(43,42,39,0.05);--shadow-md:0 6px 22px rgba(43,42,39,0.08);--shadow-lg:0 16px 50px rgba(43,42,39,0.14);--r-lg:20px;--r-md:14px;--r-sm:10px;--serif:"Source Serif 4",Georgia,serif;--sans:"Inter",system-ui,-apple-system,sans-serif;--mono:"JetBrains Mono",ui-monospace,monospace;color-scheme:light}.cmt *{box-sizing:border-box}.cmt ::-moz-selection{background:rgba(12,206,125,.16)}.cmt ::selection{background:rgba(12,206,125,.16)}.cmt{height:100%;margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;-webkit-font-smoothing:antialiased}.cmt .app{height:100dvh;overflow:hidden}.cmt .app,.cmt .main{position:relative;display:flex}.cmt .main{flex:1;min-width:0;flex-direction:column}.cmt .sidebar{position:fixed;inset:0 auto 0 0;z-index:40;width:86%;max-width:300px;background:var(--bg-2);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:16px 14px calc(14px + env(safe-area-inset-bottom));transform:translateX(-104%);transition:transform .32s cubic-bezier(.22,1,.36,1)}.cmt .sidebar.open{transform:translateX(0);box-shadow:var(--shadow-lg)}.cmt .side-top{display:flex;align-items:center;justify-content:space-between;padding:6px 4px 18px}.cmt .brand-logo{color:var(--brand);display:block}.cmt .new-chat{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;cursor:pointer;background:var(--brand-grad);color:#fff;border:none;border-radius:var(--r-md);padding:12px;font:inherit;font-weight:600;box-shadow:0 6px 16px rgba(12,206,125,.28)}.cmt .new-chat:hover{filter:brightness(1.05)}.cmt .side-search{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:10px 12px;margin:12px 0 8px;color:var(--muted)}.cmt .side-search input{flex:1;min-width:0;border:none;outline:none;background:transparent;font:inherit;font-size:14px;color:var(--ink)}.cmt .side-list{flex:1;min-height:0;overflow-y:auto;margin:6px -6px;padding:0 6px 6px}.cmt .side-group-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);padding:4px 8px 8px}.cmt .conv{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:transparent;border:1px solid transparent;color:inherit;border-radius:var(--r-md);padding:9px 10px;cursor:pointer;font:inherit}.cmt .conv:hover{background:var(--surface-warm)}.cmt .conv-ic{width:30px;height:30px;flex-shrink:0;border-radius:9px;background:var(--clay-soft);border:1px solid transparent;color:var(--clay);display:grid;place-items:center}.cmt .conv-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.cmt .conv-title{font-size:14px;font-weight:600}.cmt .conv-preview,.cmt .conv-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cmt .conv-preview{font-size:12px;color:var(--ink-2)}.cmt .conv-time{font-size:11px;color:var(--muted);flex-shrink:0;font-variant-numeric:tabular-nums}.cmt .side-empty{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;color:var(--muted);padding:30px 16px}.cmt .side-empty svg{color:var(--border-2)}.cmt .side-empty p{font-size:13px;line-height:1.5;margin:0;max-width:22ch}.cmt .side-note{font-size:11.5px;color:var(--muted);line-height:1.5;padding:10px 8px 2px;border-top:1px solid var(--border);margin-top:8px}.cmt .scrim{position:fixed;inset:0;z-index:35;background:rgba(43,42,39,.32);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .28s ease}.cmt .scrim.open{opacity:1;pointer-events:auto}.cmt .topbar{display:flex;align-items:center;gap:10px;flex-shrink:0;padding:calc(10px + env(safe-area-inset-top)) 14px 10px;background:rgba(247,249,252,.85);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);z-index:10}.cmt .top-title{flex:1;text-align:center;font-size:14px;font-weight:600;color:var(--ink-2)}.cmt .top-live{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:var(--rust)}.cmt .top-live .dot{width:8px;height:8px;border-radius:50%;background:var(--rust);animation:cmt-pulse 1.4s infinite}@keyframes cmt-pulse{0%{box-shadow:0 0 0 0 rgba(229,72,77,.5)}70%{box-shadow:0 0 0 7px rgba(229,72,77,0)}to{box-shadow:0 0 0 0 rgba(229,72,77,0)}}.cmt .icon-btn{width:40px;height:40px;flex-shrink:0;border-radius:12px;border:1px solid transparent;background:transparent;color:var(--ink-2);display:grid;place-items:center;cursor:pointer}.cmt .icon-btn:hover{background:var(--surface-warm)}.cmt .cockpit{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:16px}.cmt .cockpit,.cmt .panel{min-height:0;overflow:hidden}.cmt .panel{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.cmt .panel-head{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border);flex-shrink:0}.cmt .panel-ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex-shrink:0}.cmt .panel-ic.facts{background:var(--brand-soft);color:var(--brand-deep)}.cmt .panel-ic.live{background:#fde7e7;color:var(--rust)}.cmt .panel-titles{flex:1;min-width:0}.cmt .panel-title{font-size:15px;font-weight:700}.cmt .panel-sub{font-size:12px;color:var(--muted)}.cmt .panel-body{flex:1;min-height:0;overflow-y:auto;padding:14px 16px}.cmt .seg{display:inline-flex;background:var(--surface-warm);border:1px solid var(--border);border-radius:999px;padding:3px;gap:2px}.cmt .seg button{border:none;background:transparent;color:var(--ink-2);font:inherit;font-size:12.5px;font-weight:600;padding:6px 12px;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.cmt .seg button.on{background:var(--surface);color:var(--brand-deep);box-shadow:var(--shadow-sm)}.cmt .fcat{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:14px 0 8px;display:flex;align-items:center;gap:7px}.cmt .fcat:first-child{margin-top:0}.cmt .fcat svg{color:var(--clay)}.cmt .fact{display:flex;gap:10px;align-items:flex-start;width:100%;text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:11px 12px;cursor:pointer;font:inherit;margin-bottom:8px;transition:border-color .15s ease,background .15s ease,transform .12s ease}.cmt .fact:hover{border-color:var(--brand);background:var(--brand-soft)}.cmt .fact:active{transform:scale(.99)}.cmt .fact.queued{opacity:.5}.cmt .fact-body{flex:1;min-width:0;display:flex;flex-direction:column}.cmt .fact-title{display:block;font-size:13.5px;font-weight:600;margin-bottom:3px}.cmt .fact-text{display:block;font-size:12.5px;color:var(--ink-2);line-height:1.45}.cmt .fact-add{flex-shrink:0;width:26px;height:26px;border-radius:8px;background:var(--clay-soft);color:var(--clay);display:grid;place-items:center}.cmt .fact.hot{border-color:var(--amber);background:var(--amber-soft)}.cmt .fact-tag{display:inline-block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--amber);margin-left:6px}.cmt .graph-wrap{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-md);padding:6px;margin-bottom:12px}.cmt .graph-wrap svg{width:100%;height:auto;display:block}.cmt .g-node{cursor:pointer}.cmt .g-node circle{transition:r .15s ease,fill .15s ease}.cmt .g-node text{font-family:var(--sans);font-weight:600;pointer-events:none}.cmt .graph-hint{font-size:11.5px;color:var(--muted);text-align:center;margin-top:4px}.cmt .queue{border-top:1px solid var(--border);padding:12px 16px 16px;flex-shrink:0;background:var(--surface-warm);max-height:42%;overflow-y:auto}.cmt .queue-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.cmt .queue-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-2);display:flex;align-items:center;gap:7px}.cmt .queue-title svg{color:var(--clay)}.cmt .queue-empty{font-size:12.5px;color:var(--muted);line-height:1.5}.cmt .qitem{display:flex;gap:10px;align-items:flex-start;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);padding:9px 10px;margin-bottom:8px}.cmt .qitem.said{border-color:var(--sage);background:var(--sage-soft)}.cmt .qitem.skip{opacity:.55}.cmt .qitem-body{flex:1;min-width:0}.cmt .qitem-title{font-size:13px;font-weight:600}.cmt .qitem.said .qitem-title{text-decoration:line-through;color:var(--ink-2)}.cmt .qitem-actions{display:flex;gap:6px;flex-shrink:0}.cmt .qbtn{width:28px;height:28px;border-radius:8px;border:1px solid var(--border-2);background:var(--surface);display:grid;place-items:center;cursor:pointer;color:var(--muted)}.cmt .qbtn.ok.on,.cmt .qbtn.ok:hover{background:var(--sage);border-color:var(--sage);color:#fff}.cmt .qbtn.no.on,.cmt .qbtn.no:hover{background:var(--rust);border-color:var(--rust);color:#fff}.cmt .mic-row{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border);flex-shrink:0}.cmt .mic-btn{display:inline-flex;align-items:center;gap:9px;border:none;border-radius:999px;padding:11px 18px;font:inherit;font-weight:700;font-size:14px;cursor:pointer;color:#fff;background:var(--brand-grad);box-shadow:0 6px 16px rgba(12,206,125,.28)}.cmt .mic-btn.live{background:linear-gradient(135deg,#f0555a,#d11f25);box-shadow:0 6px 16px rgba(229,72,77,.3)}.cmt .mic-meta{display:flex;gap:14px;align-items:baseline;font-variant-numeric:tabular-nums}.cmt .mic-stat{display:flex;flex-direction:column}.cmt .mic-stat b{font-size:18px;font-family:var(--mono)}.cmt .mic-stat span{font-size:11px;color:var(--muted)}.cmt .mic-stat.warn b{color:var(--amber)}.cmt .mic-stat.bad b{color:var(--rust)}.cmt .transcript{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-md);padding:12px 14px;font-size:14px;line-height:1.6;color:var(--ink);min-height:90px;max-height:32%;overflow-y:auto;margin-bottom:14px;white-space:pre-wrap}.cmt .transcript .interim,.cmt .transcript .ph{color:var(--muted)}.cmt .sub{margin-bottom:16px}.cmt .sub-head{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-2);margin-bottom:10px}.cmt .sub-head svg{color:var(--clay)}.cmt .sub-head.warn svg{color:var(--amber)}.cmt .chips{display:flex;flex-wrap:wrap;gap:7px}.cmt .chip{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:6px 11px;font-size:12.5px;font-weight:600;border:1px solid var(--border);background:var(--surface)}.cmt .chip b{font-family:var(--mono)}.cmt .chip.hot{background:var(--amber-soft);color:var(--amber);border-color:#e7d9bb}.cmt .chip.good{background:var(--sage-soft);color:var(--sage);border-color:#d4e0c9}.cmt .clean-ok{font-size:13px;color:var(--ink-2);display:flex;align-items:center;gap:8px}.cmt .clean-ok svg{color:var(--sage)}.cmt .alert{display:flex;align-items:flex-start;gap:9px;border-radius:var(--r-md);padding:10px 12px;font-size:13px;line-height:1.45;margin-bottom:8px}.cmt .alert.warn{background:var(--amber-soft);color:var(--amber)}.cmt .alert.info{background:var(--brand-soft);color:var(--brand-deep)}.cmt .alert svg{flex-shrink:0;margin-top:1px}.cmt .alert .a-act{margin-left:auto;flex-shrink:0;border:none;background:rgba(255,255,255,.6);color:inherit;border-radius:8px;padding:4px 10px;font:inherit;font-size:12px;font-weight:600;cursor:pointer}.cmt .tip{background:linear-gradient(135deg,var(--brand-soft),#fff);border:1px solid var(--brand);border-radius:var(--r-md);padding:13px 14px}.cmt .tip-q{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--brand-deep);margin-bottom:7px}.cmt .tip-text{font-size:13.5px;line-height:1.5;color:var(--ink)}.cmt .tip-next{margin-top:10px;border:1px solid var(--border-2);background:var(--surface);color:var(--ink-2);border-radius:999px;padding:6px 14px;font:inherit;font-size:12.5px;font-weight:600;cursor:pointer}.cmt .tip-next:hover{border-color:var(--brand);color:var(--brand-deep)}.cmt .nosupport{background:var(--amber-soft);color:var(--amber);border-radius:var(--r-md);padding:11px 13px;font-size:13px;line-height:1.5;margin-bottom:12px}@media (min-width:1024px){.cmt .sidebar{position:static;transform:none;width:280px;max-width:none;box-shadow:none}.cmt .scrim{display:none}.cmt .only-mobile{display:none!important}.cmt .topbar{background:transparent;backdrop-filter:none;justify-content:center}}@media (max-width:1023px){.cmt .cockpit{grid-template-columns:1fr;overflow-y:auto}.cmt .panel{min-height:70vh}}@media (prefers-reduced-motion:reduce){.cmt *,.cmt :after,.cmt :before{animation-duration:.001ms!important;transition-duration:.001ms!important}}