@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-main:#09090b;--bg-shell:#121215;--bg-panel:#16161a;--bg-soft:#1e1e23;--line-soft:#ffffff1a;--text-main:#f4f4f5;--text-dim:#888b96;--accent:#ea580c;--accent-strong:#fb923c;--danger-start:#ea580c;--danger-end:#fb923c;--shadow:0 18px 48px #0000006b;--radius-lg:16px;--radius-md:12px;--radius-sm:8px}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}#root{z-index:1;position:relative}body{color:var(--text-main);text-rendering:optimizelegibility;background-color:#09090b;background-image:radial-gradient(#f9731617 1px,#0000 0),linear-gradient(#f9731606 1px,#0000 0),linear-gradient(90deg,#f9731606 1px,#0000 0);background-position:0 0,0 0,0 0;background-size:28px 28px,84px 84px,84px 84px;font-family:Manrope,Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body:before,body:after{content:"";pointer-events:none;z-index:0;position:fixed}body:before{background:radial-gradient(at top,#f973161a 0,#0000 68%);width:960px;height:560px;top:-280px;left:50%;transform:translate(-50%)}body:after{background:radial-gradient(circle,#ea580c0f 0,#0000 65%);width:520px;height:520px;bottom:-180px;right:-120px}a{color:inherit}button,input,textarea{font:inherit}.app-shell{grid-template-columns:220px 1fr;min-height:100vh;transition:grid-template-columns .25s;display:grid}.app-shell.sidebar-collapsed{grid-template-columns:72px 1fr}.sidebar{border-right:.1px solid var(--line-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#000000d9;flex-direction:column;height:100vh;transition:padding .25s;display:flex;position:sticky;top:0;overflow:hidden}.sidebar-head{align-items:center;gap:8px;display:flex}.sidebar-head .brand-block{flex:1;margin-bottom:0}.sidebar-toggle-btn{color:#b0b3bf;cursor:pointer;background:#ffffff08;border:1px solid #ffffff1f;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-top:4px;transition:color .15s,background .15s;display:flex}.sidebar-toggle-btn svg{fill:none;width:18px;height:18px}.sidebar-toggle-btn:hover{color:var(--text-main);background:#ffffff0f}.brand-block{align-items:center;gap:10px;width:100%;min-width:0;margin-bottom:0;padding:20.5px 20px;text-decoration:none;display:flex}.brand-logo-wrap{background:linear-gradient(145deg,#ea580c33,#fb923c1a);border:1px solid #ea580c59;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;overflow:hidden}.brand-logo{object-fit:contain;width:24px;height:24px}.brand-copy{gap:2px;min-width:0;display:grid}.brand-overline{letter-spacing:.01em;color:#0000;background:linear-gradient(90deg,#fb923c,#fdba74);-webkit-background-clip:text;background-clip:text;margin:0;font-size:12px;font-weight:800}.brand-block h1{text-transform:uppercase;letter-spacing:.18em;color:#666a76;margin:0;font-size:10px}.sidebar-nav{flex:1;align-content:start;min-height:0;padding:0 16px 8px;display:grid;overflow-y:auto}.sidebar-nav-title{letter-spacing:.2em;text-transform:uppercase;color:#3f3f46;border-top:1px solid #ffffff14;padding:20px 20px 8px;font-size:10px;font-weight:700}.nav-item{color:#737684;border-radius:12px;align-items:center;gap:10px;padding:11px 12px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s;display:flex;position:relative}.nav-item svg{fill:none;flex-shrink:0;width:16px;height:16px;transition:color .2s,filter .2s,opacity .2s}.nav-item:hover{color:var(--text-main);background:#ffffff0a}.nav-item.active{color:var(--text-main);background-color:#f9731614;box-shadow:inset 0 1px #ffffff05}.nav-item.active:before{content:"";background:linear-gradient(#f97316,#fb923c);border-radius:999px;width:3px;height:20px;position:absolute;top:50%;left:1px;transform:translateY(-50%)}.nav-item.active svg{color:var(--accent-strong);filter:drop-shadow(0 0 8px #fb923c38)}.nav-item.active span{color:var(--text-main)}.mnav-item{color:#737684;border-radius:12px;align-items:center;gap:10px;padding:11px 12px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s;display:flex;position:relative}.mnav-item svg{fill:none;flex-shrink:0;width:16px;height:16px;transition:color .2s,filter .2s,opacity .2s}.mnav-item:hover{color:var(--text-main);background:#ffffff0a}.mnav-item.active{color:var(--text-main);box-shadow:inset 0 1px #ffffff05}.mnav-item.active:before{content:"";border-radius:999px;width:3px;height:20px;position:absolute;top:50%;left:1px;transform:translateY(-50%)}.mnav-item.active svg{color:rgb(251 146 60/var(--tw-text-opacity,1));filter:drop-shadow(0 0 8px #fb923c38)}.mnav-item.active span{color:rgb(251 146 60/var(--tw-text-opacity,1))}.sidebar-footer{gap:8px;margin-top:16px;padding:5px 16px;display:grid}.sidebar-note-block{border-top:1px solid #ffffff14;gap:2px;margin-top:8px;padding:16px 20px;display:grid}.sidebar-note-block span{color:#3f3f46;font-size:10px;font-weight:800}.sidebar-note-block small{color:#27272a;font-size:9px}.sidebar-user-info{color:#d5d7df;white-space:nowrap;background:#ffffff0a;border:1px solid #1fb80b4d;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-size:12px;display:flex;overflow:hidden}.sidebar-user-info svg{fill:none;flex-shrink:0;width:18px;height:18px}.sidebar-logout-btn{cursor:pointer;color:#fee2e2;white-space:nowrap;background:#7f1d1d38;border:1px solid #b91c1c73;border-radius:10px;justify-content:flex-start;align-items:center;gap:10px;width:100%;padding:10px 14px;font-weight:600;transition:background .15s;display:flex;overflow:hidden}.sidebar-logout-btn svg{fill:none;flex-shrink:0;width:18px;height:18px}.app-shell.sidebar-collapsed .sidebar{padding:16px 8px}.app-shell.sidebar-collapsed .sidebar-head{justify-content:center;margin-bottom:20px}.app-shell.sidebar-collapsed .brand-block{justify-content:center;width:auto;padding:8px}.app-shell.sidebar-collapsed .brand-logo-wrap{width:32px;height:32px}.app-shell.sidebar-collapsed .sidebar-toggle-btn{margin-top:0}.app-shell.sidebar-collapsed .nav-item{justify-content:center;padding:12px 8px}.app-shell.sidebar-collapsed .sidebar-user-info,.app-shell.sidebar-collapsed .sidebar-logout-btn{justify-content:center;padding:10px 8px}.main-area{flex-direction:column;min-width:0;display:flex}.global-header{z-index:4;justify-content:space-between;align-items:center;display:flex;position:sticky}.header-text{align-items:center;gap:10px;display:flex}.header-brand-logo{object-fit:contain;opacity:.95;width:24px;height:24px}.header-text h2{letter-spacing:.01em;margin:0;font-size:16px}.header-text p{color:var(--text-dim);margin:2px 0 0;font-size:12px}.header-actions{align-items:center;gap:10px;display:flex}.user-chip{color:#ffe4d0;background:#ea580c1f;border:1px solid #ea580c57;border-radius:999px;padding:8px 10px;font-size:12px}.check-now-btn,.primary-btn{cursor:pointer;color:#fff;background:linear-gradient(90deg, var(--danger-start), var(--danger-end));border:1px solid #fb923c80;border-radius:12px;padding:10px 18px;font-weight:700;box-shadow:0 8px 24px #ea580c47}.check-now-btn:hover,.primary-btn:hover{background:linear-gradient(90deg,#f97316,#fdba74)}.auth-page{place-items:center;min-height:100vh;padding:22px;display:grid}.auth-card{width:min(540px,100%)}.auth-card h2{margin:0 0 8px}.auth-card p{color:var(--text-dim);margin:0 0 14px}.auth-form{gap:12px;display:grid}.auth-form label{color:var(--text-dim);gap:6px;font-size:13px;display:grid}.auth-hint{color:var(--text-dim);margin-top:12px;font-size:12px}.page-stack{gap:14px;display:grid}.crud-list{gap:12px;display:grid}.crud-item{border:1px solid var(--line-soft);background:#00000029;border-radius:10px;padding:12px}.crud-item p{color:var(--text-dim);margin:8px 0;font-size:13px}.remote-key-reveal{background:#fb923c14;border:1px dashed #fb923c8c;border-radius:10px;margin-top:14px;margin-bottom:14px;padding:12px}.remote-key-reveal p{color:var(--text-main);margin:0 0 8px;font-size:13px}.remote-key-reveal textarea{resize:vertical;width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.crud-item-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.crud-form-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.crud-form-row input,.crud-form-row select{min-width:160px}.admin-create-form,.admin-user-form{grid-template-columns:1fr 1fr;gap:8px;display:grid}.admin-user-form .full-width{grid-column:1/-1}.admin-users-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.admin-users-column{border:1px solid var(--line-soft);background:#0000001f;border-radius:10px;padding:12px}.analytics-chip-success{color:#bbf7d0;background:#14532d33;border-color:#22c55e66}.analytics-chip-danger{color:#fecaca;background:#7f1d1d3d;border-color:#b91c1c73}.danger-btn{cursor:pointer;color:#fee2e2;background:#7f1d1d38;border:1px solid #b91c1c73;border-radius:10px;padding:10px 18px;font-weight:700}.check-now-btn:disabled,.primary-btn:disabled,.danger-btn:disabled{opacity:.55;cursor:not-allowed}.page-content{max-width:100%;padding:22px 26px 26px}.section-title-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.section-title-row h3{letter-spacing:-.015em;margin:0;font-size:20px}.section-title-row p{color:var(--text-dim);margin:0;font-size:13px}.section-in-title-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.section-in-title-row h1{letter-spacing:-.015em;margin:0;font-size:24px}.section-in-title-row p{color:#71717a;margin:5px 0 0;font-size:14px}.empty-panel,.panel{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(18px)saturate(150%);backdrop-filter:blur(18px)saturate(150%);background:#ffffff06;border:1px solid #ffffff12;padding:18px;box-shadow:0 8px 32px #0000006b,inset 0 1px #ffffff0d}.empty-panel h4{margin:0}.empty-panel p{color:var(--text-dim)}.card-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;display:grid}.product-set-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:start;gap:12px;display:grid}.product-set-card{border:1px solid var(--line-soft);background:#ffffff05;border-radius:12px;gap:8px;min-width:0;padding:12px;display:grid}.product-set-card-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.product-set-card-head strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.product-set-card p{color:var(--text-dim);margin:0;font-size:13px}.product-set-card pre{white-space:pre-wrap;word-break:break-word;color:#facc9a;background:#00000038;border:1px solid #ffffff14;border-radius:10px;max-width:100%;max-height:240px;margin:0;padding:10px;font-size:12px;line-height:1.45;overflow:auto}.qc-card{text-align:left;color:var(--text-main);cursor:pointer;background:linear-gradient(170deg,#ffffff08,#ffffff04);border:1px solid #ffffff14;border-radius:14px;padding:14px;transition:transform .2s,border-color .2s,background .2s}.qc-card:hover{background:linear-gradient(170deg,#f9731614,#fb923c05);border-color:#f9731666;transform:translateY(-2px)}.card-head,.card-foot{justify-content:space-between;align-items:center;gap:8px;display:flex}.username-label{font-size:14px;font-weight:700}.live-pill{background:#f973161f;border:1px solid #f9731673;border-radius:999px;align-items:center;gap:5px;padding:2px 8px;font-size:11px;display:inline-flex}.live-dot{background:var(--accent-strong);border-radius:50%;width:8px;height:8px;animation:1.8s infinite pulse;box-shadow:0 0 #fb923cb3}@keyframes pulse{0%{box-shadow:0 0 #fb923cb3}70%{box-shadow:0 0 0 8px #fb923c00}to{box-shadow:0 0 #fb923c00}}.runtime-value{letter-spacing:.04em;margin:16px 0;font-size:30px;font-weight:700}.card-shop-info{color:var(--text-dim);gap:2px;margin-top:10px;font-size:12px;display:grid}.card-foot{color:var(--text-dim);font-size:12px}.card-connectivity-label{color:#a8d8a8;margin:2px 0 6px;font-size:11px}.card-connectivity-error{color:#fca5a5}.card-mini-stack{gap:8px;margin:0 0 14px;display:grid}.card-mini-block{background:#0003;border:1px solid #ffffff12;border-radius:10px;gap:7px;padding:9px 10px;display:grid}.card-mini-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.card-mini-head strong{letter-spacing:.04em;text-transform:uppercase;color:#fff7ed;font-size:11px}.card-mini-head span{color:var(--text-dim);font-size:11px}.card-mini-gaze-bar{background:#ffffff14;border-radius:999px;width:100%;height:8px;display:flex;overflow:hidden}.card-mini-gaze-looking,.card-mini-gaze-away{height:100%;display:block}.card-mini-gaze-looking{background:linear-gradient(90deg,#56d47c,#95e2ab)}.card-mini-gaze-away{background:linear-gradient(90deg,#ff7c7c,#ffb08d)}.card-mini-meta{color:var(--text-dim);justify-content:space-between;gap:6px;font-size:11px;display:flex}.card-mini-script-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.card-mini-script-grid div{background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;gap:3px;padding:6px 8px;display:grid}.card-mini-script-grid span{color:var(--text-dim);letter-spacing:.03em;text-transform:uppercase;font-size:10px}.card-mini-script-grid strong{color:#fff7ed;font-size:15px;line-height:1}.split-layout{grid-template-columns:1.1fr 1fr;gap:16px;display:grid}.form-stack{gap:12px;display:grid}.config-tabs{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.config-tab{border:1px solid var(--line-soft);color:var(--text-dim);cursor:pointer;background:#ffffff08;border-radius:999px;padding:7px 14px;font-size:12px;font-weight:600}.config-tab.active{color:#fff;background:linear-gradient(90deg,#c2410c80,#f9731647);border-color:#f9731673}.input-row{align-items:center;gap:8px;display:flex}.input-row input{flex:1;min-width:0}.ghost-btn{border:1px solid var(--line-soft);color:var(--text-main);cursor:pointer;white-space:nowrap;background:#ffffff08;border-radius:10px;padding:10px 12px;font-weight:600}.test-preview-panel{border:1px solid var(--line-soft);background:#ffffff05;border-radius:10px;gap:8px;padding:10px;display:grid}.test-preview-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.test-preview-head h4{margin:0;font-size:13px}.test-preview-head span{color:var(--text-dim);font-size:12px}.test-preview-panel pre{color:#fed7aa;background:#00000040;border:1px solid #ffffff0f;border-radius:8px;max-height:180px;margin:0;padding:8px;font-size:12px;overflow:auto}.form-stack label{color:var(--text-dim);font-size:13px}input,textarea,select{border:1px solid var(--line-soft);background:var(--bg-soft);width:100%;color:var(--text-main);border-radius:10px;padding:11px 12px;font-size:14px}select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath fill='%23888' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}select option{color:var(--text-main);background:#1a1b1f}input:focus,textarea:focus,select:focus{border-color:#f9731699;outline:none}.guideline-wrap{position:relative}.guideline-wrap textarea{padding-top:44px}.ai-generate-btn{color:#ffedd5;cursor:pointer;background:#f9731624;border:1px solid #f9731673;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:600;display:inline-flex;position:absolute;top:8px;right:8px}.ai-generate-btn svg{fill:currentColor;width:14px;height:14px}.ai-generate-btn:disabled{opacity:.6;cursor:not-allowed}.checkbox-row{align-items:center;gap:8px;display:inline-flex;color:var(--text-main)!important}.checkbox-row input{width:auto}.saved-list-wrap{border:1px solid var(--line-soft);border-radius:var(--radius-md);margin-bottom:12px;overflow:hidden}.saved-list{max-height:420px;margin:0;padding:0;list-style:none;overflow:auto}.saved-user-row{border-bottom:1px solid var(--line-soft);grid-template-columns:minmax(0,1fr) auto;align-items:stretch;display:grid}.saved-user-btn{width:100%;color:var(--text-main);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:10px;padding:12px;display:flex}.saved-user-btn:hover{background:#ffffff08}.saved-user-btn small{color:var(--text-dim)}.saved-user-delete-btn{border:none;border-left:1px solid var(--line-soft);color:#ffb3c1;cursor:pointer;background:0 0;padding:0 14px;font-weight:600}.saved-user-delete-btn:hover{background:#7f1d1d33}.saved-user-btn:disabled,.saved-user-delete-btn:disabled{opacity:.6;cursor:not-allowed}.inline-msg,.empty-inline{color:var(--text-dim);margin:0;font-size:13px}.panel-narrow{max-width:760px}@media (width<=680px){.product-set-grid{grid-template-columns:1fr}.product-set-card-head,.input-row{flex-direction:column;align-items:stretch}.ghost-btn{width:100%}.admin-users-grid,.admin-create-form,.admin-user-form{grid-template-columns:1fr}.admin-user-form .full-width{grid-column:1}.script-compliance-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=480px){.global-header{flex-direction:column;align-items:flex-start;gap:10px;padding:12px 14px}.header-text h2{font-size:16px}.header-text p{display:none}.header-actions{justify-content:space-between;width:100%}.user-chip{padding:6px 8px;font-size:11px}}.detail-screen{gap:16px;display:grid}.detail-preview{padding-bottom:14px}.detail-title-wrap h3{margin:0}.detail-shop-info{color:var(--text-dim);margin:4px 0 0;font-size:12px}.shop-fields-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px;margin-top:10px;display:grid}.shop-field-item{border:1px solid var(--line-soft);background:#ffffff05;border-radius:8px;gap:4px;padding:8px;display:grid}.shop-field-item span{color:var(--text-dim);font-size:11px}.shop-field-item strong{color:var(--text-main);word-break:break-word;font-size:12px}.detail-header-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.detail-header-actions .ghost-link{border:1px solid var(--line-soft);background:#ffffff08;border-radius:10px;padding:10px 12px}.comments-stream-wrap{border:1px solid var(--line-soft);background:#ffffff05;border-radius:14px;flex-direction:column;gap:12px;min-height:320px;padding:12px;display:flex}.comments-stream-head{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.status-chip{text-transform:uppercase;letter-spacing:.06em;border:1px solid var(--line-soft);border-radius:999px;justify-content:center;align-items:center;min-width:88px;padding:4px 10px;font-size:11px;display:inline-flex}.status-connected{color:#ffedd5;background:#f9731633;border-color:#f9731673}.status-connecting{color:#fff0c2;background:#ffc10724;border-color:#ffc10747}.status-error,.status-disconnected,.status-ended{color:#fecaca;background:#7f1d1d3d;border-color:#b91c1c73}.comments-status-text{color:var(--text-dim);font-size:12px}.comments-counter{color:var(--text-dim);background:#ffffff08;border:1px solid #ffffff1a;border-radius:999px;margin-left:auto;padding:3px 8px;font-size:11px}.comments-feed{gap:10px;min-height:250px;max-height:420px;padding-right:4px;display:grid;overflow:auto}.comment-item{border:1px solid var(--line-soft);background:#ffffff05;border-radius:10px;padding:10px}.comment-item p{color:#e4e4e7;margin:0;line-height:1.5}.detail-columns{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:16px;display:grid}.transcript-panel,.guideline-panel{flex-direction:column;min-height:420px;display:flex}.transcript-list{flex:1;gap:10px;min-height:0;max-height:420px;padding-right:4px;display:grid;overflow:auto}.transcript-item{border:1px solid var(--line-soft);background:#ffffff05;border-radius:10px;padding:10px}.transcript-meta{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.transcript-meta span{color:var(--text-dim);font-size:12px}.transcript-item p{color:#e4e4e7;margin:0;line-height:1.5}.guideline-editor{min-height:300px;margin-bottom:12px}.guideline-actions-row{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;margin-bottom:8px;display:flex}.guideline-shortcut-hint{color:var(--text-dim);margin:0 0 8px;font-size:12px}.ghost-link{color:var(--accent-strong);text-decoration:none}.mobile-logout-btn{cursor:pointer;background:0 0;border:none}.mobile-logout-btn:hover{color:#ffe7d1;background:#f9731624}.mobile-only{display:none}@media (width<=1024px){.split-layout,.detail-columns{grid-template-columns:1fr}}@media (width<=900px){.app-shell{grid-template-columns:1fr}.section-in-title-row{padding-top:2rem}.desktop-only{z-index:8;height:6.329vh;position:fixed;bottom:0;left:0;right:0}.desktop-only .sidebar-footer,.sidebar-nav,.sidebar-nav-title,.sidebar-note-block{display:none}.mbrand-logo{object-fit:contain;width:20px;height:20px}.mbrand-logo-wrap{width:32px;height:32px;padding:6px}.mobile-only{display:block}.global-header{padding:14px}.brand-block{padding:12px 15px}.brand-copy h1{display:none}.header-text h2{font-size:18px}.page-content{padding:14px 14px 84px}.mobile-bottom-nav{z-index:8;border-top:1px solid var(--line-soft);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9;grid-template-columns:repeat(auto-fit,minmax(56px,1fr));gap:8px;padding:8px 10px;display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-bottom-nav .mnav-item{flex-direction:column;justify-content:center;gap:5px;padding:8px 6px;font-size:12px}}.comments-player-grid{grid-template-columns:minmax(0,1fr) minmax(180px,220px) 300px;grid-template-areas:"comments gaze player";align-items:start;gap:16px;display:grid}.worker-error-banner{color:#fecaca;background:#7f1d1d59;border:1px solid #b91c1cbf;border-radius:6px;grid-column:1/-1;padding:8px 14px;font-size:.82rem}.session-health-banner{border:1px solid var(--line-soft);background:#ffffff05;border-radius:10px;grid-column:1/-1;gap:8px;padding:10px 12px;display:grid}.session-health-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.session-health-head strong{font-size:13px}.session-health-head span{color:var(--text-dim);font-size:12px}.session-health-meta{flex-wrap:wrap;gap:12px;display:flex}.session-health-meta span{color:var(--text-main);background:#ffffff05;border:1px solid #ffffff1a;border-radius:999px;padding:3px 8px;font-size:12px}.session-health-healthy{background:#14532d33;border-color:#22c55e73}.session-health-pending{background:#ffc10714;border-color:#ffc10759}.session-health-warning,.session-health-critical{background:#7f1d1d38;border-color:#b91c1c73}.gaze-summary-banner{border:1px solid var(--line-soft);background:#ffffff05;border-radius:10px;grid-column:1/-1;gap:8px;padding:10px 12px;display:grid}.gaze-summary-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.gaze-summary-head strong{font-size:13px}.gaze-summary-head span{color:var(--text-dim);font-size:12px}.gaze-summary-stacked{border:1px solid var(--line-soft);background:#ffffff0a;border-radius:999px;width:100%;height:14px;display:flex;overflow:hidden}.gaze-summary-segment{min-width:0;height:100%;display:block}.gaze-summary-segment-looking{background:linear-gradient(90deg,#56d47c,#95e2ab)}.gaze-summary-segment-away{background:linear-gradient(90deg,#ef4444b3,#b91c1ce6)}.gaze-summary-meta{flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:12px;display:flex}.gaze-summary-looking{color:#fdba74}.gaze-summary-away{color:#fca5a5}.script-compliance-compact{border:1px solid var(--line-soft);background:#ffffff05;border-radius:10px;grid-column:1/-1;gap:8px;padding:10px 12px;display:grid}.script-compliance-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.script-compliance-head strong{font-size:13px}.script-compliance-head span{color:var(--text-dim);font-size:12px}.script-compliance-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.script-compliance-metric{border:1px solid var(--line-soft);background:#ffffff05;border-radius:10px;gap:4px;padding:8px 10px;display:grid}.script-compliance-metric span{color:var(--text-dim);font-size:12px}.script-compliance-metric strong{font-size:14px}.script-compliance-note{color:var(--text-dim);margin:0;font-size:12px;line-height:1.5}.worker-status-banner{color:#bbf7d0;background:#14532d59;border:1px solid #22c55eb3;border-radius:6px;grid-column:1/-1;padding:8px 14px;font-size:.82rem}.comments-stream-wrap{grid-area:comments}.gaze-log-wrap{grid-area:gaze}.player-panel{grid-area:player}@media (width<=900px){.comments-player-grid{grid-template-columns:1fr;grid-template-areas:"player""comments""gaze"}.detail-header-actions{grid-template-columns:1fr;gap:10px;width:100%;margin-top:8px;display:grid}.detail-header-actions .ghost-link,.detail-header-actions .danger-btn{text-align:center;width:100%}}.player-panel{width:100%}.gaze-log-wrap{border:1px solid var(--line-soft);background:#ffffff05;border-radius:14px;flex-direction:column;gap:10px;min-height:320px;padding:12px;display:flex}.gaze-log-head{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.gaze-log-feed{flex-direction:column;gap:2px;min-height:250px;max-height:420px;padding-right:4px;display:flex;overflow:auto}.gaze-log-item{white-space:nowrap;padding:1px 0;font-family:Consolas,Courier New,monospace;font-size:13px;line-height:1.6}.gaze-log-time{color:var(--text-dim)}.gaze-log-looking .gaze-log-label{color:#fdba74;font-weight:600}.gaze-log-away .gaze-log-label{color:#fca5a5;font-weight:600}.gaze-chip-looking{color:#ffedd5;background:#f9731633;border-color:#f9731673}.gaze-chip-away{color:#fecaca;background:#7f1d1d3d;border-color:#b91c1c73}.gaze-chip-unknown{color:#d2d8e7;border-color:var(--line-soft);background:#ffffff0d}.video-player-container{aspect-ratio:9/16;border:1px solid var(--line-soft);background:#000;border-radius:12px;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.raw-video-element{object-fit:contain;outline:none;width:100%;height:100%}.video-placeholder{color:var(--text-dim);font-size:13px}.video-error-overlay{color:#fff;text-align:center;z-index:2;background:#b91c1ce6;border-radius:8px;padding:8px;font-size:12px;position:absolute;top:10px;left:10px;right:10px}.runtime-alert-toast{z-index:80;background:linear-gradient(#10121cfa,#090a10fa);border:1px solid #ffffff24;border-radius:16px;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;width:min(420px,100vw - 36px);padding:14px 14px 14px 16px;display:grid;position:fixed;top:18px;right:18px;box-shadow:0 22px 70px #00000073}.runtime-alert-error{border-color:#f8717166;box-shadow:0 22px 70px #7f1d1d52}.runtime-alert-warning{border-color:#fbbf2459;box-shadow:0 22px 70px #78350f47}.runtime-alert-copy{gap:6px;display:grid}.runtime-alert-copy strong{font-size:14px;line-height:1.2}.runtime-alert-copy span{color:var(--text-dim);font-size:12px}.runtime-alert-copy p{color:#f8fafc;margin:0;font-size:13px;line-height:1.5}.runtime-alert-close{appearance:none;color:var(--text-main);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.runtime-alert-close svg{width:16px;height:16px}.offline-modal-overlay{z-index:40;background:#090a0ebf;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.offline-modal-card{width:min(460px,100%);box-shadow:var(--shadow);background:linear-gradient(#21140cf7,#140f0af7);border:1px solid #f9731659;border-radius:14px;gap:12px;padding:18px;display:grid}.offline-modal-card h4{margin:0;font-size:18px}.offline-modal-card p{color:#ffedd5;margin:0;line-height:1.5}.offline-modal-card label{color:#ffedd5;gap:8px;font-size:13px;display:grid}.offline-modal-card textarea{resize:vertical;width:100%;min-height:110px}.analytics-page{gap:16px;display:grid}.analytics-banner{padding:14px 16px}.analytics-banner-error{color:#fecaca;background:#7f1d1d38;border-color:#b91c1c73}.analytics-explorer-grid{z-index:2;grid-template-columns:minmax(220px,.75fr) minmax(280px,1fr) minmax(280px,.95fr);gap:16px;margin-top:-16px;display:grid;position:relative}.analytics-column{flex-direction:column;gap:12px;min-height:320px;display:flex}.analytics-list-wrap{gap:10px;min-height:0;padding-right:4px;display:grid;overflow:auto}.analytics-session-list{max-height:460px}.analytics-calendar-picker-wrap{position:relative}.analytics-calendar-trigger{border:1px solid var(--line-soft);width:100%;color:var(--text-main);cursor:pointer;background:#ffffff08;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.analytics-calendar-trigger span{color:var(--text-dim);font-size:12px}.analytics-calendar-trigger strong{font-size:12px}.analytics-calendar-popover{z-index:8;border:1px solid var(--line-soft);background:#131220fa;border-radius:12px;gap:10px;padding:10px;display:grid;position:absolute;top:calc(100% + 8px);left:0;right:0}.analytics-calendar-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.analytics-calendar-weekdays{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.analytics-calendar-weekdays span{color:var(--text-dim);text-align:center;font-size:11px}.analytics-calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.analytics-calendar-day{border:1px solid var(--line-soft);color:var(--text-main);cursor:pointer;background:#ffffff08;border-radius:10px;justify-items:center;gap:4px;padding:8px 4px;display:grid}.analytics-calendar-day-date{font-size:18px;font-weight:700;line-height:1}.analytics-calendar-day-sessions{color:var(--text-dim);font-size:11px}.analytics-calendar-day.outside{opacity:.35}.analytics-calendar-day.selected{background:#f9731629;border-color:#f9731673}.analytics-list-card{text-align:left;border:1px solid var(--line-soft);width:100%;color:var(--text-main);cursor:pointer;background:#ffffff06;border-radius:12px;gap:8px;padding:12px;display:grid}.analytics-list-card:hover,.analytics-list-card.selected{background:#f973161a;border-color:#f9731659}.analytics-list-card-row{align-items:stretch;padding:0;display:flex;overflow:hidden}.analytics-list-card-body{text-align:left;color:var(--text-main);cursor:pointer;background:0 0;border:none;flex:1;gap:8px;min-width:0;padding:12px;display:grid}.analytics-list-delete-btn{color:var(--text-dim);border:none;border-left:1px solid var(--line-soft);cursor:pointer;background:0 0;flex-shrink:0;padding:0 12px;font-size:13px;line-height:1;transition:color .15s,background .15s}.analytics-list-delete-btn:hover:not(:disabled){color:#fca5a5;background:#7f1d1d33}.analytics-list-delete-btn:disabled{opacity:.4;cursor:not-allowed}.analytics-list-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.analytics-list-meta{color:var(--text-dim);justify-content:space-between;gap:10px;font-size:12px;display:flex}.analytics-list-meta-stack{flex-direction:column}.analytics-chip{color:#ffedd5;background:#f9731629;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:700}.analytics-chip-soft{color:var(--text-dim);background:#ffffff14}.analytics-session-summary{background:linear-gradient(180deg, #f973161a, transparent 38%), var(--bg-panel)}.analytics-summary-stack{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.analytics-summary-block{border:1px solid var(--line-soft);background:#ffffff08;border-radius:12px;gap:6px;padding:12px;display:grid}.analytics-summary-block span,.analytics-kpi-card span{color:var(--text-dim);font-size:12px}.analytics-summary-block strong,.analytics-kpi-card strong{font-size:16px;line-height:1.4}.analytics-summary-block-wide{grid-column:1/-1}.analytics-guideline-scroll{max-height:255px;padding-right:4px;overflow:auto}.analytics-guideline-scroll strong{white-space:pre-wrap;display:block}.analytics-note{color:var(--text-dim);background:#ffffff0a;border-radius:12px;grid-column:1/-1;padding:12px;font-size:13px;line-height:1.5}.analytics-script-panel{gap:14px;display:grid}.analytics-script-summary-stack{grid-template-columns:repeat(4,minmax(0,1fr))}.analytics-script-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:16px;display:grid}.analytics-script-column{grid-template-rows:auto minmax(0,1fr);gap:10px;min-width:0;display:grid}.analytics-script-column h4{margin:0;font-size:14px}.analytics-script-list{gap:10px;min-height:0;max-height:420px;padding-right:4px;display:grid;overflow:auto}.analytics-script-item{border:1px solid var(--line-soft);background:#ffffff08;border-radius:12px;gap:8px;padding:12px;display:grid}.analytics-script-item-match{background:#f973161a;border-color:#f9731652}.analytics-script-item-miss{background:#7f1d1d2e;border-color:#b91c1c52}.analytics-script-item-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.analytics-script-item-head strong{font-size:14px;line-height:1.45}.analytics-script-item-head span{flex-shrink:0}.analytics-script-item-head span,.analytics-script-item p,.analytics-script-item small{color:var(--text-dim)}.analytics-script-item p,.analytics-script-item small{margin:0;line-height:1.5}.analytics-script-item small{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.analytics-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.analytics-kpi-card{gap:8px;display:grid}.analytics-kpi-card strong{font-size:30px}.analytics-kpi-card p{color:var(--text-dim);margin:0;font-size:13px;line-height:1.5}.analytics-timeline-panel{gap:14px;display:grid}.analytics-timeline-chart{grid-template-columns:repeat(auto-fit,minmax(28px,1fr));align-items:end;gap:10px;min-height:240px;display:grid}.analytics-timeline-bar-wrap{justify-items:center;gap:8px;min-width:0;display:grid}.analytics-timeline-bar-wrap span{color:var(--text-dim);font-size:11px}.analytics-timeline-bar{border:1px solid var(--line-soft);background:#ffffff0a;border-radius:999px;flex-direction:column-reverse;justify-content:flex-start;width:100%;max-width:34px;height:200px;display:flex;overflow:hidden}.analytics-timeline-segment{width:100%;display:block}.analytics-timeline-segment-looking{background:linear-gradient(90deg,#56d47c,#95e2ab)}.analytics-timeline-segment-away{background:linear-gradient(#b91c1cf2,#ef444459)}.analytics-content-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.analytics-stream-panel{flex-direction:column;gap:12px;min-height:460px;display:flex}.analytics-tools-row{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.analytics-scroll-region{min-height:0;max-height:520px}.analytics-ai-output{white-space:pre-wrap;color:#ffedd5;background:#0000002e;border:1px solid #ffffff14;border-radius:12px;margin:0;padding:12px;font-size:13px;line-height:1.55}.analytics-faq-candidates{flex-wrap:wrap;gap:8px;display:flex}.analytics-faq-pill{border:1px solid var(--line-soft);background:#ffffff08;border-radius:999px;align-items:center;gap:8px;padding:8px 10px;font-size:12px;display:inline-flex}.analytics-faq-pill strong{color:#ffedd5}@media (width<=1180px){.analytics-explorer-grid,.analytics-content-grid,.analytics-kpi-grid,.analytics-script-grid,.analytics-script-summary-stack{grid-template-columns:1fr}.script-compliance-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.analytics-summary-stack,.analytics-tools-row,.script-compliance-metrics{grid-template-columns:1fr}.analytics-timeline-chart{grid-template-columns:repeat(auto-fit,minmax(22px,1fr));gap:8px}.analytics-timeline-bar{height:160px}}.incidents-panel{margin-top:16px}.incidents-filter-row{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.incidents-filter-row .ghost-btn.active{background:#ffffff1f;border-color:#fff6}.incidents-clip-player{background:#0000004d;border-radius:8px;margin-bottom:12px;padding:10px}.incidents-list{flex-direction:column;gap:8px;max-height:360px;display:flex;overflow-y:auto}.incident-item{background:#ffffff0d;border-left:3px solid #0000;border-radius:6px;padding:10px 12px}.incident-item-silence_or_muted{border-left-color:#ef4444}.incident-item-possible_murmuring{border-left-color:#f59e0b}.incident-item-noisy_uncertain{border-left-color:#6b7280}.incident-item-head{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.incident-label-chip{letter-spacing:.02em;border-radius:4px;padding:2px 8px;font-size:.72rem;font-weight:600}.incident-label-silence_or_muted{color:#fca5a5;background:#ef444433}.incident-label-possible_murmuring{color:#fcd34d;background:#f59e0b33}.incident-label-noisy_uncertain{color:#d1d5db;background:#6b728033}.incident-duration,.incident-confidence,.incident-time{opacity:.65;font-size:.78rem}.docs-layout{grid-template-columns:220px 1fr;align-items:start;gap:0;min-height:100vh;display:grid}.docs-sidebar{border-right:1px solid var(--line-soft);background:#0000004d;height:100vh;padding:28px 20px;position:sticky;top:0;overflow-y:auto}.docs-toc{position:sticky;top:28px}.docs-toc h4{letter-spacing:.2em;text-transform:uppercase;color:#3f3f46;margin:0 0 14px;font-size:10px;font-weight:700}.docs-toc ul{gap:2px;margin:0;padding:0;list-style:none;display:grid}.docs-toc a{color:#737684;border-left:2px solid #0000;border-radius:8px;padding:6px 10px;font-size:13px;font-weight:500;text-decoration:none;transition:all .15s;display:block}.docs-toc a:hover{color:var(--text-main);background:#ffffff0a}.docs-toc a.active{color:var(--accent-strong);border-left-color:var(--accent);background:#f9731614;font-weight:600}.docs-content{max-width:860px;padding:40px 48px}.docs-content section{margin-bottom:48px;scroll-margin-top:24px}.docs-content h2{color:var(--text-main);border-bottom:1px solid var(--line-soft);margin:0 0 16px;padding-bottom:12px;font-size:26px;font-weight:800}.docs-content h3{color:var(--text-main);margin:24px 0 10px;font-size:18px;font-weight:700}.docs-content h4{color:var(--text-main);margin:20px 0 8px;font-size:15px;font-weight:700}.docs-content p{color:#c4c7cf;margin:0 0 12px;font-size:14px;line-height:1.7}.docs-content ul,.docs-content ol{color:#c4c7cf;margin:0 0 16px;padding-left:22px;font-size:14px;line-height:1.8}.docs-content li{margin-bottom:6px}.docs-content strong{color:var(--text-main);font-weight:700}.docs-content em{color:var(--accent-strong);font-style:normal}.docs-note{background:#f9731614;border:1px solid #f9731633;border-radius:8px;padding:10px 14px;color:#fdba74!important;font-size:13px!important}.faq-item{border-bottom:1px solid var(--line-soft);margin-bottom:24px;padding-bottom:24px}.faq-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.faq-item h4{color:var(--text-main);margin:0 0 8px;font-size:15px;font-weight:700}.faq-item p{color:#c4c7cf;margin:0;font-size:14px;line-height:1.7}@media (width<=768px){.docs-layout{grid-template-columns:1fr}.docs-sidebar{border-right:none;border-bottom:1px solid var(--line-soft);height:auto;padding:16px 20px;position:static}.docs-toc{position:static}.docs-toc ul{flex-wrap:wrap;gap:6px;display:flex}.docs-toc a{border-left:none;border:1px solid var(--line-soft);border-radius:999px;padding:4px 10px;font-size:12px}.docs-toc a.active{border-color:var(--accent);background:#f973161f}.docs-content{padding:24px 20px}.docs-content h2{font-size:22px}}.queue-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.queue-modal-card{background:var(--bg-panel);border:1px solid var(--line-soft);border-radius:12px;flex-direction:column;width:90%;max-width:500px;max-height:80vh;padding:24px;display:flex;box-shadow:0 20px 60px #0006}.queue-modal-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.queue-modal-header h4{color:var(--text-primary);margin:0;font-size:18px}.queue-auto-close-countdown{color:var(--text-muted);background:var(--bg-input);border-radius:999px;padding:4px 10px;font-size:12px}.queue-progress-section{margin-bottom:16px}.queue-progress-bar{background:var(--bg-input);border-radius:999px;height:8px;margin-bottom:8px;overflow:hidden}.queue-progress-fill{background:linear-gradient(90deg, var(--accent), #f97316);border-radius:999px;height:100%;transition:width .3s}.queue-progress-text{color:var(--text-muted);font-size:13px}.queue-items-list{border:1px solid var(--line-soft);border-radius:8px;flex:1;max-height:400px;margin-bottom:16px;padding:8px;overflow-y:auto}.queue-item{background:var(--bg-input);border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:6px;padding:10px 12px;display:flex}.queue-item:last-child{margin-bottom:0}.queue-item-left{flex-direction:column;flex:1;gap:2px;min-width:0;margin-right:12px;display:flex}.queue-item-username{color:var(--text-primary);font-size:14px;font-weight:500}.queue-item-reason{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.queue-status-badge{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.queue-spinner{flex-shrink:0}.queue-modal-actions{justify-content:flex-end;gap:12px;display:flex}.queue-modal-actions .primary-btn,.queue-modal-actions .secondary-btn{min-width:120px}.queue-minimized-bar{cursor:pointer;z-index:9999;background:#1f2937;border-radius:12px;width:280px;padding:12px 16px;transition:transform .2s,box-shadow .2s;position:fixed;bottom:20px;right:20px;box-shadow:0 4px 20px #0000004d}.queue-minimized-bar:hover{transform:translateY(-2px);box-shadow:0 6px 24px #0006}.queue-minimized-content{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.queue-minimized-title{color:#f9fafb;font-size:13px;font-weight:500}.queue-minimized-count{color:#9ca3af;font-size:12px}.queue-minimized-progress{background:#374151;border-radius:2px;height:4px;overflow:hidden}.queue-minimized-progress-fill{background:linear-gradient(90deg,#3b82f6,#22c55e);border-radius:2px;height:100%;transition:width .3s}@media (width<=768px){.queue-modal-card{width:95%;max-height:85vh;padding:16px}.queue-items-list{max-height:300px}.queue-modal-actions{flex-direction:column-reverse}.queue-modal-actions .primary-btn,.queue-modal-actions .secondary-btn{width:100%}}