:root{color:var(--app-color-text);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--app-font-family);line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--app-color-bg-base);margin:0}a{color:inherit}.app-layout{background:var(--app-color-bg-base);min-height:100vh}.app-header{z-index:20;border-bottom:1px solid var(--app-color-border);height:64px;padding:0 20px;position:sticky;top:0}.app-header-inner{justify-content:space-between;align-items:center;gap:16px;width:min(1440px,100%);height:100%;margin:0 auto;display:flex}.app-brand{min-width:0;color:inherit;align-items:center;gap:10px;text-decoration:none;display:flex}.app-brand-logo{flex:none;width:28px;height:28px}.app-brand>span:last-child{flex-direction:column;min-width:0;line-height:1.2;display:flex}.app-health-chip{flex:none}.app-content{width:min(1440px,100%);margin:0 auto;padding:20px}.page-stack{gap:16px;display:grid}.page-header-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.page-header-copy{gap:4px;display:grid}.page-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;display:grid}.span-12{grid-column:span 12}.span-8{grid-column:span 8}.span-6{grid-column:span 6}.span-4{grid-column:span 4}.surface-card{border-color:var(--app-color-border)}.surface-card .ant-card-head{min-height:48px;padding:0 16px}.surface-card .ant-card-head-title{padding:12px 0}.surface-card .ant-card-body{padding:14px 16px 16px}.ant-tooltip .ant-tooltip-inner{color:#fff;background:#1f1f1f}.ant-tooltip .ant-tooltip-arrow:before{background:#1f1f1f}.recorder-workspace{display:block}.recorder-workspace__main{min-width:0}.session-rail{max-height:calc(100vh - 104px);position:sticky;top:84px;overflow:hidden}.session-rail .ant-card-body{gap:12px;min-height:0;display:grid}.session-rail__list{gap:8px;max-height:calc(100vh - 210px);padding-right:2px;display:grid;overflow:auto}.session-rail__item{border:1px solid var(--app-color-border);background:var(--app-color-bg-base);border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:6px;padding:10px;display:grid}.session-rail__item.is-active{border-color:var(--app-color-primary);box-shadow:inset 0 0 0 1px var(--app-color-primary)}.session-rail__link{gap:4px;min-width:0;text-decoration:none;display:grid}.session-rail__item-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.session-rail__done{color:var(--app-color-success)}.session-rail__glossary{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.session-rail__item-actions{gap:2px;display:grid}.recorder-console{overflow:hidden}.recorder-console .ant-card-body{padding:0}.recorder-console__title,.recorder-console__toolbar,.recorder-console__transcript-head,.chunk-navigator__item-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.recorder-console__grid{grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);min-height:260px;display:grid}.recorder-console__visual{border-right:1px solid var(--app-color-border);background:var(--app-color-bg-base);min-height:260px}.recorder-console__visual .recorder-visualizer{height:100%;min-height:260px}.recorder-console__body{grid-template-rows:auto auto minmax(0,1fr);gap:14px;min-width:0;padding:16px;display:grid}.recorder-console__metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.recorder-console__metric{border:1px solid var(--app-color-border);background:var(--app-color-bg-base);border-radius:8px;gap:6px;min-width:0;padding:10px 12px;display:grid}.recorder-console__metric-value{font-size:16px;font-weight:650}.recorder-console__transcript{border:1px solid var(--app-color-border);background:var(--app-color-bg-base);border-radius:8px;grid-template-rows:auto minmax(0,1fr);gap:10px;min-height:132px;padding:12px;display:grid}.recorder-console__transcript-text.ant-typography{white-space:pre-wrap;max-height:150px;margin:0;line-height:1.7;overflow:auto}.recorder-console__footer{border-top:1px solid var(--app-color-border);background:var(--app-color-bg-base);padding:10px 16px}.session-review-tabs{min-width:0}.session-review-tabs .ant-tabs-nav{margin-bottom:12px}.session-review-tabs .surface-card{grid-column:auto}.asr-settings-form{gap:14px;display:grid}.asr-settings-grid{grid-template-columns:repeat(3,minmax(160px,1fr));gap:12px;display:grid}.asr-settings-grid .ant-form-item{margin-bottom:0}.asr-settings-actions{align-items:center}.asr-create-settings{border:1px solid var(--app-color-border);background:var(--app-color-bg-base);border-radius:8px;gap:12px;margin-bottom:16px;padding:14px;display:grid}.asr-create-settings__header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.chunk-navigator__toolbar{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.chunk-navigator__toolbar .ant-btn{padding-inline:8px}.chunk-navigator__selected{border:1px solid var(--app-color-primary);background:var(--app-color-success-bg);border-radius:8px;gap:6px;margin-top:12px;padding:10px 12px;display:grid}.chunk-navigator__list{gap:8px;max-height:480px;margin-top:12px;display:grid;overflow:auto}.chunk-navigator__item{border:1px solid var(--app-color-border);background:var(--app-color-bg-base);width:100%;color:inherit;text-align:left;cursor:pointer;border-radius:8px;gap:6px;padding:10px 12px;display:grid}.chunk-navigator__item:hover{border-color:var(--app-color-primary-hover)}.chunk-navigator__item.is-active{border-color:var(--app-color-primary);box-shadow:inset 0 0 0 1px var(--app-color-primary)}.chunk-navigator__preview{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.recording-timeline{gap:10px;min-width:0;display:grid}.recording-timeline__header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.recording-timeline__surface{border:1px solid var(--app-color-border);background:var(--app-color-bg-base);border-radius:8px;gap:8px;min-width:0;padding:12px;display:grid}.recording-timeline__waveform{border:1px solid var(--app-color-border);background:#fff;border-radius:8px;align-items:center;min-width:0;height:96px;display:flex;position:relative;overflow:hidden}.recording-timeline__bars{align-items:center;gap:1px;display:flex;position:absolute;inset:12px}.recording-timeline__bar{background:#32bdafb8;border-radius:2px;flex:1 1 0;min-width:1px}.recording-timeline__loading,.recording-timeline__fallback{text-align:center;justify-content:center;align-items:center;gap:8px;padding:12px;display:flex;position:absolute;inset:0}.recording-timeline__windows{border:1px solid var(--app-color-border);background:#fafafa;border-radius:8px;min-width:0;height:76px;position:relative;overflow:hidden}.recording-timeline__windows .ant-empty{margin:8px 0}.recording-timeline__window{min-width:6px;height:24px;color:var(--app-color-text);cursor:pointer;background:#32bdaf33;border:1px solid #32bdafc7;border-radius:6px;padding:0 4px;position:absolute;top:12px;overflow:hidden}.recording-timeline__window:hover{border-color:var(--app-color-primary-hover)}.recording-timeline__window--live{top:12px}.recording-timeline__window--final{background:#f59e0b33;border-color:#f59e0bdb;top:40px}.recording-timeline__window.is-active{border-color:var(--app-color-primary);box-shadow:0 0 0 2px #32bdaf38}.recording-timeline__window-label{color:inherit;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:650;line-height:20px;display:block;overflow:hidden}.recording-timeline__ticks{height:18px;color:var(--app-color-text-secondary);font-size:11px;position:relative}.recording-timeline__ticks span{white-space:nowrap;position:absolute;top:0;transform:translate(-50%)}.recording-timeline__ticks span:first-child{transform:translate(0)}.recording-timeline__ticks span:last-child{transform:translate(-100%)}.simple-meetings-page{gap:20px}.simple-meetings-page__empty{border:1px dashed var(--app-color-border);background:var(--app-color-bg-container);border-radius:8px;padding:24px}.simple-recorder-card{overflow:hidden}.simple-recorder-card .ant-card-head{padding:12px 16px}.simple-recorder-card__logo{flex-shrink:0;width:24px;height:24px}.simple-recorder-card__timer{color:var(--app-color-primary);font-family:monospace}.simple-recorder-card__clock{font-size:16px}.simple-recorder-card__badge .ant-badge-status-text{font-size:12px;font-weight:500;color:#8b8b8b!important}.simple-recorder-card__idle-row{gap:12px;display:grid}.simple-recorder-card__session-config{grid-template-columns:180px minmax(0,1fr);gap:10px;display:grid}.simple-recorder-card__info{color:var(--app-color-text-tertiary);cursor:help}.simple-recorder-card__transcript{border-bottom:1px solid var(--app-color-border);border-top:1px solid var(--app-color-border);text-align:left;min-height:84px;padding:16px}.simple-recorder-card__transcript-title{text-transform:uppercase;margin-bottom:8px;font-size:12px;display:block}.simple-recorder-card__transcript-body.ant-typography{margin:0;font-style:italic;line-height:1.7}.simple-recorder-card__cursor{background:var(--app-color-primary);vertical-align:text-bottom;width:2px;height:14px;margin-left:2px;animation:.8s step-end infinite blink-cursor;display:inline-block}.simple-recorder-card__start-button{max-width:360px}.simple-recorder-card__stop-button{color:#d9534f;background:#ff4d4f1a;border:1px solid #ff4d4f33;border-radius:50px;height:48px;padding-inline:32px;font-size:16px;font-weight:800;box-shadow:0 1px 2px #0000001a}.simple-recorder-card__stop-button:hover{color:#c9302c!important;background:#ff4d4f26!important;border-color:#ff4d4f4d!important}.simple-recorder-card__hint{text-align:center;display:block}.recorder-visualizer{background:#fff;justify-content:center;align-items:center;width:100%;height:220px;display:flex;position:relative;overflow:hidden}.recorder-visualizer__canvas{object-fit:cover;opacity:.92;width:100%;height:100%}.recorder-visualizer__placeholder{color:#9aa0a6;justify-content:center;align-items:center;font-size:16px;font-style:italic;font-weight:500;display:flex;position:absolute;inset:0}.recorder-visualizer__fade{pointer-events:none;background:linear-gradient(90deg,#fff,#0000);width:96px;position:absolute;inset:0 auto 0 0}.meeting-result-card__body.ant-typography{border:1px solid var(--app-color-border);background:var(--app-color-bg-base);white-space:pre-wrap;border-radius:8px;max-height:260px;padding:14px;overflow:auto}.meeting-result-card__comparison{margin-bottom:14px}.meeting-result-card__meta-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px;display:grid}.meeting-result-card__meta-item{border:1px solid var(--app-color-border);background:var(--app-color-bg-base);border-radius:8px;gap:8px;padding:12px;display:grid}.meeting-result-card__segments{gap:10px;max-height:260px;margin-bottom:16px;display:grid;overflow:auto}.meeting-result-card__segment{border:1px solid var(--app-color-border);background:var(--app-color-bg-base);text-align:left;cursor:pointer;border-radius:8px;gap:6px;padding:10px 12px;display:grid}.meeting-result-card__segment.is-active{border-color:var(--app-color-primary);box-shadow:inset 0 0 0 1px var(--app-color-primary)}.meeting-result-card__segment-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.meeting-result-card__speaker{gap:10px;display:grid}.batch-transcript-card__speaker-summary{gap:8px;display:grid}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.metric-tile{border:1px solid var(--app-color-border);background:var(--app-color-bg-base);border-radius:8px;gap:4px;padding:12px;display:grid}.metric-tile-label,.metric-tile-helper{font-size:12px}.metric-tile-value.ant-typography{margin:0;font-size:18px}.compact-actions{flex-wrap:wrap;gap:8px;display:flex}.mono{font-family:SFMono-Regular,Menlo,Monaco,Consolas,monospace}.transcript-text{border:1px solid var(--app-color-border);background:var(--app-color-bg-base);white-space:pre-wrap;border-radius:8px;max-height:220px;padding:12px;overflow:auto}.segment-list{gap:8px;max-height:280px;display:grid;overflow:auto}.segment-item{border:1px solid var(--app-color-border);background:var(--app-color-bg-base);cursor:pointer;border-radius:8px;gap:6px;padding:10px 12px;display:grid}.segment-item.is-active{border-color:var(--app-color-primary);box-shadow:inset 0 0 0 1px var(--app-color-primary)}.segment-item-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.segment-item-meta{flex-wrap:wrap;gap:8px;display:flex}.comparison-grid{gap:10px;display:grid}.comparison-pair{gap:4px;display:grid}.window-summary,.speaker-summary,.detail-grid{gap:12px;display:grid}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-item{gap:4px;display:grid}.detail-item strong{color:var(--app-color-text-secondary);font-size:12px;font-weight:600}.audio-player{width:100%}.log-list{gap:8px;max-height:420px;display:grid;overflow:auto}.log-line{border:1px solid var(--app-color-border);background:var(--app-color-bg-base);border-radius:8px;gap:4px;padding:10px 12px;font-size:12px;display:grid}.log-line-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.log-line-details{white-space:pre-wrap;word-break:break-word}.recent-session-list{gap:10px;display:grid}.recent-session-item{border:1px solid var(--app-color-border);background:var(--app-color-bg-base);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.recent-session-meta{gap:2px;min-width:0;display:grid}.speaker-list{gap:10px;display:grid}.speaker-item{border:1px solid var(--app-color-border);background:var(--app-color-bg-base);border-radius:8px;gap:4px;padding:10px 12px;display:grid}.table-row-selected>td{background:var(--app-color-success-bg)!important}.table-row-clickable{cursor:pointer}@media (width<=1100px){.span-8,.span-6,.span-4{grid-column:span 12}.recorder-workspace,.recorder-console__grid{grid-template-columns:minmax(0,1fr)}.recorder-console__grid{min-height:0}.recorder-console__body{order:-1}.session-rail{max-height:none;position:static}.session-rail__list{max-height:260px}.recorder-console__visual{border-right:0;border-bottom:1px solid var(--app-color-border);min-height:180px}.recorder-console__visual .recorder-visualizer{min-height:180px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.meeting-result-card__meta-grid,.asr-settings-grid,.simple-recorder-card__session-config{grid-template-columns:minmax(0,1fr)}}@media (width<=760px){.app-header{height:auto;padding:12px 16px}.app-header-inner{flex-direction:column;align-items:flex-start}.app-content{padding:16px}.metric-grid,.detail-grid,.recorder-console__metrics,.chunk-navigator__toolbar{grid-template-columns:minmax(0,1fr)}.simple-recorder-card__stop-button{padding-inline:20px;font-size:14px}.simple-recorder-card .ant-card-head{padding:10px 12px}}
