:root{--ojt-blue: #315efb;--ojt-indigo: #5b5ff6;--ojt-ink: #111827;--ojt-muted: #64748b;--ojt-line: #e5eaf2;--ojt-soft: #f5f7ff;--ojt-green: #16875b;--ojt-orange: #d97706}body.ojt-enhanced{min-height:100vh;background:radial-gradient(circle at 10% -5%,rgba(91,95,246,.09),transparent 30rem),linear-gradient(180deg,#fff 0,#f8faff 38rem,#f5f7fb);color:var(--ojt-ink)}.ojt-enhanced .app{width:min(100%,1240px);max-width:1240px;padding:calc(var(--safe-top) + 18px) clamp(18px,4vw,44px) calc(var(--safe-bottom) + 48px)}.ojt-enhanced .top-bar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;margin:0 0 28px;padding:0 4px 18px;border-bottom:1px solid var(--ojt-line);text-align:left}.ojt-brand{display:flex;align-items:center;gap:12px}.ojt-brand-name{font-size:17px;font-weight:750;line-height:1.05;letter-spacing:-.025em}.ojt-brand-name b{display:block}.ojt-brand-mark{display:flex;align-items:center;gap:2px;height:34px;color:var(--ojt-blue)}.ojt-brand-mark i{width:3px;border-radius:9px;background:currentColor}.ojt-brand-mark i:nth-child(1),.ojt-brand-mark i:nth-child(7){height:10px}.ojt-brand-mark i:nth-child(2),.ojt-brand-mark i:nth-child(6){height:20px}.ojt-brand-mark i:nth-child(3),.ojt-brand-mark i:nth-child(5){height:29px}.ojt-brand-mark i:nth-child(4){height:36px}.ojt-tagline{margin:0;padding-left:24px;border-left:1px solid var(--ojt-line);font-size:14px;font-weight:650}.ojt-release{display:grid;justify-items:end;gap:3px;color:var(--ojt-muted);font-size:11px}.ojt-release small{font-size:10px}.ojt-enhanced .card{border:1px solid rgba(226,232,240,.8);border-radius:22px;box-shadow:0 14px 40px #1e2d5511}.ojt-home{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:clamp(28px,7vw,86px);align-items:center;min-height:440px;padding:clamp(28px,5vw,64px);overflow:hidden;border:1px solid #e4e9f5;border-radius:32px;background:radial-gradient(circle at 82% 22%,rgba(75,105,255,.2),transparent 16rem),linear-gradient(135deg,#fff,#f6f8ff 62%,#edf1ff);box-shadow:0 28px 80px #2437781a}.ojt-eyebrow,.ojt-dashboard-heading>div>span,.ojt-workspace-heading span{color:var(--ojt-blue);font-size:11px;font-weight:850;letter-spacing:.16em}.ojt-home-copy h2{margin:13px 0 18px;font-size:clamp(42px,6vw,72px);line-height:1.08;letter-spacing:-.055em}.ojt-home-copy>p{max-width:560px;margin:0 0 28px;color:var(--ojt-muted);font-size:16px;line-height:1.85}.ojt-home-copy>small{display:block;margin-top:13px;color:var(--ojt-muted);font-size:11px}.ojt-primary-button,.ojt-secondary-button,.ojt-text-button,.ojt-back-button{appearance:none;border:0;font:inherit;cursor:pointer}.ojt-primary-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:54px;padding:0 24px;border-radius:15px;background:linear-gradient(120deg,var(--ojt-blue),var(--ojt-indigo));color:#fff;box-shadow:0 12px 25px #315efb40;font-weight:750}.ojt-primary-button:disabled{opacity:.38;box-shadow:none;cursor:not-allowed}.ojt-secondary-button{min-height:48px;padding:0 22px;border:1px solid var(--ojt-line);border-radius:14px;background:#fff;color:var(--ojt-ink);font-weight:700}.ojt-text-button{min-height:44px;padding:0 12px;background:transparent;color:var(--ojt-blue);font-weight:700}.ojt-button-wave{display:flex;align-items:center;gap:2px;height:22px}.ojt-button-wave i{width:2px;height:8px;border-radius:4px;background:currentColor}.ojt-button-wave i:nth-child(2),.ojt-button-wave i:nth-child(4){height:16px}.ojt-button-wave i:nth-child(3){height:22px}.ojt-home-status{display:grid;gap:12px}.ojt-home-status article{padding:22px;border:1px solid rgba(255,255,255,.9);border-radius:20px;background:#ffffffc7;box-shadow:0 12px 30px #31478c14;backdrop-filter:blur(12px)}.ojt-home-status span,.ojt-home-status small{display:block;color:var(--ojt-muted);font-size:11px}.ojt-home-status b{display:block;margin:7px 0;font-size:17px;line-height:1.45}.ojt-dashboard{margin-top:22px;padding:clamp(22px,4vw,38px);border:1px solid var(--ojt-line);border-radius:26px;background:#ffffffe6}.ojt-dashboard-heading{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:22px}.ojt-dashboard-heading h2{margin:5px 0;font-size:28px;letter-spacing:-.035em}.ojt-dashboard-heading p{margin:0;color:var(--ojt-muted);font-size:13px}.ojt-dashboard-focus{max-width:380px;padding:13px 16px;border-radius:14px;background:var(--ojt-soft)}.ojt-dashboard-focus span{display:block;margin-bottom:4px;color:var(--ojt-blue);font-size:10px;font-weight:800}.ojt-dashboard-focus b{font-size:13px}.ojt-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.ojt-stat-grid article{min-height:104px;padding:17px;border:1px solid var(--ojt-line);border-radius:17px;background:#fff}.ojt-stat-grid span{display:block;color:var(--ojt-muted);font-size:11px}.ojt-stat-grid b{display:inline-block;margin:9px 4px 0 0;font-size:30px;letter-spacing:-.05em}.ojt-stat-grid small{color:var(--ojt-muted);font-size:10px}.ojt-dashboard-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:14px;margin-top:14px}.ojt-dashboard-grid>article{min-width:0;padding:20px;border:1px solid var(--ojt-line);border-radius:18px}.ojt-dashboard-grid article>div:first-child{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.ojt-dashboard-grid h3{margin:0;font-size:14px}.ojt-dashboard-grid small{color:var(--ojt-muted);font-size:10px}.ojt-chart{width:100%;height:145px;margin-top:10px;overflow:visible}.ojt-chart-grid{fill:none;stroke:#e8ecf5;stroke-width:1}.ojt-chart-line{fill:none;stroke:var(--ojt-blue);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.ojt-chart circle{fill:#fff;stroke:var(--ojt-blue);stroke-width:2.5}.ojt-chart-empty{display:grid;place-items:center;min-height:130px;margin:0;color:var(--ojt-muted);font-size:12px;text-align:center}.ojt-recent-panel ol{margin:12px 0 0;padding:0;list-style:none}.ojt-recent-panel li{display:grid;grid-template-columns:42px 1fr auto;gap:9px;align-items:center;padding:10px 0;border-bottom:1px solid var(--ojt-line)}.ojt-recent-panel li:last-child{border-bottom:0}.ojt-recent-panel time{color:var(--ojt-muted);font-size:10px}.ojt-recent-panel li span{min-width:0}.ojt-recent-panel li b,.ojt-recent-panel li small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ojt-recent-panel li b{font-size:12px}.ojt-recent-panel li strong{color:var(--ojt-blue);font-size:18px}.ojt-no-history{display:block!important;color:var(--ojt-muted);font-size:12px}.ojt-enhanced #screen-record:not(.workspace-open)>.mode-card,.ojt-enhanced #screen-record:not(.workspace-open)>.record-card,.ojt-enhanced #screen-record:not(.workspace-open)>.info-card,.ojt-enhanced #screen-record:not(.workspace-open)>.history-card,.ojt-enhanced #screen-record:not(.workspace-open)>.references-card,.ojt-enhanced #screen-record:not(.workspace-open)>.notice-card{display:none}.ojt-enhanced #screen-record.workspace-open>.ojt-home,.ojt-enhanced #screen-record.workspace-open>.ojt-dashboard{display:none}.ojt-enhanced #screen-record.workspace-open{width:min(100%,720px);margin:0 auto}.ojt-enhanced #screen-record.workspace-open>.history-card{display:none}.ojt-enhanced #screen-record.workspace-open .info-card{background:transparent;box-shadow:none}.ojt-workspace-heading{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:center;align-self:stretch;margin:-15px 0 22px}.ojt-workspace-heading h2{margin:3px 0 0;font-size:24px;letter-spacing:-.035em}.ojt-back-button{width:42px;height:42px;border:1px solid var(--ojt-line);border-radius:50%;background:#fff;color:var(--ojt-ink);font-size:20px}.ojt-enhanced .record-card{padding:34px;transition:background .25s,color .25s}.ojt-enhanced .record-card.is-recording{border-color:#111827;background:radial-gradient(circle at 50% 5%,#202c48,#080d18 62%);color:#fff}.ojt-enhanced .record-card.is-recording .file-import,.ojt-enhanced .record-card.is-recording .ojt-lesson-meta,.ojt-enhanced .record-card.is-recording .ojt-workspace-heading{display:none}.ojt-enhanced .record-card.is-recording .status-text{color:#cbd5e1}.ojt-live-waveform{display:flex;align-items:center;justify-content:center;gap:3px;width:min(100%,420px);height:72px;margin:4px auto 18px;overflow:hidden;color:var(--ojt-blue);opacity:.34}.ojt-live-waveform i{width:3px;height:8px;min-height:8px;max-height:40px;border-radius:6px;background:currentColor}.ojt-live-waveform i[data-wave="0"],.ojt-live-waveform i[data-wave="8"]{height:8px}.ojt-live-waveform i[data-wave="1"],.ojt-live-waveform i[data-wave="7"]{height:14px}.ojt-live-waveform i[data-wave="2"],.ojt-live-waveform i[data-wave="6"]{height:22px}.ojt-live-waveform i[data-wave="3"],.ojt-live-waveform i[data-wave="5"]{height:31px}.ojt-live-waveform i[data-wave="4"]{height:42px}.is-recording .ojt-live-waveform{opacity:1;color:#4f7cff}.is-recording .ojt-live-waveform i{animation:ojtWave 1s ease-in-out infinite alternate}.is-recording .ojt-live-waveform i:nth-child(3n){animation-delay:-.3s}.is-recording .ojt-live-waveform i:nth-child(4n){animation-delay:-.6s}@keyframes ojtWave{to{transform:scaleY(.35);opacity:.55}}.ojt-lesson-meta{align-self:stretch;width:100%;margin:2px 0 20px;border:1px solid var(--ojt-line);border-radius:15px;background:#fff}.ojt-lesson-meta summary{padding:13px 15px;cursor:pointer;font-size:12px;font-weight:750}.ojt-lesson-meta summary small{margin-left:6px;color:var(--ojt-muted);font-weight:500}.ojt-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;padding:0 15px 15px}.ojt-meta-grid label{color:var(--ojt-muted);font-size:10px;font-weight:700}.ojt-meta-grid input{width:100%;margin-top:5px;padding:11px 12px;border:1px solid var(--ojt-line);border-radius:11px;background:#fff;color:var(--ojt-ink);font:inherit;font-size:13px}.ojt-meta-wide{grid-column:1 / -1}.ojt-enhanced #screen-analyzing.active{width:min(100%,580px);margin:clamp(30px,10vh,100px) auto 0}.ojt-enhanced #screen-analyzing .center-card{padding:clamp(30px,6vw,54px)}.ojt-enhanced #screen-analyzing .spinner{width:88px;height:88px;border-width:7px}.ojt-enhanced #screen-analyzing .analyzing-text{margin-top:24px;color:var(--ojt-ink);font-size:23px;font-weight:800;letter-spacing:-.03em}.ojt-analysis-progress>p{margin:7px auto 24px;color:var(--ojt-muted);font-size:12px;line-height:1.6}.ojt-analysis-progress ol{display:grid;gap:10px;margin:0;padding:0;list-style:none;text-align:left}.ojt-analysis-progress li{display:grid;grid-template-columns:20px 1fr;gap:10px;align-items:center;color:#94a3b8;font-size:12px}.ojt-analysis-progress li i{width:18px;height:18px;border:2px solid #d8dfeb;border-radius:50%}.ojt-analysis-progress li.is-active{color:var(--ojt-blue);font-weight:750}.ojt-analysis-progress li.is-active i{border-color:var(--ojt-blue);border-top-color:transparent;animation:spin .9s linear infinite}.ojt-analysis-progress li.is-complete{color:var(--ojt-ink)}.ojt-analysis-progress li.is-complete i{display:grid;place-items:center;border-color:var(--ojt-blue);background:var(--ojt-blue);color:#fff}.ojt-analysis-progress li.is-complete i:after{content:"\2713";font-size:10px;font-style:normal}.ojt-enhanced #screen-result.active{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:min(100%,1120px);margin:0 auto}.ojt-enhanced #screen-result>*{min-width:0;margin-bottom:0}.ojt-enhanced #screen-result>.ojt-focus-card,.ojt-enhanced #screen-result>.long-lesson-summary,.ojt-enhanced #screen-result>.laughter-card,.ojt-enhanced #screen-result>.comparison-card,.ojt-enhanced #screen-result>.pro-card,.ojt-enhanced #screen-result>.nudge-watch-card,.ojt-enhanced #screen-result>.filler-function-card,.ojt-enhanced #screen-result>.coaching-card,.ojt-enhanced #screen-result>.transcript-card,.ojt-enhanced #screen-result>#retryBtn{grid-column:1 / -1}.ojt-enhanced #screen-result.ojt-details-collapsed>*:not(.ojt-focus-card){display:none!important}.ojt-focus-card{position:relative;overflow:hidden;padding:clamp(25px,5vw,48px)!important;border-color:#dfe5ff!important;background:radial-gradient(circle at 92% 6%,rgba(85,103,255,.15),transparent 20rem),#fff}.ojt-focus-topline{display:flex;justify-content:space-between;align-items:center;gap:14px}.ojt-focus-topline span{color:var(--ojt-blue);font-size:11px;font-weight:850;letter-spacing:.15em}.ojt-focus-topline small{padding:5px 9px;border-radius:999px;background:var(--ojt-soft);color:var(--ojt-blue);font-size:10px;font-weight:750}.ojt-focus-kicker{margin:28px 0 7px;color:var(--ojt-muted);font-size:12px;font-weight:700}.ojt-focus-card h2{max-width:820px;margin:0;font-size:clamp(30px,5vw,50px);line-height:1.2;letter-spacing:-.045em}.ojt-focus-explain{margin:12px 0 24px;color:var(--ojt-muted);font-size:13px;line-height:1.7}.ojt-candidate-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ojt-candidate{display:grid;grid-template-columns:28px 1fr 18px;gap:9px;align-items:center;min-height:84px;padding:14px;border:1px solid var(--ojt-line);border-radius:15px;background:#fff;color:var(--ojt-ink);font:inherit;text-align:left;cursor:pointer}.ojt-candidate i{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:var(--ojt-soft);color:var(--ojt-blue);font-size:11px;font-style:normal;font-weight:800}.ojt-candidate span{font-size:12px;font-weight:700;line-height:1.55}.ojt-candidate>b{opacity:0;color:var(--ojt-blue)}.ojt-candidate.is-selected{border-color:var(--ojt-blue);background:var(--ojt-soft);box-shadow:0 0 0 2px #315efb1a}.ojt-candidate.is-selected>b{opacity:1}.ojt-focus-actions{display:flex;align-items:center;gap:10px;margin-top:20px}.ojt-focus-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:26px}.ojt-focus-metrics div{padding:13px 14px;border-radius:13px;background:#f8f9fc}.ojt-focus-metrics b,.ojt-focus-metrics span{display:block}.ojt-focus-metrics b{font-size:17px}.ojt-focus-metrics span{margin-top:3px;color:var(--ojt-muted);font-size:9px}.ojt-assessment-note{display:block;margin-top:13px;color:var(--ojt-muted);font-size:10px;line-height:1.6}.ojt-empty{grid-column:1 / -1;color:var(--ojt-muted);font-size:12px}.ojt-challenge-comparison{margin:22px 0 4px;padding:17px;border-radius:16px;background:#f6f8ff}.ojt-challenge-comparison>span,.ojt-challenge-comparison>b{display:block}.ojt-challenge-comparison>span{color:var(--ojt-blue);font-size:9px;font-weight:800}.ojt-challenge-comparison>b{margin-top:4px;font-size:12px}.ojt-challenge-comparison>div{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:10px}.ojt-challenge-comparison strong{font-size:18px}.ojt-challenge-comparison i{color:var(--ojt-muted);font-style:normal}.ojt-challenge-comparison em{padding:4px 8px;border-radius:999px;background:#e9f9f1;color:var(--ojt-green);font-size:11px;font-style:normal;font-weight:800}.ojt-challenge-comparison p{margin:8px 0 0;color:var(--ojt-muted);font-size:11px}.ojt-confirm-check{display:grid;place-items:center;width:66px;height:66px;margin:28px 0 0;border-radius:50%;background:linear-gradient(135deg,var(--ojt-blue),#7585ff);color:#fff;box-shadow:0 12px 30px #315efb40;font-size:28px}.ojt-watch-transfer{max-width:640px;margin:24px 0 18px;padding:18px;border:1px solid #dce3fa;border-radius:18px;background:#f8faff}.ojt-watch-transfer>div:first-child{display:flex;align-items:center;gap:13px;margin-bottom:14px}.ojt-watch-transfer p{margin:0}.ojt-watch-transfer p b,.ojt-watch-transfer p small{display:block}.ojt-watch-transfer p small{margin-top:3px;color:var(--ojt-muted);font-size:10px}.ojt-watch-transfer .ojt-primary-button,.ojt-watch-transfer .ojt-text-button{width:100%}.ojt-watch-icon{position:relative;width:36px;height:43px;border:3px solid var(--ojt-ink);border-radius:10px}.ojt-watch-icon:before,.ojt-watch-icon:after{content:"";position:absolute;left:8px;width:14px;height:7px;border:2px solid var(--ojt-ink)}.ojt-watch-icon:before{top:-9px;border-bottom:0;border-radius:4px 4px 0 0}.ojt-watch-icon:after{bottom:-9px;border-top:0;border-radius:0 0 4px 4px}.ojt-transfer-status{min-height:1.4em;color:var(--ojt-muted);font-size:10px;line-height:1.55}.ojt-copy-helper{position:fixed;opacity:0;pointer-events:none}.ojt-bottom-nav{display:none}.ojt-dashboard-loading{color:var(--ojt-muted);font-size:12px;text-align:center}@media(max-width:760px){body.ojt-enhanced{background:#f7f8fc}.ojt-enhanced .app{padding:calc(var(--safe-top) + 12px) 14px calc(var(--safe-bottom) + 88px)}.ojt-enhanced .top-bar{grid-template-columns:1fr auto;gap:10px;margin-bottom:14px;padding:0 2px 13px}.ojt-brand-name{font-size:14px}.ojt-brand-mark{transform:scale(.82);transform-origin:left center;margin-right:-5px}.ojt-tagline{display:none}.ojt-release{font-size:8px}.ojt-release small{display:none}.ojt-home{display:block;min-height:0;padding:30px 23px 23px;border-radius:25px}.ojt-home-copy h2{margin-top:11px;font-size:43px}.ojt-home-copy>p{font-size:13px;line-height:1.7}.ojt-home-copy .ojt-primary-button{width:100%}.ojt-home-status{grid-template-columns:1fr;margin-top:22px}.ojt-home-status article{padding:17px}.ojt-dashboard{margin-top:14px;padding:18px;border-radius:22px}.ojt-dashboard-heading{display:block}.ojt-dashboard-heading h2{font-size:23px}.ojt-dashboard-focus{margin-top:14px}.ojt-stat-grid{grid-template-columns:1fr 1fr}.ojt-stat-grid article{min-height:92px;padding:14px}.ojt-stat-grid b{font-size:26px}.ojt-dashboard-grid{grid-template-columns:1fr}.ojt-enhanced .record-card{padding:28px 18px}.ojt-meta-grid{grid-template-columns:1fr}.ojt-meta-wide{grid-column:auto}.ojt-enhanced #screen-result.active{grid-template-columns:1fr}.ojt-enhanced #screen-result>*{grid-column:1!important}.ojt-focus-card{padding:25px 20px!important}.ojt-focus-card h2{font-size:32px}.ojt-candidate-list{grid-template-columns:1fr}.ojt-candidate{min-height:70px}.ojt-focus-actions{display:grid}.ojt-focus-actions>*{width:100%}.ojt-focus-metrics{grid-template-columns:1fr 1fr}.ojt-bottom-nav{position:fixed;z-index:100;right:12px;bottom:calc(10px + var(--safe-bottom));left:12px;display:grid;grid-template-columns:repeat(3,1fr);padding:7px;border:1px solid rgba(219,225,238,.9);border-radius:18px;background:#ffffffeb;box-shadow:0 12px 35px #151f3a29;backdrop-filter:blur(18px)}.ojt-bottom-nav button{display:grid;justify-items:center;gap:2px;padding:6px;border:0;background:transparent;color:var(--ojt-muted);font:inherit;cursor:pointer}.ojt-bottom-nav i{color:var(--ojt-blue);font-size:19px;font-style:normal}.ojt-bottom-nav span{font-size:9px;font-weight:700}.ojt-is-analyzing .ojt-bottom-nav{display:none}}@media(prefers-reduced-motion:reduce){.ojt-enhanced *,.ojt-enhanced *:before,.ojt-enhanced *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
