*{box-sizing:border-box}html,body,#root{color:#17231f;background:#f2f6f4;min-height:100%;margin:0;font-family:Segoe UI,Microsoft YaHei,sans-serif}button,input{font:inherit}button{cursor:pointer;color:inherit}.app{grid-template-rows:60px 1fr;min-height:100vh;display:grid}header{background:#fff;border-bottom:1px solid #d9e3df;align-items:center;gap:18px;padding:0 24px;display:flex}header strong{color:#075d4f;font:700 25px Georgia,serif}.material{color:#65736e;flex:1}.quickActions{align-items:center;gap:8px;margin-bottom:10px;display:flex}.upload,.quickRecord{cursor:pointer;background:#fff;border:1px solid #cbd9d4;border-radius:6px;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:0 14px;font-size:14px;font-weight:650;display:flex}.upload input{display:none}.primaryUpload{color:#fff;background:#087b67;border-color:#087b67}.quickRecord.recording{color:#c54646;background:#fff0f0;border-color:#c54646}main{grid-template-columns:minmax(0,1.55fr) minmax(340px,.85fr);min-height:0;display:grid}.stage{min-width:0;padding:24px clamp(18px,3vw,48px);overflow:auto}.videoBox{aspect-ratio:16/9;background:#17211f;border-radius:7px 7px 0 0;position:relative;overflow:hidden}.videoBox video{object-fit:contain;width:100%;height:100%;display:block}.videoPlay{color:#fff;background:#0a1d18b8;border:1px solid #ffffffbf;border-radius:50%;place-items:center;width:64px;height:64px;padding-left:5px;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%}.placeholder{color:#b8cbc4;place-items:center;display:grid;position:absolute;inset:0}.placeholder.hidden{display:none}.caption{text-align:center;color:#fff;text-shadow:0 2px 8px #000;pointer-events:none;font:20px/1.4 Georgia,serif;position:absolute;bottom:28px;left:8%;right:8%}.toolbar{background:#fff;border:1px solid #d9e3df;border-top:0;flex-wrap:wrap;align-items:center;gap:7px;padding:12px;display:flex}.toolbar button{background:#fff;border:1px solid #d9e3df;border-radius:6px;align-items:center;gap:5px;height:38px;padding:0 10px;display:flex}.toolbar button.primary{color:#fff;background:#087b67;border-color:#087b67}.toolbar button.active,.toolbar button.ab{color:#075c50;background:#e2f3ee;border-color:#83c1b2}.toolbar button.recording{color:#c54646;background:#fff0f0;border-color:#c54646}.rates{margin-left:auto;display:flex}.rates button.selected{color:#fff;background:#087b67}.coach{background:#fff;border:1px solid #d9e3df;border-radius:7px;margin-top:16px;overflow:hidden}.phases{grid-template-columns:repeat(3,1fr);display:grid}.phases button{color:#65736e;background:#f7faf8;border:0;border-right:1px solid #d9e3df;padding:12px}.phases button.selected{color:#075c50;background:#e2f3ee;font-weight:700}.current{padding:18px 22px}.current small{color:#65736e}.current h1{margin:9px 0;font:27px/1.45 Georgia,serif}.current p{color:#65736e}.current span{color:#087b67;font-size:13px;font-weight:650}aside{background:#fff;border-left:1px solid #d9e3df;grid-template-rows:auto auto 1fr;min-height:0;display:grid}.asideHead{justify-content:space-between;align-items:center;padding:20px;display:flex}.asideHead h2{margin:0;font:22px Georgia,serif}.search{border:1px solid #d9e3df;border-radius:5px;height:38px;margin:0 20px 13px;padding:0 10px}.list{overflow:auto}.cue{text-align:left;background:#fff;border:0;border-bottom:1px solid #edf1ef;grid-template-columns:55px 1fr;gap:10px;width:100%;padding:13px 15px;display:grid}.cue.active{background:#e2f3ee;box-shadow:inset 3px 0 #087b67}.cue time{color:#65736e;font:11px Consolas,monospace}.cue span{font:15px/1.4 Georgia,serif}.cue small{color:#65736e;margin-top:4px;font:12px/1.4 Segoe UI,sans-serif;display:block}@media (width<=760px){.app{grid-template-rows:52px auto}header{gap:10px;padding:0 12px}header strong{font-size:22px}.material{font-size:12px}.quickActions{z-index:5;background:#fff;border-bottom:1px solid #d9e3df;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:10px;display:grid;position:sticky;top:0}.upload,.quickRecord{white-space:nowrap;min-width:0;min-height:44px;padding:0 6px;font-size:13px}main{display:block}.stage{padding:0;overflow:visible}.videoBox{border-radius:0}.videoPlay{width:56px;height:56px}.caption{font-size:16px}.toolbar{justify-content:center;padding:10px}.rates{justify-content:center;width:100%;margin:0}.coach{border-left:0;border-right:0;border-radius:0;margin:0}.current{text-align:center;padding:15px}.current h1{font-size:22px}.phases button{padding:10px 4px;font-size:12px}aside{border:0;border-top:8px solid #f2f6f4;height:48vh;min-height:320px}.asideHead{padding:13px 14px}.search{margin:0 14px 10px}.cue{padding:11px 12px}.cue span{font-size:14px}}.recordingPlayer{color:#075c50;background:#fff;border:1px solid #d9e3df;border-top:0;align-items:center;gap:10px;padding:10px 13px;font-size:13px;font-weight:650;display:flex}.recordingPlayer audio{max-width:calc(100% - 110px);height:34px}@supports (padding:max(0px)){header{padding-left:max(24px, env(safe-area-inset-left));padding-right:max(24px, env(safe-area-inset-right))}}@media (width>=761px) and (width<=1180px){main{grid-template-columns:minmax(0,1.35fr) minmax(300px,.85fr)}.stage{padding:18px}.toolbar{gap:6px}.toolbar button{padding:0 8px}.rates{justify-content:flex-end;width:100%}}@media (width>=761px) and (width<=920px) and (orientation:portrait){.app{grid-template-rows:auto 1fr}header{min-height:60px;padding-top:max(8px, env(safe-area-inset-top));flex-wrap:wrap;padding-bottom:8px}main{display:block}.stage{padding:16px 24px}aside{border-top:8px solid #f2f6f4;border-left:0;height:44vh;min-height:360px}.videoBox{max-height:48vh}}@media (display-mode:standalone){.app{min-height:100dvh}}