:root{--cream:#f4f0e6;--paper:#fffdf7;--ink:#183e3b;--muted:#71807b;--teal:#0d6b66;--teal2:#8ebbb3;--tealsoft:#dbe9e4;--coral:#e56f55;--coralsoft:#f8dfd5;--line:#d9d7ca;--shadow:0 16px 42px rgba(29,62,58,.09);--radius:18px}
*{box-sizing:border-box}html{background:var(--cream);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink)}body{margin:0;min-width:320px;background:radial-gradient(circle at 80% 0,rgba(229,111,85,.07),transparent 30%),var(--cream);min-height:100vh}button,select,input,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{opacity:.46;cursor:not-allowed}button:focus-visible,input:focus-visible,textarea:focus-visible,label:focus-visible{outline:3px solid #6da7a0;outline-offset:2px}.hidden{display:none!important}
.topbar{height:73px;background:#fffdf8ed;border-bottom:1px solid #dddcd1;display:flex;justify-content:space-between;align-items:center;padding:0 clamp(18px,3.4vw,60px);gap:10px}.brand{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:700;letter-spacing:1.3px;white-space:nowrap}.brand b{color:var(--teal)}.brand-mark{display:grid;place-items:center;height:37px;width:37px;background:var(--teal);color:white;border-radius:10px;font-size:21px;font-family:Georgia,serif}.topbar-actions{display:flex;align-items:center;gap:18px}.top-status{color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.85px}.top-status i{display:inline-block;background:#31987b;width:7px;height:7px;border-radius:50%;margin-right:6px}.quiet-link{border:0;background:none;color:var(--teal);font-size:12px;font-weight:750}
.steps{margin:0 auto;max-width:1300px;padding:27px clamp(18px,3vw,40px) 4px;display:flex;align-items:center;gap:10px}.step{display:flex;align-items:center;gap:9px;padding:10px 15px;border:1px solid #dddfd5;border-radius:99px;font-size:11px;font-weight:700;color:#82928c;background:#fffefca8}.step>span{height:23px;width:23px;display:grid;place-items:center;border-radius:50%;background:#e2e6df;color:#677a73;font-size:10px}.step.active{background:var(--teal);color:white;border-color:var(--teal)}.step.active>span{background:#fff4;color:inherit}.step.finished{color:var(--teal);background:var(--tealsoft)}main{max-width:1300px;padding:18px clamp(18px,3vw,40px) 60px;margin:0 auto}.prepare-heading{display:grid;grid-template-columns:1fr 290px;gap:35px;align-items:center;margin:20px 0 27px}.eyebrow{color:var(--coral);font-size:10px;font-weight:850;letter-spacing:1.8px;margin:0 0 10px}.prepare-heading h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(30px,3.3vw,49px);font-weight:500;line-height:1.12;letter-spacing:-1.4px;margin:0 0 12px}.prepare-heading p:not(.eyebrow){margin:0;color:var(--muted);font-size:13px;line-height:1.7;max-width:650px}.safety-note{border:1px solid #c6ded7;background:var(--tealsoft);border-radius:12px;padding:16px;display:grid;gap:9px}.safety-note strong{color:var(--teal);font-size:12px}.safety-note span{color:#52736b;font-size:11px;line-height:1.6}
.prepare-grid{display:grid;grid-template-columns:1.06fr 1fr 1fr;gap:18px}.card{min-width:0;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow);display:flex;flex-direction:column;min-height:395px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:19px}.card-head>div{display:flex;align-items:center;gap:9px}.card h2{font-size:16px;letter-spacing:-.4px;margin:0}.number{height:30px;width:30px;border-radius:8px;background:var(--tealsoft);color:var(--teal);display:grid;place-items:center;font-weight:850;font-size:12px}.number.coral{background:var(--coralsoft);color:#bf654d}.status{font-size:9px;font-weight:800;letter-spacing:.6px;padding:6px 8px;border-radius:99px;white-space:nowrap}.status.idle{color:#7b8b82;background:#edf0e9}.status.ready{color:#0a7668;background:#d6eee5}.status.running{color:#ad6c36;background:#fff0d8}.status.failed{color:#ac473a;background:#fbe6de}.dropzone{border:1.6px dashed #abcac4;border-radius:13px;background:linear-gradient(155deg,#f8fcf9,#edf7f2);min-height:206px;padding:22px 14px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;cursor:pointer;transition:.2s}.dropzone.dragging,.dropzone:hover{background:#e5f2ec;border-color:var(--teal)}.dropzone strong{font-size:13px;max-width:100%;overflow-wrap:anywhere}.dropzone small{font-size:10px;color:var(--muted);line-height:1.5}.upload-icon{font-size:38px;color:var(--teal)}.upload-button{background:var(--teal);border-radius:8px;color:white;padding:9px 14px;font-size:11px;font-weight:800}.native-player{display:block;width:100%;height:34px;margin-top:17px}.native-player:not([src]){opacity:.32;pointer-events:none}.microcopy{font-size:10px;line-height:1.6;color:var(--muted);margin:12px 0 0}.card label:not(.dropzone){font-size:11px;font-weight:800;margin:0 0 6px}.select-wrap{position:relative;margin-bottom:16px}.select-wrap select{width:100%;height:40px;border:1px solid #d4ded8;background:#fafdfa;border-radius:8px;padding:10px;font-size:11px}.model-note{background:#f1f7f3;border-radius:9px;padding:13px;color:#5f7c71;font-size:11px;line-height:1.7;margin-bottom:auto}.primary-button,.coral-button,.secondary-button{border-radius:9px;border:1px solid transparent;padding:12px 15px;font-size:12px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:9px}.primary-button{background:var(--teal);color:#fff}.primary-button:not(:disabled):hover{background:#095a55}.coral-button{background:var(--coral);color:#fff}.coral-button:not(:disabled):hover{background:#d46048}.secondary-button{background:#fff;border-color:#cbd9d4;color:var(--teal)}.secondary-button:hover{background:#edf6f1}.action-big{width:100%;margin-top:20px;min-height:46px}.template-thumb{border:1px solid #d4d8cf;background:#fff;padding:5px;transform:rotate(-.5deg);box-shadow:0 8px 17px #203e3820;margin:7px 0 12px}.template-head,.template-line{display:grid;grid-template-columns:21% 24% 55%;font-family:Georgia,serif}.template-head{font-size:9px;font-weight:700;min-height:65px;align-items:center;text-align:center}.template-line{height:31px;font-size:10px}.template-line>* ,.template-head>*{border:1px solid #b3b8b0;margin:-.5px;display:flex;align-items:center;justify-content:center;padding:2px}.template-line span:last-child{color:#c1cac2;font-family:monospace;font-size:9px}.doc-facts{display:flex;align-items:center;justify-content:space-between;gap:5px;color:var(--muted);font-size:10px;margin-top:auto}.doc-facts strong{color:var(--teal);white-space:nowrap}.job-progress{padding-top:15px}.progress-label{display:flex;justify-content:space-between;gap:8px;color:#607c74;font-size:10px}.progress-track{height:6px;background:#e7ece8;border-radius:99px;overflow:hidden;margin:8px 0}.progress-track i{height:100%;display:block;background:var(--coral);width:0;transition:width .4s}.error{border:1px solid #ebbdaf;background:#fff2ec;color:#9f4837;padding:11px 13px;border-radius:9px;font-size:11px;line-height:1.6;margin-top:13px}
.results-panel{margin-top:35px;padding:28px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.results-title{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:22px}.results-title h2{font-family:Georgia,serif;font-size:29px;font-weight:500;margin:0 0 10px}.results-title p:not(.eyebrow){font-size:11px;color:var(--muted);margin:0}.count-tag{font-family:Inter,system-ui,sans-serif;font-size:10px;padding:5px 8px;background:var(--tealsoft);color:var(--teal);border-radius:30px;vertical-align:middle}.results-actions{display:flex;gap:8px}.table-scroll{overflow:auto;max-height:650px;border:1px solid #c7cdc4;border-radius:7px}.verbatim-table{width:100%;border-collapse:collapse;table-layout:fixed;background:white;font-family:'Times New Roman',serif;color:#202d28;font-size:14px}.verbatim-table th,.verbatim-table td{border:1px solid #c5c8c3;padding:10px 9px;vertical-align:middle}.verbatim-table th{background:#f3f4f0;text-align:center;font-size:13px;line-height:1.35}.verbatim-table thead{position:sticky;top:0;z-index:2}.verbatim-table th:first-child,.verbatim-table td:first-child{width:13%;text-align:center;white-space:nowrap;font-variant-numeric:tabular-nums}.verbatim-table th:nth-child(2),.verbatim-table td:nth-child(2){width:22%}.verbatim-table th:nth-child(3),.verbatim-table td:nth-child(3){width:57%}.verbatim-table th:last-child,.verbatim-table td:last-child{width:8%;text-align:center}.verbatim-table td:nth-child(3){padding:3px 7px}.verbatim-table td textarea{display:block;width:100%;resize:vertical;border:1px solid transparent;border-radius:5px;background:transparent;min-height:46px;font:inherit;padding:6px 4px;line-height:1.4}.verbatim-table td textarea:focus{outline:2px solid #9ccac0;background:#f9fefb}.time-stamp{font-size:11px;color:var(--teal);font-family:ui-monospace,monospace}.time-end{display:block;color:#94a39a;font-size:10px}.listen-button{display:grid;place-items:center;border:0;border-radius:50%;margin:auto;width:32px;height:32px;color:var(--teal);background:var(--tealsoft)}.listen-button:hover{background:#c4ded4}.review-warning{color:#8a6651;font-size:10px;line-height:1.7;background:#fcf2e7;padding:12px 16px;border-radius:9px;margin:14px 0 0}footer{padding:28px 0;margin-top:37px;border-top:1px solid #dcded4;color:#96a29b;font-size:10px;display:flex;justify-content:space-between;gap:10px}.auth-outer{min-height:calc(100vh - 74px);display:grid;place-items:center;padding:40px 18px}.login-card{width:min(450px,100%);background:var(--paper);border-radius:18px;border:1px solid var(--line);box-shadow:var(--shadow);padding:37px;display:flex;flex-direction:column;gap:12px}.login-card h1{font:normal 34px/1.15 Georgia,serif;letter-spacing:-.8px;margin:0}.login-card p:not(.eyebrow){font-size:12px;line-height:1.7;color:var(--muted);margin:0 0 12px}.login-card label{font-size:11px;font-weight:800}.login-card input{border:1px solid #b8c9c1;background:#fff;border-radius:9px;padding:12px}.login-card .primary-button{margin-top:10px}
@media(max-width:1090px){.prepare-grid{grid-template-columns:1fr 1fr}.export-card{grid-column:1/-1;min-height:290px}.template-thumb{max-width:350px}.prepare-heading{grid-template-columns:1fr;gap:12px}.safety-note{max-width:100%}.results-panel{padding:20px}}
@media(max-width:700px){.topbar{padding:0 16px}.brand{font-size:10px;gap:7px;letter-spacing:.2px}.brand-mark{width:31px;height:31px}.top-status{display:none}.steps{overflow:auto;gap:5px;padding:15px 15px 0}.step{padding:7px 8px;gap:4px;white-space:nowrap}.step b{font-size:10px}main{padding:8px 15px 40px}.prepare-heading{margin:20px 0}.prepare-grid{grid-template-columns:1fr}.export-card{grid-column:auto}.card{min-height:auto}.results-title{align-items:start;flex-direction:column}.results-actions{width:100%;flex-wrap:wrap}.verbatim-table{min-width:720px}.results-panel{padding:15px}.results-title h2{font-size:24px}footer{flex-direction:column}}