:root{--red: #e7283a;--red-bright: #f03a4c;--red-deep: #c91f32;--red-dark: #a11828;--red-soft: #eb5b65;--red-ink: #8d1624;--rose: #fff1f2;--rose-2: #ffd6da;--mist: #fffafa;--white: #ffffff;--ink: #1a1d26;--muted: #6b7280;--line: #f3d5d8;--shadow: 0 24px 60px rgba(231, 40, 58, .14);--radius: 22px;--sidebar: 236px;font-family:Outfit,system-ui,sans-serif;color:var(--ink);background:var(--mist)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}button,input,textarea,select{font-family:inherit}button{cursor:pointer}img{max-width:100%}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.login-shell{min-height:100vh;display:grid;place-items:center;padding:32px 20px;position:relative;overflow:hidden;background-color:#fff;background-image:radial-gradient(#eadfe1 1px,transparent 1px);background-size:24px 24px}.network-graphic{position:absolute;right:6%;top:50%;transform:translateY(-50%);width:min(520px,42vw);height:min(520px,42vw);pointer-events:none;z-index:0}.network-graphic svg{width:100%;height:100%}@media(max-width:960px){.network-graphic{opacity:.18;right:50%;transform:translate(50%,-50%);width:380px;height:380px}}.login-card{width:min(440px,100%);background:#fff;border:1px solid rgba(243,213,216,.9);box-shadow:var(--shadow);border-radius:28px;padding:42px 40px 34px;position:relative;z-index:1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:rise .7s ease both}@keyframes rise{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}.brand{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:22px}.brand-mark{display:none!important}.brand-word{font-weight:800;letter-spacing:.4px;line-height:1.05;font-size:28px;color:var(--red)}.brand-word small{display:block;font-size:11px;font-weight:600;letter-spacing:2.6px;color:var(--red-deep)}.login-card h1{text-align:center;font-size:26px;margin:8px 0 6px;font-weight:700}.login-card .sub{text-align:center;color:var(--muted);margin:0 0 28px;font-size:15px}.field{position:relative;margin-bottom:14px}.field input,.field textarea,.field select{width:100%;border:1.5px solid #e7c7cc;border-radius:14px;padding:14px 14px 14px 44px;font-size:15px;outline:none;background:#fff;transition:border-color .2s,box-shadow .2s}.field textarea{min-height:132px;resize:vertical;padding:14px}.field select{padding-left:14px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--red);box-shadow:0 0 0 4px #e7283a1f}.field .icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--red)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:14px;padding:13px 18px;font-weight:700;letter-spacing:.2px;transition:transform .15s ease,box-shadow .15s ease,background .15s}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-primary{background:var(--red);color:#fff;box-shadow:0 8px 18px #e7283a38;width:100%;margin-top:8px}.btn-primary:hover{background:var(--red-deep)}.btn-ghost{background:#fff;color:var(--red);border:1.5px solid var(--rose-2)}.btn-soft{background:var(--rose);color:var(--red-deep)}.login-links{display:flex;justify-content:space-between;margin-top:18px;font-size:13px}.login-links button{background:none;border:0;color:var(--muted);padding:0}.login-links .accent{color:var(--red);font-weight:600}.error{color:var(--red);font-size:13px;margin:4px 0 8px;text-align:center}.app-shell{height:100vh;max-height:100vh;display:grid;grid-template-columns:var(--sidebar) 1fr;background-color:snow;background-image:radial-gradient(#f3dfe1 1px,transparent 1px);background-size:22px 22px;overflow:hidden}.sidebar{background:var(--red);color:#fff;padding:22px 16px;display:flex;flex-direction:column;height:100vh;max-height:100vh;overflow-y:auto}.sidebar .brand{justify-content:flex-start;margin-bottom:28px}.sidebar .brand-word{color:#fff;font-size:20px;font-weight:800;letter-spacing:.5px}.sidebar .brand-word small{color:#ffffffbf;letter-spacing:2.4px}.nav-btn{width:100%;display:flex;align-items:center;gap:10px;background:transparent;border:0;color:#ffffffc7;padding:11px 12px;border-radius:12px;font-weight:600;text-align:left}.nav-btn.active{background:#ffffff24;color:#fff}.history-label{margin:26px 6px 10px;font-size:11px;letter-spacing:1.8px;opacity:.7;font-weight:700}.history-list{flex:1;overflow:auto;display:flex;flex-direction:column;gap:6px;padding-right:4px}.history-item{background:#ffffff14;border:0;color:#fff;border-radius:12px;padding:10px;display:flex;align-items:center;gap:8px;text-align:left}.history-item:hover,.history-item.active{background:#ffffff29}.history-item .meta{flex:1;min-width:0}.history-item .title{font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-item .date{font-size:11px;opacity:.7}.history-item .chip{font-size:9px;font-weight:800;letter-spacing:.4px;background:#ffffff29;padding:3px 6px;border-radius:999px}.sidebar-foot{margin-top:auto;padding-top:16px}.user-chip{display:flex;align-items:center;gap:10px;background:#ffffff1a;border-radius:14px;padding:8px 10px}.avatar{width:32px;height:32px;border-radius:50%;background:#fff;color:var(--red);display:grid;place-items:center;font-weight:800;font-size:13px}.logout{margin-left:auto;background:transparent;border:0;color:#fff;opacity:.85}.main{padding:28px 32px 40px;min-width:0;height:100vh;max-height:100vh;overflow-y:auto;overflow-x:hidden}.main::-webkit-scrollbar{width:8px}.main::-webkit-scrollbar-track{background:transparent}.main::-webkit-scrollbar-thumb{background:var(--rose-2);border-radius:999px}.main::-webkit-scrollbar-thumb:hover{background:var(--red-soft)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.topbar h1{margin:0;font-size:30px}.toggle{display:flex;align-items:center;background:#fff;border:1.5px solid var(--rose-2);border-radius:999px;padding:5px;box-shadow:0 8px 24px #5c0b150f}.toggle button{border:0;background:transparent;color:var(--muted);font-weight:700;font-size:12px;letter-spacing:.8px;padding:10px 18px;border-radius:999px}.toggle button.active{background:var(--red);color:#fff;box-shadow:0 4px 14px #e7283a33}.panel{display:grid;grid-template-columns:1fr 1.08fr;gap:20px;animation:fadeSlide .35s ease}@keyframes fadeSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.card{background:#fff;border:1.5px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:0 10px 30px #5c0b150d}.card h2{margin:0 0 4px;font-size:16px;color:var(--red-deep)}.workspace{display:flex;flex-direction:column;justify-content:flex-start;gap:12px}.transcript{min-height:148px;border:1px solid var(--line);border-radius:16px;padding:16px;background:#fff;color:var(--ink);font-size:13.5px;line-height:1.55;overflow:auto;max-height:260px}.transcript .speaker{color:var(--red);font-weight:700}.dropzone{border:1.5px dashed var(--red);background:#fff5f6;border-radius:16px;min-height:118px;display:grid;place-items:center;text-align:center;padding:16px;color:var(--red-deep);position:relative;overflow:hidden;transition:all .2s ease}.dropzone.fill{flex:1;min-height:380px}.dropzone.over{background:var(--rose)}.dropzone input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.drop-icon{width:46px;height:46px;border-radius:12px;background:var(--rose);display:grid;place-items:center;margin:0 auto 8px}.viz{display:grid;place-items:center;gap:10px;padding:8px 0 4px}.orb{width:78px;height:78px;border-radius:50%;background:var(--rose);color:var(--red);display:grid;place-items:center;position:relative}.orb:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%;border:2px solid rgba(231,40,58,.18);animation:pulse 1.6s ease-out infinite}.orb.busy:after{animation-duration:.8s;border-color:#e7283a73}@keyframes pulse{0%{transform:scale(.9);opacity:.9}to{transform:scale(1.18);opacity:0}}@keyframes popIn{0%{opacity:0;transform:scale(.8) translateY(-10px)}65%{opacity:1;transform:scale(1.04) translateY(0)}to{opacity:1;transform:scale(1) translateY(0)}}.gen-pop{animation:popIn .38s cubic-bezier(.34,1.56,.64,1) both;background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;margin-top:10px;display:flex;flex-direction:column;gap:12px;box-shadow:0 4px 16px #0000000a}.wave{display:flex;align-items:center;justify-content:center;gap:4px;height:36px}.wave span{width:4px;height:10px;background:var(--red);border-radius:99px;animation:bars 1s ease-in-out infinite}.wave span:nth-child(2){animation-delay:.1s}.wave span:nth-child(3){animation-delay:.2s}.wave span:nth-child(4){animation-delay:.3s}.wave span:nth-child(5){animation-delay:.15s}.wave span:nth-child(6){animation-delay:.25s}.wave span:nth-child(7){animation-delay:.05s}.wave span:nth-child(8){animation-delay:.35s}.wave span:nth-child(9){animation-delay:.18s}.wave span:nth-child(10){animation-delay:.28s}@keyframes bars{0%,to{height:8px;opacity:.45}50%{height:28px;opacity:1}}.steps{display:flex;gap:8px;flex-wrap:wrap}.step{flex:1;min-width:110px;background:var(--mist);border:1px solid var(--line);border-radius:12px;padding:8px 10px;font-size:11px;font-weight:700;color:var(--muted)}.step.done{color:var(--red-deep);background:#fff5f6;border-color:var(--rose-2)}.step.active{color:var(--red);border-color:var(--red);box-shadow:0 0 0 3px #e7283a14}.step .bar{height:4px;background:#f0dce0;border-radius:99px;margin-top:6px;overflow:hidden}.step .bar i{display:block;height:100%;width:0;background:var(--red)}.step.active .bar i{animation:load 1.4s ease forwards}.step.done .bar i{width:100%}@keyframes load{to{width:100%}}.actions{display:grid;gap:10px}.btn-row{width:100%;border:1.5px solid var(--rose-2);background:#fff;color:var(--red);border-radius:14px;padding:12px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px}.btn-row:hover{background:var(--mist)}.lang-card{border:1.5px solid var(--line);border-radius:14px;padding:14px;background:var(--mist);margin:12px 0}.lang-card h3{margin:0;font-size:13px;color:var(--red-deep)}.lang-sub{margin:4px 0 12px;font-size:12px;color:var(--muted)}.lang-stack{display:flex;height:12px;border-radius:99px;overflow:hidden;background:#fff;margin-bottom:12px}.lang-seg{display:block;height:100%}.lang-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.lang-list li{display:grid;grid-template-columns:1fr auto;gap:4px 10px;font-size:13px}.lang-meta{display:flex;align-items:center;gap:8px;font-weight:600}.lang-list strong{color:var(--red)}.lang-bar{grid-column:1 / -1;height:7px;background:#fff;border:1px solid var(--line);border-radius:99px;overflow:hidden}.lang-bar b{display:block;height:100%;border-radius:99px}.dot{width:9px;height:9px;border-radius:50%;display:inline-block}.lang-en,.dot.lang-en{background:#e7283a}.lang-zh,.dot.lang-zh{background:#f07a84}.lang-ja,.dot.lang-ja{background:#c91f32}.lang-es,.dot.lang-es{background:#8d1624}.lang-hi,.dot.lang-hi{background:#eb5b65}.lang-ko,.dot.lang-ko{background:#a11828}.search{position:relative;margin-bottom:10px}.search input{width:100%;border:1.5px solid var(--line);border-radius:12px;padding:10px 12px 10px 34px;font-size:13px}.search svg{position:absolute;left:10px;top:11px;color:var(--muted)}.player{display:flex;align-items:center;gap:10px;background:var(--mist);border:1.5px solid var(--line);border-radius:16px;padding:12px}.play{width:42px;height:42px;border-radius:50%;border:0;background:var(--red);color:#fff;display:grid;place-items:center}.slider{flex:1;accent-color:var(--red)}.file-pill{display:inline-flex;align-items:center;gap:8px;background:var(--rose);color:var(--red-deep);border-radius:999px;padding:6px 10px;font-size:12px;font-weight:600}.tabs{display:inline-flex;background:#fdf2f3;padding:4px;border-radius:12px;gap:4px;margin-bottom:14px;border:1px solid var(--line)}.tabs button{border:0;background:transparent;border-radius:8px;padding:7px 14px;font-size:12.5px;font-weight:600;color:var(--muted);transition:all .15s ease}.tabs button:hover{color:var(--ink)}.tabs button.active{background:var(--red);color:#fff;box-shadow:0 2px 8px #e7283a33}.empty{color:var(--muted);font-size:13px;text-align:center;padding:18px 8px}.status-toast{font-size:13px;color:var(--red-deep);font-weight:600;min-height:18px}.floating-toast{position:fixed;top:24px;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:10px;background:#ef4444;color:#f8fafc;padding:12px 24px;border-radius:999px;font-size:14px;font-weight:600;letter-spacing:.2px;box-shadow:0 14px 38px #00000047,0 4px 12px #0000001f;border:1px solid rgba(255,255,255,.14);z-index:9999;pointer-events:none;animation:floatToastIn .35s cubic-bezier(.16,1,.3,1)}.floating-toast .toast-check{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#10b981;color:#fff;font-size:11px;font-weight:800;flex-shrink:0}@keyframes floatToastIn{0%{opacity:0;transform:translate(-50%,-20px) scale(.94)}to{opacity:1;transform:translate(-50%) scale(1)}}.request-success-card{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f0fdf4;border:1.5px solid #86efac;border-radius:12px;padding:11px 16px;margin-bottom:14px;color:#14532d;box-shadow:0 6px 18px #16653414;animation:popIn .35s cubic-bezier(.175,.885,.32,1.275)}.request-success-card .success-icon{width:24px;height:24px;border-radius:50%;background:#16a34a;color:#fff;display:inline-grid;place-items:center;font-size:13px;font-weight:800;flex-shrink:0}.request-success-card strong{font-size:13px;color:#15803d;display:block;line-height:1.25}.request-success-card p{color:#166534;margin:2px 0 0;font-size:12px}.request-success-card .success-close{background:transparent;border:0;color:#15803d;font-size:14px;cursor:pointer;padding:4px;border-radius:6px;display:grid;place-items:center;line-height:1;transition:background .15s}.request-success-card .success-close:hover{background:#16a34a26}.ai-summary-tab{display:flex;flex-direction:column;gap:12px}.summary-banner{display:flex;gap:12px;align-items:flex-start;background:var(--rose);border:1px solid var(--rose-2);border-radius:12px;padding:10px 12px}.summary-sparkle{font-size:18px;line-height:1}.summary-banner strong{display:block;font-size:12px;color:var(--red-deep);margin-bottom:3px;text-transform:uppercase;letter-spacing:.5px}.summary-overview{margin:0;font-size:13px;line-height:1.5;color:var(--ink)}.summary-section h4{margin:0 0 6px;font-size:13px;font-weight:700;color:var(--ink);letter-spacing:.2px}.summary-bullets,.action-bullets{margin:0;padding-left:0;list-style:none;display:flex;flex-direction:column;gap:6px}.summary-bullets li{position:relative;padding-left:14px;font-size:12.5px;line-height:1.45;color:var(--ink)}.summary-bullets li:before{content:"";position:absolute;left:2px;top:7px;width:5px;height:5px;border-radius:50%;background:var(--red)}.action-bullets li{display:flex;align-items:flex-start;gap:8px;font-size:12.5px;line-height:1.45;color:var(--ink)}.check-ico{display:inline-grid;place-items:center;width:15px;height:15px;border-radius:4px;background:var(--red);color:#fff;font-size:10px;font-weight:800;flex-shrink:0;margin-top:2px}.summary-meta-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px;padding-top:10px;border-top:1px solid var(--line)}.meta-pill{font-size:11px;padding:4px 8px;border-radius:999px;background:#fff;border:1px solid var(--line);color:var(--ink)}.meta-pill.topic{background:var(--rose);border-color:var(--rose-2);color:var(--red-deep);font-weight:600}.panel-viewport{min-height:320px;max-height:420px;overflow-y:auto;border:1px solid var(--line);border-radius:16px;padding:18px;background:#fff;display:flex;flex-direction:column}.card-top-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.card-top-head h2{margin:0;font-size:17px;color:var(--ink);font-weight:700}.dialogue-list{display:flex;flex-direction:column;gap:10px}.dialogue-row{display:flex;align-items:baseline;gap:12px;padding:8px 10px;border-radius:10px;transition:background .15s}.dialogue-row:hover{background:#fff8f8}.speaker-tag{font-size:11.5px;font-weight:700;color:var(--red);background:var(--rose);border:1px solid var(--rose-2);padding:3px 8px;border-radius:6px;flex-shrink:0;letter-spacing:.2px}.dialogue-text{font-size:13.5px;line-height:1.55;color:var(--ink)}.tab-languages-view{display:flex;flex-direction:column;gap:12px;padding:4px}.tab-languages-view .lang-header h4{margin:0 0 4px;font-size:14px;font-weight:700}.tab-languages-view .lang-sub{margin:0 0 12px;font-size:12px;color:var(--muted)}.export-actions{display:flex;flex-direction:column;gap:8px;margin-top:14px}.export-pills{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.btn-pill{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#fff;border:1px solid var(--rose-2);border-radius:10px;padding:9px 10px;font-size:12px;font-weight:600;color:var(--red);transition:background .15s,border-color .15s}.btn-pill:hover:not(:disabled){background:var(--rose);border-color:var(--red)}.btn-pill:disabled{opacity:.5;cursor:not-allowed}@media(max-width:1100px){.panel{grid-template-columns:1fr}.app-shell{grid-template-columns:86px 1fr}.sidebar{padding:16px 8px}.sidebar .brand-word,.history-item .meta,.user-chip span,.nav-btn span,.history-label{display:none}.history-item{justify-content:center}}@media(max-width:720px){.app-shell{grid-template-columns:1fr;grid-template-rows:auto 1fr;height:100vh}.sidebar{min-height:auto;height:auto;max-height:none;overflow:visible}.main{padding:18px;height:100%;max-height:100%}.topbar{flex-direction:column;align-items:stretch}}.error-boundary-shell{min-height:100vh;display:grid;place-items:center;padding:32px 20px;background:var(--mist);background-image:radial-gradient(#eadfe1 1px,transparent 1px);background-size:24px 24px}.error-boundary-card{width:min(500px,100%);background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:var(--radius);padding:48px 40px 40px;text-align:center;animation:fadeUp .35s ease both}.error-boundary-icon{font-size:48px;line-height:1;margin-bottom:16px;filter:drop-shadow(0 4px 12px rgba(231,40,58,.25))}.error-boundary-card h1{font-size:22px;font-weight:700;color:var(--ink);margin:0 0 10px}.error-boundary-msg{font-size:14px;color:var(--muted);margin:0 0 16px;line-height:1.6}.error-boundary-stack{text-align:left;background:#fdf2f4;border:1px solid var(--line);border-radius:10px;padding:12px 14px;font-size:11px;color:var(--red-dark);overflow-x:auto;white-space:pre-wrap;word-break:break-all;margin:0 0 20px;font-family:Courier New,monospace}.error-boundary-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.error-boundary-actions .btn{min-width:130px}.notfound-shell{min-height:100vh;display:grid;place-items:center;padding:32px 20px;background:var(--mist);background-image:radial-gradient(#eadfe1 1px,transparent 1px);background-size:24px 24px}.notfound-card{width:min(460px,100%);background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:var(--radius);padding:52px 40px 44px;text-align:center;animation:fadeUp .4s ease both}.notfound-code{font-size:96px;font-weight:900;line-height:1;background:linear-gradient(135deg,var(--red) 0%,var(--red-soft) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-4px;margin-bottom:8px;animation:pulse 3s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.75}}.notfound-title{font-size:22px;font-weight:700;color:var(--ink);margin:0 0 10px}.notfound-desc{font-size:14px;color:var(--muted);margin:0 0 28px;line-height:1.6}.notfound-btn{display:inline-block;text-decoration:none}