@import"https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700&display=swap";:root{font-family:Noto Sans KR,Malgun Gothic,sans-serif;color:#e9f0f5;background:#0c1420;font-synthesis:none;--mint:#91dfca;--caption:30px}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 85% 0%,#17332f66,transparent 50%)}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus,select:focus,summary:focus-visible{outline:2px solid #91dfca;outline-offset:4px}button{cursor:pointer;border:none;border-radius:10px;font-size:13px;font-weight:600;transition:background .15s}button:disabled{cursor:default;opacity:.38}button:not(:disabled):hover{filter:brightness(1.12)}[hidden]{display:none!important}.shell{max-width:1320px;padding:0 52px;margin:auto}.topbar{height:93px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff10}.brand{text-decoration:none;color:#eef5f7;font-weight:600;font-size:18px;display:flex;gap:12px;align-items:center}.brand-icon{display:grid;place-items:center;width:34px;height:34px;background:var(--mint);border-radius:10px;color:#16392f;font-size:22px}.private-badge{color:#a2bbb7;background:#18322f77;border:1px solid #86d8c11c;border-radius:30px;padding:8px 13px;font-size:11px}.private-badge i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--mint);margin-right:6px}.intro{padding:48px 0 34px}.eyebrow{font-size:12px;font-weight:500;color:#9addcb;letter-spacing:1px}h1{font-size:44px;font-weight:600;letter-spacing:-2.4px;line-height:1.3;margin:16px 0}h1 br{display:none}.intro p{color:#94a5b8;font-size:14px;line-height:1.9;margin:0}.intro p br{display:none}.workspace{display:grid;grid-template-columns:325px 1fr;gap:22px;align-items:start}.panel{border:1px solid #ffffff12;background:#121e2c;border-radius:18px;overflow:hidden}.setup{padding:25px}.panel-top{display:flex;gap:9px;align-items:center}.step{color:#82baa9;font-size:11px}h2{font-size:16px;font-weight:500;letter-spacing:-.5px;margin:0}.setup>.panel-top{margin-bottom:27px}label{font-size:12px;display:block;color:#bbcad7;margin-bottom:8px}label span{font-size:10px;color:#71869a;margin-left:6px}input[type=url],select{width:100%;background:#0d1724;color:#d6e1e8;border:1px solid #2d3d4f;border-radius:8px;padding:11px;font-size:12px}input::placeholder{color:#65788d}.link-row{display:flex;gap:6px}.link-row input{min-width:0}.small-button{flex-shrink:0;background:#26384a;color:#c9d8e4;padding:0 10px;font-size:11px}.hint{font-size:10px;color:#889cb1;line-height:1.9;margin:10px 0 21px}.two-fields{display:flex;gap:10px;margin:18px 0 23px}.two-fields>div{flex:1;min-width:0}.wide{width:100%;padding:13px 10px;margin-bottom:9px}.primary{background:var(--mint);color:#153b2f}.secondary{background:#2c4d48;color:#bceadb;border:1px solid #497369}.stop{background:#1a2a3b;color:#b0c2d4}.tip{border-top:1px solid #ffffff10;padding-top:19px;margin-top:15px}.tip strong{font-size:11px;font-weight:500;color:#c0d3dc}.tip p{font-size:10px;line-height:1.9;color:#8297ad;margin:8px 0 0}details{font-size:11px;color:#9eb5c7;margin-top:17px}summary{cursor:pointer}details ol{padding-left:18px;line-height:1.9;font-size:10px}details p{font-size:10px;line-height:1.8}.transcript{min-height:650px;padding:25px;display:flex;flex-direction:column}.transcript-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.caption-tools{display:flex;gap:9px;align-items:center}.caption-tools select{padding:7px 9px;width:100px;font-size:11px}.icon-button{font-size:11px;background:transparent;color:#adbfcc;padding:8px}.status{display:flex;align-items:center;gap:8px;font-size:10px;color:#95acbf;margin:19px 0;padding-bottom:17px;border-bottom:1px solid #ffffff0d}.status>i{height:6px;width:6px;border-radius:50%;background:#5b7288;flex-shrink:0}.status>i.active{background:var(--mint);box-shadow:0 0 12px #91dfca55}.status>span{flex:1}.meter{height:5px;width:42px;border-radius:5px;background:#2c3b4e;overflow:hidden;flex-shrink:0}#level{height:100%;width:0;background:var(--mint);transition:width .2s}.error,.notice{padding:13px 15px;border-radius:9px;font-size:12px;line-height:1.8;margin-bottom:16px}.error{background:#442a32;color:#ffbfc5;border:1px solid #72434d}.notice{background:#25372f;color:#bedfcd;border:1px solid #435849}.captions{flex:1;height:460px;overflow:auto;scrollbar-color:#3d5368 transparent}.empty{height:100%;min-height:340px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#7e95ac;text-align:center}.caption-symbol{height:59px;width:76px;display:flex;flex-direction:column;gap:7px;background:#213a39;border:1px solid #83d4bc18;border-radius:15px;padding:17px}.caption-symbol span{height:3px;background:#91dfcaaa;border-radius:3px;width:40px}.caption-symbol span:nth-child(2){width:28px}.caption-symbol span:last-child{width:19px}.empty h3{font-size:18px;font-weight:500;color:#c9d8e3;margin:24px 0 0}.empty p{font-size:12px;line-height:1.9;margin:12px 0 24px}.empty-label{font-size:10px;color:#607c91}.transcript-footer{display:flex;align-items:center;gap:14px;border-top:1px solid #ffffff10;padding-top:15px;color:#708aa0;font-size:10px}.check{display:flex;gap:7px;align-items:center;margin:0;font-size:11px;color:#94aabd}.check input{accent-color:var(--mint)}#count{margin-left:auto}.text-button{padding:5px;background:transparent;color:#849db3;font-size:11px}.caption-note{font-size:10px;line-height:1.8;color:#6d879e;margin:13px 0 0}.caption{padding:18px 0;border-bottom:1px solid #ffffff0d}.caption:last-child{border:0}.caption time{font-size:10px;color:#6f8ba0}.caption .korean{font-size:var(--caption);line-height:1.65;letter-spacing:-.6px;word-break:keep-all;overflow-wrap:anywhere;margin:9px 0}.english{font-size:12px;line-height:1.8;color:#8ba6ba;display:none;white-space:pre-wrap}.show-english .english{display:block}.how{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:35px 0 39px}.how>div{display:flex;gap:13px;align-items:start}.how span{font-size:11px;color:#5e897b;margin-top:3px}.how p{margin:0;font-size:11px;color:#7791a6;line-height:1.9}.how b{display:block;color:#b3c8d6;font-size:12px;font-weight:500;margin-bottom:2px}footer{border-top:1px solid #ffffff10;padding:20px 0 25px;font-size:10px;line-height:1.8;color:#60798f}footer p{margin:4px 0}footer a{color:#89a59f;text-decoration:none}.progress-track{height:3px;background:#31463f;border-radius:3px;margin:10px 0}.progress-track div{height:100%;width:0;background:var(--mint);transition:width .2s}#progressText{margin-bottom:13px;overflow-wrap:anywhere}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media (min-width:1200px){.intro{display:flex;position:relative;flex-direction:column}.intro>p{position:absolute;right:0;bottom:45px;text-align:right}.intro>p br{display:block}}@media (max-width:800px){.shell{padding:0 22px}.topbar{height:75px}.private-badge{font-size:9px;padding:7px 9px}.intro{padding-top:34px}h1{font-size:35px}h1 br{display:block}.intro p{font-size:12px}.workspace{grid-template-columns:1fr}.setup{padding:22px}.transcript{padding:20px;min-height:560px}.captions{height:360px}.two-fields{margin-bottom:18px}.tip p,.hint{font-size:11px}.how{grid-template-columns:1fr;gap:16px}.caption-tools select{width:86px}.caption .korean{font-size:25px}.transcript-head{flex-wrap:wrap}}.report-panel{margin-top:24px;padding:28px}.report-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.report-badge{font-size:10px;color:#91dfca}.report-intro{color:#93aabd;font-size:12px;line-height:1.9;margin:16px 0 23px}.report-meta{display:grid;grid-template-columns:2fr 1fr 2fr;gap:16px}.report-meta input,textarea{width:100%;background:#0d1724;color:#d6e1e8;border:1px solid #2d3d4f;border-radius:8px;padding:12px;font:inherit;font-size:13px}.report-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:22px 0 16px}.report-actions button{padding:12px 16px}.report-actions select{width:155px}.file-button{cursor:pointer;background:#26384a;padding:12px;border-radius:9px;margin:0;font-size:11px}.file-button:focus-within{outline:2px solid #91dfca}.report-status{font-size:12px;color:#a9d8c7;line-height:1.9}.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:25px}.report-grid .full{grid-column:1/-1}.report-grid textarea{display:block;margin-top:10px;line-height:1.9;resize:vertical}.report-disclaimer{font-size:11px;color:#a0b5c4;line-height:1.9;background:#1d2d3b;padding:15px;border-radius:8px}#reportText{resize:vertical;line-height:1.9}#reportSources{max-height:300px;overflow:auto;font-size:12px;line-height:1.9}#reportSources p{border-bottom:1px solid #ffffff10;padding-bottom:12px}@media (max-width:800px){.report-panel{padding:20px}.report-meta,.report-grid{grid-template-columns:1fr}.report-heading{align-items:start;flex-direction:column;gap:10px}}
