:root{--bg:#f7f7f9;--surface:#fff;--surface-2:#f3f3f7;--text:#1b1c24;--muted:#747686;--border:#e2e3e9;--primary:#6d5dfc;--primary-2:#887bff;--sidebar:#15161e;--shadow:0 2px 10px rgba(20,21,31,.045);font-size:14px}
html[data-theme=dark]{--bg:#101117;--surface:#181922;--surface-2:#20212b;--text:#f3f3f7;--muted:#989aa9;--border:#2b2d39;--sidebar:#0d0e13;--shadow:0 2px 12px rgba(0,0,0,.18)}
body{min-height:100vh}.mobile-nav{display:none}
aside#sidebar{width:204px;padding:18px 12px;background:var(--sidebar)}
aside#sidebar>.brand{padding:0 8px;font-size:15px}.brand i{font-size:11px;color:var(--primary-2)}.brand em{margin-left:auto;padding:3px 5px}
aside#sidebar nav{margin-top:20px;gap:2px}aside#sidebar nav a{min-height:36px;padding:8px 10px;gap:8px;border-radius:8px;font-size:13px}aside#sidebar nav i{width:18px;font-size:13px}.nav-title{margin:17px 10px 4px;font-size:9px}
#sidebar nav a.active{background:#292a36;box-shadow:none;color:#fff}#sidebar nav a.active i{color:#a69dff}.profile{grid-template-columns:32px 1fr auto;padding:12px 4px 0;gap:8px}.avatar{width:32px;height:32px;border-radius:9px}
main:not(.center){width:min(calc(100% - 204px),1580px);max-width:1580px;margin-left:calc(204px + max(0px,(100vw - 1784px)/2));padding:16px 24px 40px}.desktop-actions{height:24px;margin:0 0 6px;gap:8px}.desktop-actions .icon-button{font-size:15px}
.page-header,main>header{min-height:55px;margin-bottom:14px;align-items:flex-end}.page-header>div,main>header>div{min-width:0}h1{font-size:27px;line-height:1.08;margin:2px 0 4px}h2{font-size:17px;margin-bottom:10px}h3{font-size:14px}.eyebrow{font-size:9px}.muted{font-size:13px}
.card,.panel,.result-card{padding:14px;border-radius:11px;box-shadow:var(--shadow)}.button,button{min-height:34px;padding:8px 12px;border-radius:8px}.small{min-height:30px;padding:6px 9px}.icon-button{min-height:30px;padding:5px 8px}
.metrics,.grid{gap:9px;margin-bottom:12px}.metrics{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.metrics .card{gap:2px}.metrics strong{font-size:21px}.metrics span{font-size:11px}
.toolbar{align-items:center;gap:7px;margin-bottom:12px}.toolbar select{width:160px}.search{height:36px;max-width:420px;border-radius:8px}.toolbar input,.toolbar select,input,textarea,select{padding:8px 10px;border-radius:8px}
.library-tabs{display:flex;width:max-content;margin:0 0 10px;padding:3px;gap:2px;border:1px solid var(--border);border-radius:9px;background:var(--surface)}.library-tabs a{padding:6px 11px;border-radius:6px;color:var(--muted);font-size:12px}.library-tabs a.active{background:var(--surface-2);color:var(--text);font-weight:750}
.recording-grid{display:grid;grid-template-columns:1fr;gap:6px}.recording-card{position:relative;border-radius:10px;box-shadow:none}.recording-card:hover{transform:none;border-color:#aaa3f8;background:var(--surface-2)}.recording-card>a{display:grid;grid-template-columns:80px minmax(200px,1fr) auto;grid-template-rows:auto auto;align-items:center;min-height:76px}.recording-card .wave{grid-row:1/3;width:80px;height:76px;padding:17px 14px;background:var(--surface-2);border-right:1px solid var(--border)}.recording-main{padding:11px 14px 3px}.recording-main h2{font-size:14px;margin-bottom:3px}.recording-main p{max-width:none;font-size:11px}.recording-labels{padding:2px 14px 10px}.recording-card footer{grid-column:3;grid-row:1/3;min-width:175px;display:grid;justify-items:end;gap:6px;border:0;padding:12px 14px;font-size:10px}.recording-card footer b{font-size:11px}.recording-card>form{position:absolute;right:14px;bottom:8px}
.player{padding:9px 13px;margin-bottom:10px;border-radius:10px;gap:10px;box-shadow:none}.play{width:36px;height:36px}.wave.large{height:26px}.title-edit input{font-size:24px}.back{margin-bottom:4px}
.recording-tabs{position:sticky;top:0;z-index:12;width:100%;margin:0 0 10px;padding:3px;border-radius:10px;box-shadow:var(--shadow)}.recording-tabs button{flex:0 1 170px;justify-content:center;min-height:34px;padding:6px 12px;border-radius:7px}.recording-tabs button.active{background:var(--surface-2);color:var(--text);box-shadow:0 1px 3px #0001}.recording-tabs button.active span{background:var(--primary);color:#fff}.recording-tab-panels>.panel,.recording-tab-panels>.results-section,.recording-tab-panels>.ask-panel{padding:14px;border:1px solid var(--border);border-radius:11px;background:var(--surface)}.recording-tab-panels .transcript{min-height:360px}.panel-head .eyebrow,.results-section .eyebrow{display:none}.editor-tools{padding:5px}.transcript{line-height:1.48}.transcript-timeline{max-height:560px}.prompt-option{padding:9px;border-radius:8px}.result-grid{gap:8px}.result-card{padding:12px}.result-text{margin:9px 0;padding:10px;max-height:360px}
.prompt-cards{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}.prompt-card{padding:12px 13px!important;gap:7px!important;border-radius:10px!important;box-shadow:none!important}.prompt-card .prompt-actions{padding-top:7px}.prompt-card .route-summary span{background:var(--surface-2)!important}.prompt-card .template-description{-webkit-line-clamp:2}.prompt-toolbar{max-width:760px}
.prompt-actions form,.recording-actions form{display:inline-flex}.danger-outline{background:transparent!important;color:#d34d5d!important;border:1px solid #d34d5d66!important}.recording-actions{position:absolute;right:14px;bottom:7px;display:flex;gap:5px}.recording-card>form{position:static}.recording-card footer b{display:none}.storage-bar{height:5px;margin-top:6px;overflow:hidden;border-radius:99px;background:var(--surface-2)}.storage-bar i{display:block;height:100%;border-radius:inherit;background:var(--primary)}.metrics .card small{font-size:9px;color:var(--muted)}
.table-wrap,.card:has(>table){overflow:auto}th,td{padding:8px 9px}.cards{gap:8px}.cards>.card{margin:0}.section-head{margin-bottom:8px}.empty-state{padding:36px 20px}.empty-state.compact{padding:25px 18px}
@media(max-width:1250px){.metrics{grid-template-columns:repeat(3,1fr)}.prompt-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:760px){aside#sidebar{width:220px}.mobilebar{height:49px;padding:7px 11px}.mobilebar .brand{font-size:14px}.desktop-actions{display:none}main:not(.center){margin:0;padding:12px 10px calc(78px + env(safe-area-inset-bottom))}.mobile-nav{position:fixed;z-index:25;display:grid;grid-template-columns:repeat(4,1fr);left:8px;right:8px;bottom:calc(7px + env(safe-area-inset-bottom));height:57px;padding:4px;border:1px solid var(--border);border-radius:14px;background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:0 8px 30px #0004;backdrop-filter:blur(15px)}.mobile-nav a,.mobile-nav button{display:grid;place-items:center;align-content:center;gap:2px;min-height:0;padding:3px;border-radius:9px;background:transparent;color:var(--muted);font-size:10px;font-weight:650}.mobile-nav i{font-style:normal;font-size:17px}.mobile-nav a.active{color:var(--primary);background:#6d5dfc12}.page-header,main>header{min-height:0;align-items:center;margin-bottom:12px}.page-header .button,main>header>.button{white-space:nowrap}h1{font-size:23px}.muted{font-size:12px}.metrics{grid-template-columns:repeat(2,1fr)}.toolbar{align-items:stretch}.toolbar select{width:calc(50% - 4px)}.recording-card>a{grid-template-columns:55px minmax(0,1fr);grid-template-rows:auto auto auto}.recording-card .wave{grid-row:1/4;width:55px;height:100%;min-height:84px;padding:20px 9px}.recording-main{padding:9px 10px 2px}.recording-main .status{font-size:8px;padding:4px 6px}.recording-labels{padding:2px 10px 4px}.recording-card footer{grid-column:2;grid-row:3;min-width:0;display:flex;justify-content:space-between;padding:3px 10px 9px}.recording-tabs{top:52px;overflow-x:auto}.recording-tabs button{flex:1 0 auto;font-size:12px}.recording-tab-panels>.panel,.recording-tab-panels>.results-section,.recording-tab-panels>.ask-panel{padding:10px}.prompt-cards{grid-template-columns:1fr!important}.player{position:sticky;top:49px;z-index:11}.title-edit input{font-size:21px}}