:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#030504;--surface:#030504;--surface-strong:#070a09;--surface-soft:#030504;--surface-warn:#2b2410;--surface-danger:#281514;--surface-info:#0e1d1c;--text:#edf3ef;--muted:#9aa7a1;--border:#26302c;--border-strong:#3a4742;--teal:#08766f;--teal-dark:#075f5a;--teal-soft:#123a36;--green:#238653;--green-soft:#12291d;--coral:#d95a55;--coral-soft:#321817;--gold:#d2a72d;--gold-soft:#302711;--ink:#edf3ef;--highlight:#edf3ef;--highlight-text:#fff;--shadow:0 18px 45px #00000057;--shadow-soft:0 8px 24px #0000003d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--page);min-width:320px;font-size:90%}body{color:var(--text);background:var(--page);margin:0;font-weight:400}button,input,select,textarea{font:inherit;letter-spacing:0}button{border:1px solid var(--teal);min-height:44px;color:var(--highlight-text);background:var(--teal);cursor:pointer;border-radius:8px;padding:.68rem 1rem;font-weight:600;transition:background .16s,border-color .16s,transform .16s,box-shadow .16s}button:hover{background:var(--teal-dark);transform:translateY(-1px);box-shadow:0 8px 18px #171a1f1f}button:disabled{border-color:var(--border);color:#64716b;cursor:not-allowed;box-shadow:none;background:#161b19;transform:none}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:0;font-weight:600;line-height:1.08}h1{letter-spacing:0;max-width:820px;margin-bottom:.6rem;font-size:2.25rem}h2{margin-bottom:0;font-size:1.05rem}h3{margin-bottom:.45rem;font-size:.92rem}p{line-height:1.55}img{max-width:100%;display:block}blockquote{border:1px solid var(--border);border-left:6px solid var(--teal);min-height:156px;color:var(--text);background:var(--page);border-radius:8px;margin:0;padding:1.25rem 1.3rem;font-size:1.45rem;font-weight:520;line-height:1.28}dl{margin:0}dt{color:var(--muted);text-transform:uppercase;font-size:.76rem;font-weight:600}.fact-label{align-items:center;gap:.35rem;display:flex}.tooltip-wrap{display:inline-flex;position:relative}.tooltip-trigger{border:1px solid var(--border-strong);width:18px;height:18px;min-height:18px;color:var(--muted);background:var(--surface);box-shadow:none;border-radius:999px;place-items:center;padding:0;font-size:.68rem;font-weight:650;line-height:1;display:inline-grid}.tooltip-trigger:hover,.tooltip-trigger:focus-visible{color:#fff;background:var(--teal);box-shadow:none;transform:none}.tooltip-panel{z-index:20;border:1px solid var(--border-strong);width:min(250px,70vw);color:var(--text);background:var(--surface);box-shadow:var(--shadow);opacity:0;pointer-events:none;text-transform:none;border-radius:8px;padding:.65rem .7rem;font-size:.78rem;font-weight:450;line-height:1.4;transition:opacity .14s,transform .14s;position:absolute;bottom:calc(100% + .5rem);left:50%;transform:translate(-50%,4px)}.tooltip-panel:after{border-right:1px solid var(--border-strong);border-bottom:1px solid var(--border-strong);background:var(--surface);content:"";width:10px;height:10px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)rotate(45deg)}.tooltip-wrap:hover .tooltip-panel,.tooltip-trigger:focus-visible+.tooltip-panel{opacity:1;transform:translate(-50%)}dd{overflow-wrap:anywhere;min-width:0;margin:.24rem 0 0;font-size:.94rem;font-weight:450}.loading-shell{min-height:100vh;color:var(--muted);align-content:center;place-items:center;display:grid}.auth-shell{place-items:center;min-height:100vh;padding:1.25rem;display:grid}.auth-card{border:1px solid var(--border);background:var(--surface);width:min(100%,460px);box-shadow:var(--shadow);border-radius:8px;gap:1.1rem;padding:1.35rem;display:grid}.auth-card h1{margin-bottom:.55rem;font-size:1.68rem}.auth-card p{color:var(--muted);margin-bottom:0}.auth-form{gap:.85rem;display:grid}.auth-form label{color:var(--text);gap:.35rem;font-size:.84rem;font-weight:500;display:grid}.auth-form input{border:1px solid var(--border-strong);min-width:0;min-height:44px;color:var(--text);background:var(--surface-soft);border-radius:8px;padding:.65rem .75rem}.auth-form .check-row{color:var(--muted);grid-template-columns:auto minmax(0,1fr);align-items:start;line-height:1.4}.auth-form .check-row input{min-height:0;margin-top:.12rem}.app-frame{grid-template-columns:260px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#030504e0;grid-template-rows:auto 1fr auto;gap:1.1rem;height:100vh;padding:1rem;display:grid;position:sticky;top:0}.sidebar-brand{align-items:center;min-width:0;padding:.55rem .7rem .8rem;display:flex}.sidebar-brand strong,.sidebar-brand span,.user-profile-card strong,.user-profile-card span{overflow-wrap:anywhere;min-width:0;display:block}.sidebar-brand strong{color:var(--text);font-size:1rem;font-weight:600}.sidebar-brand span{color:var(--muted);margin-top:.15rem;font-size:.82rem;font-weight:450}.sidebar-nav{align-content:start;gap:.35rem;display:grid}.nav-button{width:100%;min-height:42px;color:var(--muted);text-align:left;box-shadow:none;background:0 0;border-color:#0000;justify-content:flex-start;padding:.65rem .7rem}.nav-button:hover{color:var(--text);background:var(--surface-strong);box-shadow:none;transform:none}.nav-button.active{border-color:var(--teal);color:#fff;background:var(--teal)}.sidebar-note{border:1px solid var(--border);background:var(--surface-soft);border-radius:8px;padding:.8rem}.sidebar-note span{color:var(--text);font-size:.8rem;font-weight:600}.sidebar-note p{color:var(--muted);margin:.25rem 0 0;font-size:.84rem}.app-main{min-width:0;padding:1rem 1.2rem 3rem}.top-nav{z-index:5;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#030504e6;justify-content:space-between;align-items:center;gap:1rem;margin:-1rem -1.2rem 1.1rem;padding:1rem 1.2rem;display:flex;position:sticky;top:0}.top-nav h1{margin-bottom:.35rem;font-size:1.4rem}.top-nav p:last-child{max-width:780px;color:var(--muted);margin:0;font-size:.95rem}.user-profile-card{border:1px solid var(--border);background:var(--surface);border-radius:8px;grid-template-columns:auto minmax(160px,1fr) auto auto;align-items:center;gap:.75rem;min-width:min(100%,390px);padding:.65rem;display:grid}.logout-button{border-color:var(--border-strong);min-height:36px;color:var(--text);background:var(--surface-soft);box-shadow:none;padding:.45rem .65rem}.logout-button:hover{color:#fff;background:var(--teal);box-shadow:none}.avatar{border:1px solid var(--teal);color:#fff;background:var(--teal);border-radius:999px;place-items:center;width:38px;height:38px;font-weight:650;display:grid}.user-profile-card strong{color:var(--text);font-size:.9rem}.user-profile-card span{color:var(--muted);margin-top:.15rem;font-size:.78rem;font-weight:450}.page-content{min-width:0}.overview-stats{border:1px solid var(--border);background:var(--border);box-shadow:var(--shadow-soft);border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-bottom:1.15rem;display:grid;overflow:hidden}.overview-stats div{background:var(--surface);gap:.25rem;min-width:0;padding:.85rem 1rem;display:grid}.overview-stats span{color:var(--muted);text-transform:uppercase;font-size:.76rem;font-weight:600}.overview-stats strong{overflow-wrap:anywhere;min-width:0;color:var(--text);text-transform:capitalize;font-size:.92rem;font-weight:500}.split-page-grid{grid-template-columns:minmax(0,1fr) minmax(320px,.72fr);align-items:start;gap:1.15rem;display:grid}.overview-stack{gap:1.15rem;display:grid}.card{border:1px solid var(--border);background:var(--surface);min-width:0;box-shadow:var(--shadow);border-radius:8px;padding:1.12rem}.recording-card{padding:0;overflow:hidden}.recording-layout{grid-template-columns:minmax(0,1.34fr) minmax(300px,.66fr);min-height:100%;display:grid}.prompt-side{gap:1.12rem;padding:1.35rem;display:grid}.review-side{border-left:1px solid var(--border);background:var(--page);align-content:start;gap:1.05rem;padding:1.12rem;display:grid}.review-side img{object-fit:cover;filter:none;opacity:1;border-radius:8px;width:100%;height:238px;box-shadow:0 8px 22px #00000057}.card-heading,.section-header,.timeline-title-row{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.section-header{margin:2.35rem 0 .9rem;padding-top:.15rem}.section-header p{max-width:840px;color:var(--muted);margin:.4rem 0 0}.eyebrow{color:var(--teal);letter-spacing:0;text-transform:uppercase;margin:0 0 .35rem;font-size:.76rem;font-weight:650}.status-chip{border:1px solid var(--border-strong);color:#d8e2dd;text-transform:capitalize;overflow-wrap:anywhere;background:#19201d;border-radius:999px;align-items:center;max-width:100%;min-height:30px;padding:.25rem .68rem;font-size:.78rem;font-weight:600;display:inline-flex}.status-chip.success{color:#baf0cc;background:var(--green-soft);border-color:#2f9b62}.status-chip.attention{color:#f2d47a;background:var(--gold-soft);border-color:#b89328}.status-chip.info{color:#b5ece6;background:var(--surface-info);border-color:#24918a}.status-chip.danger{color:#ffb8b3;background:var(--coral-soft);border-color:#b94844}.prompt-meta,.record-controls,.mini-facts,.legend-row{flex-wrap:wrap;gap:.55rem;display:flex}.prompt-meta span,.mini-facts span{border:1px solid var(--border);color:var(--muted);background:var(--surface-soft);text-transform:capitalize;border-radius:999px;padding:.38rem .7rem;font-size:.83rem;font-weight:450}.session-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.session-summary div{border:1px solid var(--border);background:var(--surface-soft);border-radius:8px;padding:.86rem}.session-summary strong{color:var(--text);font-size:1.25rem;font-weight:520;line-height:1;display:block}.session-summary span{color:var(--muted);font-size:.82rem;font-weight:450}.primary-button{background:var(--teal);border-color:var(--teal);box-shadow:none}.primary-button:hover{background:var(--teal-dark)}.danger-button{background:var(--coral);border-color:var(--coral);color:#fff}.secondary-button{color:var(--text);border-color:var(--border-strong);background:var(--surface-soft);box-shadow:none}.secondary-button:hover{background:var(--surface-strong)}.ghost-button{border-color:var(--border-strong);color:var(--text);box-shadow:none;background:0 0}.ghost-button:hover{background:var(--surface-strong)}.recording-state{border:1px solid var(--border);min-height:42px;color:var(--muted);background:var(--surface-soft);border-radius:8px;align-items:center;gap:.55rem;padding:.65rem .75rem;font-weight:450;display:flex}.live-dot{background:var(--border-strong);border-radius:999px;width:12px;height:12px}.live-dot.live{background:var(--coral);box-shadow:0 0 0 6px #c7444021}.audio-preview{width:100%}.inline-warning{color:#ffb8b3;background:var(--coral-soft);border:1px solid #b94844;border-radius:8px;margin:0;padding:.65rem .75rem;font-weight:450}.result-card{border:1px solid var(--border);background:var(--surface);box-shadow:none;border-radius:8px;gap:.7rem;padding:1rem;display:grid}.result-card p{color:var(--muted);margin:0}.result-card.accepted{background:linear-gradient(180deg, #0f1713, var(--green-soft));border-color:#2f9b62}.result-card.rejected{background:linear-gradient(180deg, #160f0f, var(--surface-danger));border-color:#b94844}.result-card.neutral{background:var(--surface-soft)}.reviewing-box{border:1px solid var(--border);min-height:150px;color:var(--muted);background:var(--surface-soft);border-radius:8px;align-content:center;place-items:center;gap:.75rem;font-weight:450;display:grid}.loader{border:4px solid var(--border);border-top-color:var(--teal);border-radius:999px;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.progress-grid,.chart-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.15rem;display:grid}.progress-row{gap:.5rem;padding:.72rem 0;display:grid}.progress-row+.progress-row{border-top:1px solid var(--border)}.progress-copy{color:var(--muted);justify-content:space-between;gap:.75rem;font-weight:450;display:flex}.progress-copy strong{color:var(--text);white-space:nowrap}.meter{background:#202825;border-radius:999px;height:11px;overflow:hidden}.meter span{border-radius:inherit;background:var(--teal);height:100%;display:block}.progress-note,.small-note{color:var(--muted);margin:0;font-size:.86rem}.count-stat{gap:.45rem;padding:.78rem 0;display:grid}.count-stat+.count-stat{border-top:1px solid var(--border)}.count-stat span{color:var(--muted);font-size:.88rem;font-weight:450}.count-stat strong{color:var(--text);font-size:1.34rem;font-weight:520;line-height:1.1}.mode-callout{border:1px solid var(--border);background:var(--surface-info);border-radius:8px;margin:1.05rem 0;padding:.95rem}.mode-callout span{color:var(--text);margin-bottom:.25rem;font-weight:600;display:block}.mode-callout p{color:var(--muted);margin:0}.fact-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}.fact-grid.compact{margin-top:.8rem}.timeline-card{padding:0;overflow:hidden}.timeline{grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.timeline-item{border-right:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface);grid-template-columns:auto minmax(0,1fr);gap:.78rem;min-height:166px;padding:1.05rem;display:grid;position:relative}.timeline-item.waiting{background:var(--surface)}.timeline-item.active{background:var(--surface-warn)}.timeline-item.complete{background:var(--green-soft)}.timeline-item:nth-child(3n){border-right:0}.timeline-marker{border:3px solid var(--border-strong);background:var(--surface);border-radius:999px;width:16px;height:16px;margin-top:.12rem}.timeline-item.complete .timeline-marker{border-color:var(--green);background:var(--green)}.timeline-item.active .timeline-marker{border-color:var(--gold);background:var(--gold-soft)}.timeline-item.blocked .timeline-marker{border-color:var(--coral);background:var(--coral)}.timeline-title-row h3{margin:0}.timeline-title-row span{color:var(--muted);overflow-wrap:anywhere;text-align:right;font-size:.78rem;font-weight:450}.timeline-item p{color:var(--muted);margin:.45rem 0 0}.chart-wrap{gap:.65rem;display:grid}.chart-wrap svg{width:100%;min-height:198px}.chart-grid-line{stroke:var(--border-strong);stroke-width:2px}.line-path{fill:none;stroke:var(--teal);stroke-width:3.5px;stroke-linecap:round;stroke-linejoin:round}.line-dot{fill:var(--surface);stroke:var(--teal);stroke-width:4px}.chart-wrap text{fill:var(--muted);font-size:12px;font-weight:450}.chart-wrap .chart-value{fill:var(--text)}.stacked-chart{grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;gap:.78rem;min-height:232px;padding-top:1.05rem;display:grid}.bar-group{min-width:0;color:var(--muted);justify-items:center;gap:.4rem;font-size:.78rem;font-weight:450;display:grid}.bar-group strong{color:var(--text)}.bars{justify-content:center;align-items:end;gap:.2rem;width:100%;height:162px;display:flex}.bar{border-radius:7px 7px 0 0;width:22px;min-height:2px;display:block}.accepted-bar,.legend.accepted{background:var(--green)}.rejected-bar,.legend.rejected{background:var(--coral)}.legend-row{color:var(--muted);margin-top:.7rem;font-size:.84rem;font-weight:450}.legend-row span{align-items:center;gap:.35rem;display:inline-flex}.legend{border-radius:3px;width:12px;height:12px;display:inline-block}@media (width<=1120px){.app-frame{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--border);height:auto;position:static}.sidebar-nav{gap:.45rem;display:flex;overflow-x:auto}.nav-button{white-space:nowrap;width:auto}.sidebar-note{display:none}.overview-stack,.recording-layout,.overview-stats,.split-page-grid,.progress-grid,.chart-grid{grid-template-columns:1fr}.review-side{border-left:0;border-top:1px solid var(--border)}.timeline{grid-template-columns:repeat(2,minmax(0,1fr))}.timeline-item:nth-child(3n){border-right:1px solid var(--border)}.timeline-item:nth-child(2n){border-right:0}}@media (width<=720px){.app-main{padding:.85rem .75rem 2rem}.top-nav{margin:-.85rem -.75rem .85rem;padding:.9rem .75rem;display:grid}.user-profile-card{grid-template-columns:auto minmax(0,1fr)}.user-profile-card .status-chip,.logout-button{grid-column:1/-1;width:fit-content}.card-heading,.section-header{display:grid}h1{font-size:1.7rem}blockquote{min-height:auto;padding:1rem;font-size:1.24rem}.fact-grid,.session-summary,.timeline{grid-template-columns:1fr}.timeline-item,.timeline-item:nth-child(2n),.timeline-item:nth-child(3n){border-right:0}.stacked-chart{grid-template-columns:repeat(5,minmax(44px,1fr));overflow-x:auto}}
