@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600&family=Noto+Sans+SC:wght@400;500;600&family=Noto+Serif+SC:wght@600&family=Source+Serif+4:opsz,wght@8..60,600&display=swap";html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0}:root{--bg:#e8efe9;--panel:#f7faf8;--ink:#1a2a24;--muted:#5a6d65;--line:#c5d4cc;--brand:#0d6b56;--brand-deep:#084d3e;--hit:#1f7a4c;--miss:#a33b2d;--warn-bg:#f8ebe8;--info-bg:#e4f1ec;--shadow:0 12px 40px #1a2a2412;--radius:12px;--font-display:"Source Serif 4", "Noto Serif SC", Georgia, serif;--font-body:"IBM Plex Sans", "Noto Sans SC", sans-serif;--ops-width:clamp(300px, 28vw, 380px);--drawer-width:min(480px, 100vw)}*{box-sizing:border-box}html,body,#root{height:100%;min-height:100%;margin:0}body{font-family:var(--font-body);color:var(--ink);background:radial-gradient(900px 480px at 0% -5%, #c5ddd2 0%, transparent 55%), radial-gradient(700px 420px at 100% 0%, #d5e3dc 0%, transparent 50%), linear-gradient(165deg, #eef4f0 0%, var(--bg) 45%, #e3ebe6 100%);background-attachment:fixed}button,input,select,textarea{font:inherit}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.page{box-sizing:border-box;flex-direction:column;width:100%;max-width:none;height:100%;min-height:100vh;margin:0;padding:16px 24px 20px;display:flex}.topbar{border-bottom:1px solid color-mix(in srgb, var(--line) 70%, transparent);flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:14px 20px;margin-bottom:12px;padding-bottom:12px;display:flex}.brand-block{min-width:0}.brand{letter-spacing:.12em;text-transform:uppercase;color:var(--brand);margin:0;font-size:13px;font-weight:600}.topbar h1{font-family:var(--font-display);color:var(--ink);margin:2px 0 0;font-size:clamp(20px,2.4vw,26px);font-weight:600;line-height:1.2}.topbar-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sop-select{min-width:220px;max-width:320px}.banner{border-radius:10px;flex-shrink:0;margin-bottom:12px;padding:10px 14px;font-size:14px}.banner.error{background:var(--warn-bg);color:var(--miss)}.banner.info{background:var(--info-bg);color:var(--brand-deep)}.workbench{grid-template-columns:var(--ops-width) 1fr;flex:1;align-items:stretch;gap:16px;min-height:0;display:grid}.ops-panel,.result-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);height:100%;min-height:0}.ops-panel{flex-direction:column;padding:20px 18px 22px;display:flex;overflow:auto}.result-panel{flex-direction:column;min-height:0;padding:20px 24px 24px;display:flex}.ops-panel h2,.result-panel h2,.panel-head h2{font-family:var(--font-display);margin:0 0 14px;font-size:20px;font-weight:600}.panel-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:0;display:flex}.panel-head h2{margin-bottom:14px}.export-actions{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.history-empty{min-height:180px;padding:24px 12px}.history-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.history-list li{border:1px solid var(--line);background:#fff;border-radius:10px;overflow:hidden}.history-list li.active{border-color:color-mix(in srgb, var(--brand) 45%, var(--line));box-shadow:inset 3px 0 0 var(--brand)}.history-main{cursor:pointer;text-align:left;width:100%;color:inherit;background:0 0;border:none;flex-direction:column;align-items:flex-start;gap:4px;padding:12px 12px 8px;display:flex}.history-main:hover{background:#f3f7f5}.history-main strong{font-size:14px;font-weight:600;line-height:1.35}.history-meta{color:var(--muted);font-size:12px;line-height:1.4}.history-score{margin-top:2px;font-size:13px}.history-actions{gap:12px;padding:0 12px 10px;display:flex}.linkish.danger{color:var(--miss)}.progress-panel{text-align:left;width:min(420px,100%);margin:0 auto}.progress-panel .empty-title{text-align:center;margin-bottom:18px}.progress-bar-wrap{background:color-mix(in srgb, var(--line) 70%, #fff);border-radius:999px;height:8px;overflow:hidden}.progress-bar{border-radius:inherit;background:linear-gradient(90deg, var(--brand), #1a9a78);height:100%;transition:width .45s}.progress-percent{font-size:22px;font-weight:600;font-family:var(--font-display);text-align:center;color:var(--brand-deep);margin:10px 0 4px}.progress-message{text-align:center;color:var(--muted);min-height:1.4em;margin:0 0 18px;font-size:14px}.progress-steps{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.progress-steps .step{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:16px 1fr auto;align-items:center;gap:10px;padding:8px 10px;font-size:13px;display:grid}.progress-steps .step.done{border-color:color-mix(in srgb, var(--hit) 35%, var(--line));background:color-mix(in srgb, var(--info-bg) 70%, #fff)}.progress-steps .step.active{border-color:color-mix(in srgb, var(--brand) 45%, var(--line));box-shadow:inset 3px 0 0 var(--brand)}.progress-steps .step.pending{opacity:.55}.step-dot{background:var(--line);border-radius:50%;justify-self:center;width:10px;height:10px}.step.done .step-dot{background:var(--hit)}.step.active .step-dot{background:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb, var(--brand) 25%, transparent);animation:1.2s ease-in-out infinite pulse-dot}.step-live{color:var(--brand);font-size:12px}.step-live.done{color:var(--hit)}.progress-inline{background:var(--info-bg);border:1px solid color-mix(in srgb, var(--brand) 20%, var(--line));border-radius:10px;margin-bottom:14px;padding:10px 12px}.progress-inline p{margin:8px 0 0;font-size:13px}@keyframes pulse-dot{0%,to{transform:scale(1)}50%{transform:scale(1.25)}}.result-panel h3{letter-spacing:.02em;color:var(--muted);text-transform:none;margin:0 0 10px;font-size:14px;font-weight:600}.field-label{color:var(--muted);letter-spacing:.02em;margin:12px 0 6px;font-size:12px;font-weight:500;display:block}.ops-panel .field-label:first-of-type{margin-top:0}.text-input,select,textarea,.score-input,.sop-select{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:8px;padding:9px 11px;transition:border-color .15s}.text-input:focus,select:focus,textarea:focus,.sop-select:focus{border-color:var(--brand);outline:none}textarea{resize:vertical}.hint{color:var(--muted);margin:6px 0 0;font-size:12px;line-height:1.45}.ops-footer{border-top:1px solid var(--line);margin:16px 0 0;padding-top:12px;font-size:12px}.dropzone{border:1.5px dashed var(--line);text-align:center;color:var(--muted);background:linear-gradient(160deg,#0d6b560f,#0000 60%),#fff;border-radius:12px;flex:none;justify-content:center;align-items:center;min-height:160px;padding:48px 16px;transition:border-color .2s,background .2s,transform .15s;display:flex;position:relative}.dropzone:hover{border-color:color-mix(in srgb, var(--brand) 55%, var(--line))}.dropzone.over,.dropzone.has-file{border-color:var(--brand);color:var(--ink);background:linear-gradient(160deg,#0d6b561a,#0000 55%),#fff}.dropzone p{pointer-events:none;margin:0;font-size:14px;line-height:1.5}.dropzone input[type=file]{opacity:0;cursor:pointer;position:absolute;inset:0}.paste-toggle{text-align:left;margin:12px 0 0;font-size:13px;display:block}.paste-area{margin-top:8px}.primary,.ghost{cursor:pointer;border:1px solid #0000;border-radius:9px;padding:10px 14px;transition:background .15s,border-color .15s,opacity .15s}.primary{background:var(--brand);color:#fff;width:100%;margin-top:16px;font-weight:600}.ops-panel>.primary{margin-top:auto}.primary:hover:not(:disabled){background:var(--brand-deep)}.primary.compact{width:auto;margin-top:0;padding:7px 14px;font-size:13px}.primary:disabled{opacity:.55;cursor:not-allowed}.ghost{border-color:var(--line);color:var(--ink);background:#fff}.ghost:hover:not(:disabled){border-color:var(--brand);color:var(--brand-deep)}.ghost:disabled{opacity:.5;cursor:not-allowed}.ghost.small{padding:6px 10px;font-size:13px}.reeval-actions{flex-direction:column;gap:8px;margin-top:10px;display:flex}.reeval-actions .ghost{width:100%;font-size:13px}.linkish{color:var(--brand);cursor:pointer;background:0 0;border:none;padding:0}.linkish:disabled{opacity:.5;cursor:not-allowed}.empty{color:var(--muted);text-align:center;background:radial-gradient(50% 40% at 50% 45%,#0d6b560f,#0000 70%);border-radius:10px;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:0;padding:48px 32px;line-height:1.65;display:flex}.empty-title{font-family:var(--font-display);color:var(--ink);margin:0 0 10px;font-size:clamp(24px,2.5vw,32px)}.empty p{max-width:420px;margin:0 auto;font-size:15px}.meta-strip{color:var(--muted);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:6px 10px;margin-bottom:12px;padding:8px 0;font-size:13px;display:flex}.meta-sep{opacity:.5}.report-blurb.pending{opacity:.92;border-style:dashed}.report-blurb{background:var(--info-bg);border-radius:10px;margin-bottom:14px;padding:12px 14px;font-size:14px}.report-blurb strong{color:var(--brand-deep);margin-bottom:4px;display:block}.report-blurb p{color:var(--ink);margin:0;line-height:1.5}.result-body{flex-direction:column;flex:1;min-height:0;display:flex}.summary{flex-shrink:0;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px;display:grid}.stat{border:1px solid var(--line);background:#fff;border-radius:10px;padding:12px 14px}.stat span{color:var(--muted);margin-bottom:4px;font-size:12px;display:block}.stat strong{font-size:28px;font-family:var(--font-display);font-weight:600;line-height:1}.score-denom{color:var(--muted);margin-left:2px;font-size:14px;font-weight:400}.stat.hit strong{color:var(--hit)}.stat.miss strong{color:var(--miss)}.result-grid{flex:1;grid-template-columns:1fr 1fr;gap:16px;min-height:0;display:grid}.insights,.transcript{flex-direction:column;min-height:0;display:flex}.insights ul{flex-direction:column;flex:1;gap:8px;min-height:0;margin:0;padding:0;list-style:none;display:flex;overflow:auto}.insights li{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:10px;padding:10px 12px;transition:border-color .15s}.insights li.active{border-color:var(--brand);box-shadow:inset 3px 0 0 var(--brand)}.insight-head{align-items:center;gap:8px;margin-bottom:6px;display:flex}.badge{border-radius:4px;flex-shrink:0;padding:2px 7px;font-size:11px;font-weight:600}.badge.ok{color:var(--hit);background:#e4f4eb}.badge.no{color:var(--miss);background:#f8e8e5}.insights p{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.suggest-title{margin-top:16px!important}.suggest-item{cursor:default!important}.transcript-scroll{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex;overflow:auto}.para{background:#fff;border:1px solid #0000;border-radius:10px;padding:10px 12px}.para.highlight{background:#e8f5ef;border-color:#b7d9c8}.speaker{color:var(--brand);margin-bottom:4px;font-size:12px;font-weight:600;display:inline-block}button.speaker{text-underline-offset:2px;text-decoration:underline}button.speaker:hover:not(:disabled){opacity:.85}button.speaker:disabled{cursor:not-allowed;opacity:.6}.para p{margin:0;font-size:14px;line-height:1.55}.muted{color:var(--muted)}.drawer-root{z-index:40;pointer-events:none;position:fixed;inset:0}.drawer-root.open{pointer-events:auto}.drawer-backdrop{opacity:0;cursor:pointer;background:#1a2a2459;border:none;margin:0;padding:0;transition:opacity .22s;position:absolute;inset:0}.drawer-root.open .drawer-backdrop{opacity:1}.drawer{height:100%;width:var(--drawer-width);background:var(--panel);border-left:1px solid var(--line);flex-direction:column;transition:transform .28s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;top:0;right:0;transform:translate(100%);box-shadow:-12px 0 40px #1a2a241f}.drawer-root.open .drawer{transform:translate(0)}.drawer-head{border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 18px 12px;display:flex}.drawer-kicker{letter-spacing:.1em;text-transform:uppercase;color:var(--brand);margin:0;font-size:11px;font-weight:600}.drawer-head h2{font-family:var(--font-display);margin:4px 0 0;font-size:22px;font-weight:600}.drawer-body{flex:1;padding:12px 18px 28px;overflow:auto}.desc-area{resize:vertical;white-space:pre-wrap;word-break:break-word;min-height:72px;line-height:1.45}.drawer-toolbar{justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}.drawer-toolbar-right{gap:8px;margin-left:auto;display:flex}.ghost.danger-btn{color:var(--miss);border-color:color-mix(in srgb, var(--miss) 35%, var(--line))}.ghost.danger-btn:hover:not(:disabled){background:var(--warn-bg)}.rules-head{justify-content:space-between;align-items:center;gap:8px;margin-top:8px;display:flex}.rules-head .field-label{margin:0}.rule-list{flex-direction:column;gap:6px;margin-top:8px;display:flex}.rule-row{border:1px solid var(--line);background:#fff;border-radius:10px;overflow:hidden}.rule-row.open{border-color:color-mix(in srgb, var(--brand) 40%, var(--line))}.rule-summary{cursor:pointer;text-align:left;width:100%;color:inherit;background:0 0;border:none;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.rule-summary:hover{background:#f3f7f5}.rule-index{color:var(--muted);font-size:12px;font-weight:600}.rule-title-preview{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;overflow:hidden}.rule-score-preview{color:var(--muted);white-space:nowrap;font-size:12px}.rule-editor{border-top:1px solid var(--line);flex-direction:column;gap:8px;padding:10px 12px 12px;display:flex}.score-row{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:flex}.score-input{width:72px}@media (width<=960px){.page{height:auto;min-height:100vh}.workbench{flex:none;grid-template-columns:1fr}.ops-panel,.result-panel{height:auto}.result-panel{min-height:60vh}.empty{min-height:360px}.result-grid,.summary{grid-template-columns:1fr}.insights ul,.transcript-scroll{max-height:50vh}.sop-select{flex:1;min-width:0}.drawer{width:100%}}