:root{--bg:#111411;--panel:#171b18;--panel2:#1c211d;--line:#2a302b;--line2:#343a35;--ink:#f2f4ef;--muted:#8b948d;--dim:#68716a;--green:#c1f06a;--green2:#9ecb4a;--yellow:#e8d78b;--red:#ff776e;--mono:'DM Mono',monospace;--sans:'DM Sans',sans-serif;--display:'Manrope',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 var(--sans);min-width:320px}button,input,textarea{font:inherit}button{color:inherit;cursor:pointer}button:disabled{opacity:.42;cursor:not-allowed}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;display:grid;grid-template-columns:248px minmax(0,1fr)}.sidebar{background:#141714;border-right:1px solid var(--line);padding:27px 17px 15px;display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:10px;margin:1px 0 47px 2px;font:800 20px/1 var(--display);letter-spacing:-.8px}.brand-mark{width:35px;height:35px;border-radius:11px;background:var(--green);color:#151a14;display:grid;place-items:center}.brand-mark svg{width:25px}.brand-light{font-weight:500;color:#a6b0a8}.brand small{display:block;font:500 8px/1.7 var(--mono);letter-spacing:1.3px;color:#777f78}.workspace-label,.nav-label{font:500 9px var(--mono);letter-spacing:1.35px;color:#747c76}.workspace-label{margin:0 0 10px 9px}.workspace-switch{border:1px solid var(--line);border-radius:9px;background:#191d1a;width:100%;padding:9px;display:flex;align-items:center;text-align:left;gap:9px}.workspace-avatar,.user-avatar{display:grid;place-items:center;background:#34402d;color:var(--green);border-radius:7px;font-weight:700}.workspace-avatar{width:31px;height:31px}.workspace-switch b,.sidebar-bottom b{font-size:11px;font-weight:600;display:block}.workspace-switch small,.sidebar-bottom small{font-size:10px;color:var(--muted);display:block}.chevron{margin-left:auto;color:var(--muted);font-size:18px}.nav-label{margin:27px 0 8px 9px}.nav-item{border:0;background:transparent;color:#aab1ab;text-align:left;width:100%;height:36px;border-radius:7px;display:flex;align-items:center;gap:9px;padding:0 9px;font-size:11px}.nav-item.selected{background:#252c25;color:var(--ink)}.nav-icon{font-size:15px;color:var(--green)}kbd{margin-left:auto;font:9px var(--mono);color:#68716a}.nav-count{margin-left:auto;color:#707970;font:10px var(--mono)}.sidebar-divider{border-top:1px solid var(--line);margin:20px 4px 0}.termbook-label{display:flex;justify-content:space-between;align-items:center;margin-top:21px}.termbook-label button{background:none;border:0;color:#7a837c;font-size:15px;padding:0 6px}.termbook-help{font-size:10px;color:#777f79;margin:1px 9px 12px}.term-list{display:flex;flex-wrap:wrap;gap:6px;padding:0 4px;max-height:166px;overflow:auto}.term-chip{border:1px solid #313831;background:#1d221e;color:#bac4b9;font:10px var(--mono);border-radius:5px;padding:4px 7px;white-space:nowrap}.term-chip:hover{border-color:#6a8050;color:var(--green)}.term-chip .remove{margin-left:6px;color:#727a73}.term-add{margin:10px 4px 0;display:flex;border:1px solid #323832;border-radius:6px;overflow:hidden;height:31px}.term-add input{width:100%;background:#171b18;border:0;color:var(--ink);font:10px var(--mono);padding:0 8px;outline:0}.term-add input::placeholder{color:#656d66}.term-add button{background:#252b25;border:0;width:32px;color:var(--green);font-size:18px}.sidebar-note{margin-top:auto;border:1px solid #30372e;background:#1a2018;border-radius:8px;padding:10px;display:flex;align-items:center;gap:9px}.note-orb{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px #c1f06a66}.sidebar-note b{display:block;font-size:10px;font-weight:600}.sidebar-note small{display:block;font-size:9px;color:#929b91}.sidebar-bottom{display:flex;align-items:center;gap:9px;border-top:1px solid var(--line);margin-top:13px;padding:13px 2px 0}.user-avatar{width:29px;height:29px;border-radius:50%;background:#34343d;color:#c4c4e0;font-size:9px}.settings-button{margin-left:auto;background:none;border:0;color:#8e968f;font-size:17px}.main-area{min-width:0;background:radial-gradient(ellipse at 85% 5%,#262d231b,transparent 36%),var(--bg)}.topbar{height:65px;border-bottom:1px solid var(--line);padding:0 40px;display:flex;align-items:center;justify-content:space-between}.crumb{font-size:11px;color:#7b847c}.crumb span{color:#4e5650;padding:0 8px}.crumb b{font-weight:500;color:#d6dbd5}.top-actions{display:flex;align-items:center;gap:16px}.connection-pill{display:flex;align-items:center;gap:7px;color:#9ca59c;font-size:10px}.connection-pill i,.draft-state i,.strip-status i{width:6px;height:6px;border-radius:50%;background:#e6bd5a;display:inline-block}.connection-pill.connected i{background:var(--green);box-shadow:0 0 10px #c1f06670}.icon-button{border:1px solid var(--line2);background:transparent;color:#bac2ba;border-radius:50%;width:23px;height:23px;font:11px var(--mono)}.upgrade-button{height:31px;background:var(--green);border:0;border-radius:5px;color:#182014;font-size:10px;font-weight:700;padding:0 11px}.upgrade-button span{margin-left:6px;font-size:13px}.content-wrap{max-width:1430px;padding:37px 42px 20px;margin:0 auto}.intro-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:31px}.eyebrow{display:flex;align-items:center;gap:8px;color:#9ca39a;font:9px var(--mono);letter-spacing:1.25px}.eyebrow-line{height:1px;width:21px;background:var(--green)}h1{font:700 clamp(30px,3.1vw,43px)/1.13 var(--display);letter-spacing:-1.8px;margin:13px 0 11px}h1 em{color:var(--green);font-style:normal}.intro-copy{color:#929a93;font-size:12px;max-width:545px;margin:0;line-height:1.75}.workflow-stamp{margin:0 50px 0 20px;align-self:center;text-align:center}.stamp-ring{width:91px;height:91px;border:1px solid #475241;border-radius:50%;display:grid;align-content:center;color:#dbe4d7;font:500 10px/1.28 var(--mono);letter-spacing:1px;position:relative;transform:rotate(-11deg)}.stamp-ring:after{content:"";position:absolute;inset:7px;border:1px dashed #384233;border-radius:50%}.stamp-ring span{color:var(--green);font-size:8px}.stamp-caption{font:8px var(--mono);color:#6d766e;letter-spacing:.8px;margin-top:10px}.stamp-caption i{color:var(--green);font-style:normal}.workbench{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}.section-heading{height:33px;display:flex;align-items:flex-start;justify-content:space-between}.section-heading>div{display:flex;align-items:center;gap:9px}.step-num{font:10px var(--mono);color:var(--green);border:1px solid #424b3c;border-radius:4px;padding:3px 5px}.section-heading h2{font:600 13px var(--display);letter-spacing:-.15px;margin:0}.secure-label,.draft-state{font:8px var(--mono);letter-spacing:.5px;color:#788179;display:flex;align-items:center;gap:6px;margin-top:4px}.secure-label span{color:#a7c66e}.draft-state i{background:#686f69}.capture-card,.output-card{border:1px solid #303731;border-radius:9px;background:#181c19;overflow:hidden}.capture-card{height:286px;transition:border-color .2s,background .2s}.capture-card.dragover{border-color:var(--green);background:#1a2118}.capture-top{height:39px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #292f2a}.live-indicator{font:8px var(--mono);letter-spacing:.9px;color:#7c867e;display:flex;align-items:center;gap:7px}.live-indicator i{width:6px;height:6px;border-radius:50%;background:#77817a}.live-indicator.recording i{background:var(--red);box-shadow:0 0 9px #ff776e80}.more-button{border:1px solid #394139;border-radius:4px;background:#202520;color:#b5beb5;padding:4px 7px;font:9px var(--mono)}.record-center{height:205px;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative}.record-button{width:62px;height:62px;background:#252d24;border:1px solid #47543f;border-radius:50%;position:relative;display:grid;place-items:center;margin-top:-4px;transition:.2s}.record-inner{width:20px;height:20px;border-radius:50%;background:var(--green);box-shadow:0 0 22px #c1f06635}.record-halo{position:absolute;inset:-6px;border:1px solid #47543f;border-radius:50%}.record-button:hover{background:#303a2b;transform:scale(1.04)}.record-button.recording .record-inner{border-radius:5px;background:var(--red);width:17px;height:17px}.record-button.recording .record-halo{border-color:#ff776e;animation:pulse 1.5s infinite}@keyframes pulse{50%{inset:-12px;opacity:.3}}.record-caption{font:600 11px var(--display);margin-top:16px}.record-subcaption{color:#7d867f;font-size:9px;margin-top:3px}.sound-wave{position:absolute;top:69px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:3px;height:11px;opacity:.65}.sound-wave i{height:3px;width:2px;border-radius:2px;background:var(--green)}.recording+.record-halo~.sound-wave{display:none}.record-center.is-recording .sound-wave i{animation:wave .55s ease-in-out infinite alternate}.sound-wave i:nth-child(2n){animation-delay:.12s}.sound-wave i:nth-child(3n){animation-delay:.24s}@keyframes wave{to{height:10px}}.capture-footer{height:41px;border-top:1px solid #292f2a;display:flex;align-items:center;justify-content:space-between;padding:0 14px}.text-action{border:0;background:none;color:#aeb7ae;font:10px var(--mono);padding:0}.text-action span{color:var(--green);font-size:15px;margin-right:5px}.capture-limit{color:#69726c;font:8px var(--mono)}.context-row{display:grid;grid-template-columns:155px 1fr;gap:12px;margin:13px 1px 0;align-items:start}.context-label{display:flex;gap:8px;align-items:center;padding-top:5px}.context-icon{width:23px;height:23px;border:1px solid #353d35;border-radius:5px;display:grid;place-items:center;color:#b2bbad;font:12px var(--mono)}.context-label b{font-size:10px;display:block;font-weight:600}.context-label small{font-size:8px;color:#747d76;display:block;white-space:nowrap}.context-row textarea{resize:vertical;min-height:42px;max-height:75px;background:#171b18;border:1px solid #303731;border-radius:5px;color:#dce2dc;padding:8px 10px;font:10px/1.5 var(--mono);outline:0}.context-row textarea:focus,#draftTitle:focus,#draftBody:focus{border-color:#657451}.context-row textarea::placeholder{color:#646d66}.termbar{margin-top:14px;border-top:1px solid #272d28;padding-top:10px;display:flex;align-items:center;gap:8px}.termbar>span{font:8px var(--mono);letter-spacing:.6px;color:#747e76;white-space:nowrap}.termbar-chips{display:flex;gap:5px;overflow:hidden;flex:1;white-space:nowrap}.termbar-chip{font:8px var(--mono);background:#242a21;border:1px solid #343e2e;border-radius:3px;color:#b4c69c;padding:3px 5px}.termbar button{border:0;background:none;color:#89937f;font:8px var(--mono);white-space:nowrap}.termbar button span{color:var(--green)}.draft-state.ready{color:#9fca69}.draft-state.ready i{background:var(--green)}.output-card{height:359px}.format-select{height:41px;border-bottom:1px solid #2c322d;display:flex;align-items:stretch;padding:0 11px;gap:16px}.format-tab{background:none;border:0;border-bottom:1px solid transparent;color:#78817a;padding:0 4px;font:9px var(--mono);white-space:nowrap}.format-tab.active{border-color:var(--green);color:#e7ece5}.output-body{height:277px;position:relative}.empty-output{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#757e76;text-align:center;padding:20px}.empty-icon{width:42px;height:42px;border:1px solid #394139;border-radius:12px;display:grid;place-items:center;font-size:23px;color:#9fc46b;margin-bottom:12px;background:#1d231c}.empty-output b{font-size:11px;color:#bdc5bd;font-weight:500}.empty-output span{font-size:9px;color:#737b74;margin-top:5px}.draft-content{height:100%;display:flex;flex-direction:column;padding:13px 15px}.draft-title-row{display:flex;align-items:center;gap:9px;margin-bottom:9px}.ticket-mark{width:25px;height:25px;border-radius:5px;background:#283123;color:var(--green);display:grid;place-items:center;font-size:13px}.draft-title-row input{background:transparent;border:1px solid transparent;border-radius:3px;color:#e8ece6;width:100%;padding:5px;font:600 12px var(--display);outline:0}.draft-content textarea{height:100%;resize:none;border:1px solid #303731;border-radius:5px;background:#141815;color:#bec8bd;padding:10px;font:9px/1.65 var(--mono);outline:0;white-space:pre-wrap}.review-note{margin-top:8px;color:#988d64;font-size:8px;display:flex;gap:5px;align-items:center}.review-note span{width:12px;height:12px;display:grid;place-items:center;border:1px solid #796d43;border-radius:50%;font:8px var(--mono)}.output-footer{height:41px;border-top:1px solid #2c322d;padding:0 11px;display:flex;align-items:center;justify-content:space-between}.model-badge{display:flex;align-items:center;gap:6px;font:8px var(--mono);letter-spacing:.3px;color:#89938a}.model-dot{width:6px;height:6px;background:#82b955;border-radius:50%}.copy-button{border:1px solid #394139;background:#202520;color:#c7cec6;border-radius:4px;padding:5px 7px;font:8px var(--mono)}.copy-button span{color:#79837b;margin-left:8px}.draft-button{width:100%;height:39px;background:var(--green);color:#171d15;border:0;border-radius:5px;margin-top:11px;font:700 10px var(--display);text-align:left;padding:0 13px}.draft-button>span:first-child{font-size:14px;margin-right:5px}.button-arrow{float:right;font-size:15px}.trust-line{font-size:8px;color:#737b74;text-align:center;margin-top:8px}.trust-line span{color:#a1b875}.bottom-strip{margin-top:28px;border-top:1px solid #313831;border-bottom:1px solid #313831;padding:15px 8px;display:flex;align-items:center;gap:12px}.bottom-icon{width:31px;height:31px;border-radius:8px;background:#242c20;color:var(--green);display:grid;place-items:center;font-size:17px}.bottom-strip b{font:600 10px var(--display);display:block}.bottom-strip span{font-size:9px;color:#7e877f}.strip-status{margin-left:auto;font:8px var(--mono);color:#9ba393;white-space:nowrap}.strip-status i{background:var(--green);margin-right:6px}.page-footer{display:flex;justify-content:space-between;margin-top:14px;font:8px var(--mono);letter-spacing:.5px;color:#626a63}.page-footer b{color:#9bb76c}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px);background:#edf5e7;color:#182015;padding:9px 13px;border-radius:6px;font:11px var(--sans);opacity:0;transition:.2s;pointer-events:none;z-index:5;box-shadow:0 8px 28px #0007}.toast.show{opacity:1;transform:translate(-50%,0)}.modal-backdrop{position:fixed;inset:0;background:#080a08bf;display:grid;place-items:center;z-index:10;padding:20px}.modal-backdrop[hidden]{display:none}.settings-modal{position:relative;background:#191e1a;border:1px solid #3a4239;border-radius:12px;padding:27px;width:min(440px,100%);box-shadow:0 25px 90px #000a}.modal-close{position:absolute;right:14px;top:12px;border:0;background:none;color:#8e998f;font-size:22px}.settings-modal h2{font:700 22px var(--display);margin:13px 0 7px}.settings-modal p{font-size:11px;line-height:1.65;color:#929b93;margin:0 0 20px}.settings-modal label{font:9px var(--mono);display:block;color:#a8b0a8;margin-bottom:6px}.settings-modal input{width:100%;border:1px solid #3c453b;border-radius:5px;background:#111511;padding:10px;color:var(--ink);font:11px var(--mono);outline:none}.settings-modal input:focus{border-color:#8ba65d}.modal-actions{display:flex;align-items:center;justify-content:space-between;margin-top:13px}.secondary-button{border:0;border-radius:4px;background:var(--green);color:#171d15;font-size:10px;font-weight:700;padding:8px 11px}.modal-actions a{font-size:9px;color:#a2b47e}.modal-footnote{border-top:1px solid #303731;margin-top:18px;padding-top:12px;color:#747e75;font-size:9px;line-height:1.6}.modal-footnote code{color:#c0cfb2;font-family:var(--mono)}
@media(max-width:1050px){.app-shell{grid-template-columns:210px minmax(0,1fr)}.sidebar{padding-left:13px;padding-right:13px}.topbar{padding:0 24px}.content-wrap{padding:30px 24px 18px}.workflow-stamp{margin-right:10px}.workbench{gap:13px}.context-row{grid-template-columns:1fr;gap:5px}.context-label{padding-top:0}.output-card{height:372px}.output-body{height:290px}}
@media(max-width:760px){.app-shell{display:block}.sidebar{display:none}.topbar{height:55px;padding:0 15px}.top-actions{gap:9px}.connection-pill{font-size:0}.connection-pill i{width:8px;height:8px}.upgrade-button{font-size:9px;padding:0 8px}.crumb{font-size:10px}.content-wrap{padding:26px 16px 18px}.intro-row{margin-bottom:25px}.workflow-stamp{display:none}h1{font-size:34px}.intro-copy{font-size:11px}.workbench{grid-template-columns:1fr;gap:23px}.capture-card{height:268px}.record-center{height:187px}.output-card{height:350px}.output-body{height:268px}.context-row{grid-template-columns:130px 1fr;gap:9px}.context-label small{white-space:normal}.termbar{gap:5px}.termbar>span{font-size:7px}.termbar button{font-size:7px}.bottom-strip{margin-top:23px;align-items:flex-start}.strip-status{display:none}.bottom-strip>div:nth-child(2) span{display:block;line-height:1.6;margin-top:3px}.page-footer{gap:10px;font-size:7px}.page-footer span:last-child{text-align:right}}@media(max-width:400px){.context-row{grid-template-columns:1fr}.context-label small{white-space:nowrap}.format-select{gap:8px;padding:0 7px}.format-tab{font-size:8px}.secure-label{font-size:7px}.capture-limit{font-size:7px}}
.transcript-panel{margin-top:10px;border:1px solid #394339;border-radius:7px;background:#171c17;overflow:hidden}.transcript-panel[hidden]{display:none}.transcript-heading{height:28px;padding:0 10px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #2d342d;font:8px var(--mono);letter-spacing:.5px;color:#9aa494}.transcript-heading>span:first-child{display:flex;align-items:center;gap:6px}.transcript-heading i{width:5px;height:5px;border-radius:50%;background:var(--green)}.transcript-heading>span:last-child{color:#727b72;letter-spacing:0}.transcript-panel textarea{display:block;width:100%;min-height:76px;max-height:170px;resize:vertical;background:transparent;border:0;padding:9px 10px;color:#d2dbd1;font:10px/1.6 var(--mono);outline:0}.transcript-panel textarea::placeholder{color:#667066}