@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600;700&family=IBM+Plex+Sans:ital,wght@0,300;0,400;0,500;1,400&display=swap");:root{--bg:#06080a;--surface:#0c1014;--surface-raised:#111820;--surface-high:#16202a;--border:rgba(56,189,248,0.08);--border-strong:rgba(56,189,248,0.18);--text:#e2eaf2;--text-dim:#5d7a8a;--text-faint:#2d4455;--accent:#38bdf8;--accent-dim:rgba(56,189,248,0.1);--accent-glow:rgba(56,189,248,0.15);--green:#4ade80;--green-dim:rgba(74,222,128,0.1);--amber:#fbbf24;--amber-dim:rgba(251,191,36,0.1);--blue:#60a5fa;--blue-dim:rgba(96,165,250,0.1);--red:#f87171;--red-dim:rgba(248,113,113,0.1);--mono:"IBM Plex Mono",monospace;--sans:"IBM Plex Sans",system-ui,sans-serif}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{min-height:100%;background:var(--bg);-webkit-font-smoothing:antialiased}body{min-height:100vh;display:flex;flex-direction:column;color:var(--text);font-family:var(--mono);background:radial-gradient(ellipse 60% 40% at 80% 0,rgba(56,189,248,.04) 0,transparent 60%),radial-gradient(ellipse 40% 30% at 0 100%,rgba(74,222,128,.03) 0,transparent 50%),var(--bg)}a{color:inherit;text-decoration:none}.detail-shell,.shell{position:relative;z-index:1;width:min(1140px,calc(100vw - 48px));margin:0 auto;padding:0 0 80px;flex:1 1}.detail-shell{width:min(900px,calc(100vw - 48px))}.topbar{justify-content:space-between;padding:20px 0;margin-bottom:56px;border-bottom:1px solid var(--border)}.topbar,.topbar-logo{display:flex;align-items:center}.topbar-logo{gap:12px}.topbar-logo-mark{width:28px;height:28px;border:1px solid var(--accent);display:grid;place-items:center;position:relative}.topbar-logo-mark:after{content:"";width:8px;height:8px;background:var(--accent);animation:pulse-dot 2.4s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.6)}}.topbar-logo-text{font-size:.8rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--accent)}.topbar-status{display:flex;align-items:center;gap:8px;font-size:.72rem;color:var(--text-dim);letter-spacing:.06em}.topbar-status-dot{width:6px;height:6px;border-radius:50%;background:var(--green);animation:pulse-dot 2.4s ease-in-out infinite}.upload-section{max-width:520px;margin:0 auto 72px}.upload-card{background:var(--surface);border:1px solid var(--border-strong);width:100%}.upload-card-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--border)}.upload-card-title{font-size:.68rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}.upload-card-id{font-size:.68rem;color:var(--text-faint)}.dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:40px 20px;border:1px dashed rgba(56,189,248,.2);margin:16px;background:var(--surface-raised);cursor:pointer;transition:border-color .18s,background .18s;text-align:center}.dropzone:hover{border-color:rgba(56,189,248,.4);background:var(--surface-high)}.dropzone input{display:none}.dropzone-icon{font-size:1.4rem;color:var(--accent);opacity:.5;margin-bottom:2px}.dropzone-title{font-size:.88rem;font-weight:600;color:var(--text)}.dropzone-copy{font-size:.7rem;color:var(--text-faint);letter-spacing:.06em}.form-error{font-size:.76rem;color:var(--red);margin:0 16px 12px;padding:8px 12px;background:var(--red-dim);border-left:2px solid var(--red)}.primary-button{display:flex;align-items:center;justify-content:center;width:calc(100% - 32px);margin:0 16px 16px;min-height:44px;border:1px solid var(--accent);background:transparent;color:var(--accent);font-family:var(--mono);font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;position:relative;overflow:hidden;transition:color .2s}.primary-button:before{content:"";position:absolute;inset:0;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .24s ease}.primary-button:hover:before{transform:scaleX(1)}.primary-button span{position:relative;z-index:1}.primary-button:hover span{color:var(--bg)}.primary-button:disabled{opacity:.35;cursor:wait}.jobs-section{margin-top:0}.section-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:16px}.section-label{font-size:.68rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);display:flex;align-items:center;gap:10px;margin-bottom:6px}.section-label:before{content:"";display:block;width:16px;height:1px;background:var(--accent)}h2.section-title{font-family:var(--mono);font-size:1.4rem;font-weight:700;letter-spacing:-.02em;color:var(--text)}.jobs-table{width:100%;border-collapse:collapse}.jobs-table thead tr{border-bottom:1px solid var(--border)}.jobs-table th{font-size:.65rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint);padding:10px 16px;text-align:left}.jobs-table td{padding:16px;border-bottom:1px solid rgba(56,189,248,.04);vertical-align:middle}.jobs-table tbody tr{transition:background .14s;cursor:pointer}.jobs-table tbody tr:hover{background:var(--surface-raised)}.jobs-table tbody tr:hover td:first-child{border-left:2px solid var(--accent);padding-left:14px}.jobs-table tbody tr td:first-child{border-left:2px solid transparent}.job-name{font-size:.88rem;font-weight:500;color:var(--text);max-width:32ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.job-meta{font-size:.74rem;color:var(--text-dim)}.job-date{font-size:.74rem;color:var(--text-faint);white-space:nowrap}.empty-row td{padding:60px 16px;text-align:center;color:var(--text-faint);font-size:.82rem}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;font-size:.66rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}.status-pill:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.status-queued{background:var(--amber-dim);color:var(--amber)}.status-processing{background:var(--blue-dim);color:var(--blue)}.status-processing:before{animation:pulse-dot 1.2s ease-in-out infinite}.status-done{background:var(--green-dim);color:var(--green)}.status-error{background:var(--red-dim);color:var(--red)}.inline-progress{display:flex;align-items:center;gap:8px;margin-top:5px}.inline-progress-track{flex:1 1;height:2px;background:var(--surface-high);overflow:hidden}.inline-progress-fill{height:100%;background:var(--accent);transition:width .8s ease}.inline-progress-pct{font-size:.66rem;color:var(--accent);white-space:nowrap;min-width:3ch}.detail-topbar{display:flex;align-items:center;justify-content:space-between;padding:20px 0;margin-bottom:32px;border-bottom:1px solid var(--border)}.back-link{display:inline-flex;align-items:center;gap:8px;font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);border:1px solid var(--border);padding:8px 14px;transition:border-color .16s,color .16s}.back-link:hover{border-color:var(--accent);color:var(--accent)}.detail-panel{background:var(--surface);border:1px solid var(--border);padding:28px 32px;margin-bottom:16px}.hero-label{font-size:.65rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);display:flex;align-items:center;gap:8px;margin-bottom:12px}.hero-label:before{content:"";display:block;width:16px;height:1px;background:var(--accent)}.detail-title{font-family:var(--mono);font-size:clamp(1.1rem,2.5vw,1.6rem);font-weight:700;letter-spacing:-.02em;color:var(--text);margin:0 0 6px;word-break:break-all}.detail-sub{font-family:var(--sans);font-size:.82rem;color:var(--text-dim);margin-bottom:20px}.detail-meta-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1px;gap:1px;background:var(--border);border:1px solid var(--border);margin-top:20px}.detail-meta-cell{background:var(--surface-raised);padding:14px 18px}.detail-meta-cell span{display:block;font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);margin-bottom:5px}.detail-meta-cell strong{font-size:.84rem;font-weight:600;color:var(--text)}.progress-wrap{margin:0 0 4px}.progress-label{display:flex;justify-content:space-between;font-size:.68rem;color:var(--text-dim);letter-spacing:.06em;margin-bottom:6px}.progress-track{height:2px;background:var(--surface-high);overflow:hidden}.progress-fill{height:100%;background:var(--accent);transition:width .8s ease;box-shadow:0 0 8px rgba(56,189,248,.4)}.progress-bar-indeterminate{height:100%;width:40%;background:var(--accent);opacity:.4;animation:indeterminate 1.6s ease-in-out infinite}@keyframes indeterminate{0%{transform:translateX(-100%)}to{transform:translateX(350%)}}.delete-button{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border:1px solid rgba(248,113,113,.25);background:transparent;color:var(--red);font-family:var(--mono);font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:border-color .16s,background .16s}.delete-button-confirm,.delete-button:hover{border-color:var(--red);background:var(--red-dim)}.delete-button:disabled{opacity:.35;cursor:wait}details{border:1px solid var(--border);background:var(--surface);margin-bottom:12px}details[open] .collapse-arrow-native:after{content:"▲"}.collapse-arrow-native:after{content:"▼"}summary{list-style:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}summary::-webkit-details-marker{display:none}.collapsible-header{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-bottom:1px solid var(--border);gap:12px}details:not([open]) summary.collapsible-header{border-bottom:none}.collapse-arrow,.collapse-arrow-native:after{font-size:.6rem;color:var(--text-faint)}.logs-panel{border:1px solid var(--border);background:var(--surface);margin-bottom:12px}.logs-header{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;border-bottom:1px solid var(--border)}.logs-title{font-size:.66rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim)}.logs-live{font-size:.68rem;color:var(--green);letter-spacing:.06em}.logs-body{height:180px;overflow-y:auto;padding:12px 24px;font-family:var(--mono);font-size:.7rem;line-height:1.7;color:var(--text-dim)}.logs-line{white-space:pre-wrap;word-break:break-all}.logs-empty{color:var(--text-faint)}.transcript-panel-title{font-size:.66rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);display:flex;align-items:center;gap:8px}.transcript-panel-title:before{content:"";display:block;width:14px;height:1px;background:var(--accent)}.transcript-refresh-note{font-size:.68rem;color:var(--text-faint)}.transcript-box{padding:24px;font-family:var(--sans);font-size:.91rem;line-height:1.8;color:var(--text);white-space:pre-wrap;word-break:break-word}.transcript-pending{padding:48px 24px;text-align:center;color:var(--text-faint);font-size:.82rem;line-height:1.7}.transcript-error{padding:24px;color:var(--red);font-family:var(--mono);font-size:.78rem;border-left:2px solid var(--red);background:var(--red-dim)}.copy-btn{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 12px;border:1px solid var(--border-strong);background:transparent;color:var(--text-dim);font-family:var(--mono);font-size:.66rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:border-color .16s,color .16s}.copy-btn:hover{border-color:var(--accent);color:var(--accent)}.copy-btn.copied{border-color:var(--green);color:var(--green)}.summary-panel{border:1px solid var(--border-strong);background:var(--surface);margin-bottom:12px}.summary-panel .collapsible-header{border-bottom:1px solid var(--border);padding:14px 24px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;gap:12px}.summary-gen-btn{display:inline-flex;align-items:center;height:26px;padding:0 11px;border:1px solid var(--accent);background:transparent;color:var(--accent);font-family:var(--mono);font-size:.66rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:background .15s}.summary-gen-btn:hover{background:var(--accent-dim)}.summary-regen-btn{border-color:var(--text-faint);color:var(--text-dim)}.summary-regen-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.summary-loading{font-size:.68rem;color:var(--accent);letter-spacing:.06em}.summary-body{padding:20px 24px}.summary-empty{font-family:var(--sans);font-size:.82rem;color:var(--text-faint)}.summary-error{font-family:var(--mono);font-size:.76rem;color:var(--red)}.summary-skeleton{display:flex;flex-direction:column;gap:10px}.summary-skeleton-line{height:12px;background:linear-gradient(90deg,var(--surface-high) 25%,var(--surface-raised) 50%,var(--surface-high) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.summary-content{display:flex;flex-direction:column;gap:16px}.summary-title{font-family:var(--mono);font-size:1rem;font-weight:700;letter-spacing:-.01em;color:var(--text);padding-bottom:14px;border-bottom:1px solid var(--border);margin:0}.summary-list{list-style:none;display:flex;flex-direction:column;gap:0}.summary-item{display:grid;grid-template-columns:32px 1fr;grid-gap:14px;gap:14px;align-items:baseline;padding:11px 0;border-bottom:1px solid rgba(56,189,248,.04);transition:background .14s}.summary-item:last-child{border-bottom:none}.summary-item:hover{background:var(--surface-raised);margin:0 -24px;padding:11px 24px}.summary-num{font-family:var(--mono);font-size:.65rem;font-weight:700;color:var(--accent);letter-spacing:.06em;opacity:.6;padding-top:2px}.summary-text{font-family:var(--sans);font-size:.91rem;line-height:1.6;color:var(--text)}.summary-raw{font-family:var(--mono);font-size:.76rem;color:var(--text-dim);white-space:pre-wrap}.site-footer{width:100%;padding:16px 0;background:var(--bg)}.page-footer,.site-footer{border-top:1px solid var(--border);text-align:center;font-size:.68rem;color:var(--text-faint);letter-spacing:.06em}.page-footer{margin-top:60px;padding-top:20px}@media (prefers-reduced-motion:no-preference){.topbar{animation:fade-up .35s ease both}.upload-section{animation:fade-up .45s ease 60ms both}.jobs-section{animation:fade-up .45s ease .12s both}.detail-topbar{animation:fade-up .3s ease both}.detail-panel{animation:fade-up .38s ease 50ms both}.logs-panel,.summary-panel,details{animation:fade-up .38s ease .1s both}}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.detail-shell,.shell{width:calc(100vw - 32px);padding-bottom:60px}.topbar{margin-bottom:36px;padding:16px 0}.topbar-status{display:none}.upload-section{max-width:100%;margin-bottom:48px}.dropzone{padding:32px 16px}.jobs-table,.jobs-table tbody,.jobs-table td,.jobs-table th,.jobs-table thead,.jobs-table tr{display:block}.jobs-table thead{display:none}.jobs-table tbody tr{border:1px solid var(--border);background:var(--surface);margin-bottom:8px;padding:14px 16px;display:flex;flex-direction:column;gap:8px}.jobs-table tbody tr:hover{background:var(--surface-raised);border-left:2px solid var(--accent);padding-left:14px}.jobs-table tbody tr td:first-child{border-left:none}.jobs-table tbody tr:hover td:first-child{border-left:none;padding-left:0}.jobs-table td{padding:0;border-bottom:none}.job-name{max-width:100%;white-space:normal;word-break:break-word;font-size:.88rem}.job-date{color:var(--text-faint)}.detail-topbar{flex-wrap:wrap;gap:12px;margin-bottom:20px}.detail-panel{padding:20px 16px}.detail-meta-grid{grid-template-columns:repeat(2,1fr)}.collapsible-header{padding:12px 16px}.logs-body{padding:10px 16px}.summary-body,.transcript-box{padding:16px}.summary-item:hover{margin:0 -16px;padding:11px 16px}h2.section-title{font-size:1.1rem}}@media (max-width:480px){.detail-shell,.shell{width:calc(100vw - 24px)}.detail-meta-grid{grid-template-columns:1fr 1fr}.detail-topbar>div{flex-wrap:wrap;gap:8px}.back-link{font-size:.66rem;padding:7px 10px}.delete-button{font-size:.64rem;padding:0 8px}.topbar-logo-text{font-size:.72rem;letter-spacing:.14em}.jobs-table td:nth-child(3){display:none}}