@font-face{font-family:system;src:local("Segoe UI")}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f7f7;color:#202e2b;font:14px system,"Segoe UI",Arial,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #7ac6bb;outline-offset:3px}[hidden]{display:none!important}.shell{display:flex;min-height:100vh}.sidebar{width:232px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid #e3e9e7;padding:32px 20px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;padding:0 8px;font-size:25px;font-weight:750;letter-spacing:-1px}.brandmark{display:grid;place-items:center;width:36px;height:38px;border-radius:11px;background:#163f37;color:#fff;font-size:25px;font-style:italic}.branddot{color:#86b6a0;font-size:10px;align-self:flex-start;margin-top:5px}.workspace{font-size:9px;color:#99a49e;letter-spacing:1.6px;font-weight:700;margin:56px 12px 17px}.nav{display:flex;align-items:center;text-align:left;width:100%;gap:12px;border:0;background:none;padding:14px 12px;border-radius:8px;color:#74817a;margin:4px 0;font-size:13px}.nav span{font-size:20px}.nav.active{background:#eaf3ef;color:#205648;font-weight:650}.nav b{margin-left:auto;font-size:10px;border-radius:5px;padding:3px 5px;background:#edf0ee}.sidefoot{margin-top:auto;font-size:11px;color:#74817a;padding:20px 10px 0}.connection-dot{display:inline-block;width:6px;height:6px;background:#5c9d80;border-radius:50%;margin-right:6px}.sidefoot small{display:block;color:#a8b0ab;margin-top:10px;font-size:10px}main{margin-left:232px;width:calc(100% - 232px)}.topbar{height:74px;background:#fff;border-bottom:1px solid #e3e9e7;display:flex;align-items:center;justify-content:space-between;padding:0 42px;font-size:12px;color:#86928c}.topbar strong{color:#4c5e55;font-weight:500}.slash{margin:0 13px;color:#c5ccc7}.profile{display:flex;align-items:center;gap:9px;color:#52635a}.profile>span:first-child{height:30px;width:30px;background:#ebeee7;border:1px solid #e1e7dc;border-radius:50%;display:grid;place-items:center;font-size:11px}.content{max-width:1280px;margin:auto;padding:42px 42px 12px}.pageheading{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.eyebrow{font-size:9px;letter-spacing:1.7px;color:#6f9384;font-weight:700}h1{font-size:31px;font-weight:650;letter-spacing:-1.1px;margin:12px 0}p{color:#89958e;line-height:1.6;margin:0}.pageheading p{font-size:12px}.pill{background:#fff;border:1px solid #dce5df;border-radius:20px;padding:9px 13px;color:#688575;font-size:10px;white-space:nowrap}.record-layout{display:grid;grid-template-columns:minmax(0,1fr) 258px;gap:24px}.card{background:#fff;border:1px solid #e0e7e2;border-radius:14px}.recorder{padding:25px 28px 18px;box-shadow:0 3px 6px #163e3603}.cardhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.section-label{font-size:10px;font-weight:650;letter-spacing:1.3px;color:#768f81}.status{display:inline-flex;border-radius:14px;padding:6px 10px;font-size:10px;background:#eef3f0;color:#6c8c7b;white-space:nowrap}.status.live{color:#b04c48;background:#fff0ec}.status.paused{background:#fff4db;color:#a27826}.status.done{background:#eaf5ef;color:#33775c}.status.error,.status.auth_required{color:#af5941;background:#fff0e8}.status.queued,.status.transcribing{background:#eaf1fa;color:#5c7eaa}.field{display:flex;flex-direction:column;gap:8px;font-size:11px;color:#51645a;margin:0 0 17px}.optional{display:inline;color:#a4aea7;font-size:10px}input:not([type=checkbox]),select,textarea{width:100%;border:1px solid #e0e7e2;border-radius:7px;background:#fcfdfc;padding:11px 12px;outline:none;color:#405249;font-size:12px;min-width:0}input::placeholder,textarea::placeholder{color:#a2ada6}input:focus,select:focus,textarea:focus{border-color:#7ba493;box-shadow:0 0 0 3px #eaf3ee}textarea{resize:vertical;min-height:56px}.fieldrow{display:grid;grid-template-columns:1fr 1fr;gap:16px}.record-stage{display:flex;align-items:center;flex-direction:column;background:#f8faf9;border:1px solid #edf2ee;border-radius:10px;padding:20px 20px 16px;margin:4px 0 17px}.mic-symbol{display:grid;place-items:center;color:#497a66;background:#e8f1eb;border-radius:50%;height:42px;width:42px;font-size:25px}.timer{font-size:40px;letter-spacing:2px;color:#233e32;font-weight:500;font-variant-numeric:tabular-nums;margin-top:10px}.record-stage p{font-size:10px;margin-top:6px;text-align:center}canvas{width:100%;height:46px;margin:10px 0}.save-state{font-size:9px;color:#9aa69e}.consent{display:flex;align-items:flex-start;gap:8px;color:#7c8e81;font-size:10px;line-height:1.5}.consent input{accent-color:#285c49;margin-top:2px}.record-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:20px 0}.button{border:0;border-radius:7px;padding:13px 22px;font-size:12px;font-weight:550;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px}.primary{background:#204e3e;color:#fff;box-shadow:0 2px 3px #234d3e15}.primary:hover{background:#173e30}.secondary{background:#fff;border:1px solid #dfe7e1;color:#5c7264}.secondary:hover{background:#f6f9f7}.finish{color:#ae5346;background:#fff0ea;border:1px solid #f2dcd2}.record-bottom{padding-top:16px;border-top:1px solid #f0f3f0;display:flex;justify-content:space-between;align-items:center;color:#a0ada3;font-size:9px;gap:8px}.text-button{background:none;border:0;padding:2px;color:#638575;font-size:10px}.guide{background:#eaf0ea;border:1px solid #e0e8df;border-radius:14px;padding:27px 25px;align-self:start}.guide-icon{display:grid;place-items:center;background:#dce8dd;color:#61826b;width:39px;height:39px;border-radius:12px;font-size:23px}.guide h2{font-size:23px;line-height:1.3;font-weight:550;letter-spacing:-.5px;margin:22px 0 13px;color:#354e3e}.guide p{font-size:11px;color:#87978a}.guide ol{list-style:none;counter-reset:steps;padding:0;margin:29px 0}.guide li{position:relative;padding-left:28px;margin-bottom:25px;counter-increment:steps}.guide li:before{content:counter(steps);position:absolute;left:0;top:0;border:1px solid #c7d7c9;border-radius:50%;height:19px;width:19px;display:grid;place-items:center;color:#7c9580;font-size:10px}.guide b{font-size:11px;font-weight:600;color:#57705d}.guide li span{display:block;font-size:10px;color:#94a294;margin-top:7px;line-height:1.5}.guide-note{font-size:10px;line-height:1.6;color:#7e9280;border-top:1px solid #d8e3d8;padding-top:17px}.history{margin-top:35px}.history-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}h2{font-size:20px;font-weight:600;letter-spacing:-.4px;margin:0 0 7px}.history-heading h2 span{font-size:11px;margin-left:8px;background:#e5ece6;border-radius:12px;padding:3px 7px;vertical-align:middle;color:#7f9685}.history-heading p{font-size:11px}.small{padding:8px 12px;min-height:34px;font-size:10px}.filters{display:flex;gap:12px;margin-bottom:14px}.filters input{max-width:360px;background:#fff}.filters select{width:170px;background:#fff}.meeting-list{display:grid;gap:10px}.empty{text-align:center;border:1px dashed #d8e2da;border-radius:12px;padding:30px 15px}.empty>div{font-size:27px;color:#90a99a}.empty h3{font-size:13px;font-weight:550;color:#7f9587;margin:12px 0 7px}.empty p{font-size:10px}.meeting{display:flex;align-items:center;gap:15px;background:#fff;border:1px solid #e0e7e2;border-radius:10px;padding:18px;width:100%;text-align:left}.meeting:hover{border-color:#9db8a7;background:#fcfdfc}.meeting-icon{display:grid;place-items:center;background:#f0f5f0;border-radius:10px;width:39px;height:43px;flex-shrink:0;color:#799782;font-size:21px}.meeting-info{min-width:0;flex:1}.meeting-info strong{font-size:12px;font-weight:550;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.meeting-info small{display:block;color:#9aa89d;font-size:10px;margin-top:7px}.meeting-arrow{color:#b3c2b7}.notice{border-radius:8px;background:#fff4df;color:#8c713f;border:1px solid #efdfbb;padding:13px 16px;line-height:1.6;margin-bottom:20px;font-size:12px}.notice.error{background:#fff0eb;color:#9d5347;border-color:#efd2c9}.login-panel{background:#fff;border:1px solid #dce7df;border-radius:12px;padding:28px;margin-bottom:25px}.login-panel p{margin-bottom:17px}.login-panel .button{margin:5px 7px 5px 0}.recovery{margin-top:22px;padding:24px}.recovery p{margin:10px 0 15px}.recovery .button{margin:5px 8px 0 0}footer{margin-top:35px;padding:18px 0;border-top:1px solid #e3e9e4;font-size:9px;color:#a5b0a7;display:flex;justify-content:space-between}dialog{border:1px solid #d9e5dc;border-radius:15px;max-width:820px;width:calc(100% - 30px);padding:28px;color:#263d30;max-height:90vh}dialog::backdrop{background:#203e3266;backdrop-filter:blur(3px)}.detail-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.icon-button{border:0;background:#f1f5f1;width:30px;height:30px;border-radius:50%;font-size:23px;color:#68816f}#detailMeta{font-size:12px;margin-bottom:15px}#detailStatus{font-size:12px;color:#8d7960;line-height:1.7;margin-bottom:15px}audio{width:100%;margin:10px 0}.detail-actions{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0 25px}dialog h3{font-size:15px}#transcript{font-size:14px;line-height:1.8;white-space:pre-wrap}.segment{padding:10px 0;border-top:1px solid #edf1ed}.segment button{border:0;background:#edf4ef;color:#6d8e77;border-radius:5px;padding:5px 8px;font-size:10px;margin-right:10px}.live .mic-symbol{animation:pulse 1.8s infinite;background:#f5dfd5;color:#b7654f}.live .timer{color:#9a5544}@keyframes pulse{50%{box-shadow:0 0 0 8px #f5dfd560}}@media(min-width:1500px){.content{padding-top:50px}.record-layout{grid-template-columns:minmax(0,1fr) 300px}.guide{padding:30px}}@media(max-width:1150px){.sidebar{width:200px;padding-left:12px;padding-right:12px}main{margin-left:200px;width:calc(100% - 200px)}.content{padding:30px 25px 10px}.topbar{padding:0 25px}.record-layout{grid-template-columns:minmax(0,1fr) 220px;gap:17px}.guide{padding:25px 18px}.recorder{padding:22px}h1{font-size:27px}.pill{display:none}}@media(max-width:900px){.guide{display:none}.record-layout{grid-template-columns:1fr}.content{max-width:760px}.pageheading h1{font-size:26px}}@media(max-width:650px){.sidebar{position:static;width:100%;height:auto;padding:15px 20px;flex-direction:row;align-items:center;gap:10px;border-right:0;border-bottom:1px solid #e3e9e7}.shell{display:block}.brand{font-size:21px;padding:0;margin-right:auto}.brandmark{width:29px;height:31px;font-size:20px}.branddot,.workspace,.sidefoot{display:none}.nav{width:auto;padding:9px 10px;font-size:0;gap:0;margin:0}.nav span{font-size:21px}.nav b{margin-left:7px}main{margin:0;width:100%}.topbar{height:52px;padding:0 20px;font-size:10px}.profile{font-size:10px}.profile>span:first-child{height:24px;width:24px}.content{padding:26px 16px 6px}.pageheading{margin-bottom:23px}.pageheading h1{font-size:25px;letter-spacing:-.9px}.pageheading p{font-size:11px}.eyebrow{font-size:8px}.recorder{padding:20px 17px 16px;border-radius:12px}.cardhead{margin-bottom:22px}.fieldrow{gap:10px}.timer{font-size:35px}.record-stage{padding:20px 12px 13px}.record-actions{gap:8px}.button{padding:12px 15px}.record-actions .button{flex:1;white-space:nowrap}.record-bottom{font-size:8px}.record-bottom .text-button{font-size:9px}.history{margin-top:28px}.history-heading h2{font-size:18px}.filters{gap:8px}.filters input{font-size:11px}.filters select{width:128px;font-size:10px}.meeting{padding:14px 12px;gap:10px}.meeting .status{font-size:9px;padding:5px 7px}.meeting-icon{width:30px;height:35px}.meeting-info strong{font-size:11px}.meeting-info small{font-size:9px}.meeting-arrow{display:none}dialog{padding:23px 18px}footer{font-size:8px}.consent{font-size:9px}}
