:root{--ink:#17211b;--muted:#657168;--paper:#f3f1e9;--panel:#fffdf7;--line:#d9ddd3;--accent:#e5542f;--green:#1f6a47}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}button,a{font:inherit}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:20px clamp(24px,6vw,88px);display:flex}.brand{color:var(--ink);align-items:center;gap:10px;font-weight:750;text-decoration:none;display:flex}.brandMark{background:var(--accent);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex;transform:rotate(-4deg)}.environment,.eyebrow{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:700}.hero{max-width:1050px;margin:0 auto;padding:80px 24px 54px}.hero h1{letter-spacing:-.045em;max-width:920px;margin:16px 0 24px;font-family:Georgia,serif;font-size:clamp(48px,7vw,82px);font-weight:500;line-height:.98}.lede{color:var(--muted);max-width:690px;font-size:20px;line-height:1.55}.workspace{background:var(--panel);border:1px solid var(--line);border-radius:20px;max-width:1050px;margin:0 auto 80px;overflow:hidden;box-shadow:0 18px 50px #1c281f12}.workspaceHeading{justify-content:space-between;align-items:flex-end;padding:30px;display:flex}.workspaceHeading h2{margin:8px 0 0;font-size:27px}button,.fileButton,.connectButton{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:999px;padding:12px 19px}button:disabled{cursor:wait;opacity:.6}.connectButton{text-decoration:none}.accountControls{align-items:center;gap:10px;display:flex}.accountControls>span{color:var(--muted);margin-right:4px;font-size:13px}.secondaryButton{border:1px solid var(--line);color:var(--ink);background:0 0}.fileButton{text-overflow:ellipsis;white-space:nowrap;max-width:250px;display:inline-block;overflow:hidden}.fileButton input{opacity:0;width:1px;height:1px;position:absolute}.steps{border-bottom:1px solid var(--line);border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin:0;padding:0;list-style:none;display:grid}.steps li{gap:12px;min-height:112px;padding:24px 20px;display:flex}.steps li+li{border-left:1px solid var(--line)}.steps li.active{background:#fff3e8}.steps li.complete .stepNumber{background:var(--green);color:#fff}.stepNumber{border:1px solid var(--line);border-radius:50%;flex:0 0 28px;justify-content:center;align-items:center;height:28px;font-size:11px;display:flex}.steps strong{margin:5px 0 8px;display:block}.steps p{color:var(--muted);margin:0;font-size:13px;line-height:1.35}.videoLibrary{border-bottom:1px solid var(--line);padding:26px 30px}.libraryHeading{justify-content:space-between;align-items:flex-end;display:flex}.libraryHeading h3{margin:6px 0 0;font-family:Georgia,serif;font-size:25px;font-weight:500}.libraryHeading>span{color:var(--muted);font-size:12px}.videoList{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:320px;margin-top:18px;display:grid;overflow-y:auto}.videoList button{border:1px solid var(--line);color:var(--ink);text-align:left;background:0 0;border-radius:10px;padding:13px 14px}.videoList button:hover{border-color:var(--green)}.videoList button.selected{border-color:var(--green);background:#eef3ef}.videoList strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.videoList span{color:var(--muted);text-transform:capitalize;margin-top:6px;font-size:11px;display:block}.result{grid-template-columns:280px 1fr;gap:34px;padding:30px;display:grid}.videoPlaceholder{aspect-ratio:9/12;color:#fff;background:linear-gradient(145deg,#25372c,#0c1510);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;display:flex}.videoPlaceholder span{color:#b7c6bb;margin-bottom:8px;font-size:12px}.metadata h3{margin:18px 0;font-family:Georgia,serif;font-size:32px;font-weight:500}.status{color:var(--green);text-transform:uppercase;font-size:13px;font-weight:700}.statusDot{background:var(--green);border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block}dl{border-top:1px solid var(--line);margin:0}dl div{border-bottom:1px solid var(--line);justify-content:space-between;padding:13px 0;display:flex}dt{color:var(--muted)}dd{margin:0}.note{color:var(--muted);margin-top:22px;font-size:13px;line-height:1.5}.metadata button,.inlineFileButton{margin-top:24px}.inlineFileButton+button{margin-left:8px}.uploadProgress{background:#e7e9e4;border-radius:999px;height:8px;margin-top:18px;position:relative}.uploadProgress>div{background:var(--green);border-radius:inherit;height:100%;transition:width .15s}.uploadProgress span{color:var(--muted);margin-top:6px;font-size:11px;display:block}.empty{color:var(--muted);text-align:center;padding:64px 30px}.empty span{color:var(--green);text-transform:uppercase;font-size:12px;font-weight:700}.chartPanel{border-top:1px solid var(--line);padding:30px}.chartHeading{justify-content:space-between;align-items:flex-end;display:flex}.chartHeading h3{margin:7px 0 0;font-family:Georgia,serif;font-size:28px;font-weight:500}.chartHeading>p{color:var(--muted);font-size:12px}.legendDot{background:var(--accent);border-radius:50%;width:8px;height:8px;margin:0 6px 0 12px;display:inline-block}.legendHook{background:#f8dfcf;width:14px;height:10px;margin:0 6px 0 16px;display:inline-block}.chartPanel svg{width:100%;margin-top:18px;overflow:visible}.chartPanel text{fill:var(--muted);font-size:11px}.axis{stroke:var(--line)}.benchmark{stroke:#b8bdb5;stroke-dasharray:4 5}.hookRegion{fill:#f8dfcf}.retentionLine{fill:none;stroke:var(--accent);stroke-width:2.5px}.measuredPoint{fill:var(--panel);stroke:var(--accent);stroke-width:2.5px}.chartNote{color:var(--muted);margin:0;font-size:12px}.analysisPanel{border-top:1px solid var(--line);padding:30px}.analysisHeading{justify-content:space-between;align-items:flex-end;display:flex}.analysisHeading h3{margin:7px 0 0;font-family:Georgia,serif;font-size:28px;font-weight:500}.readinessScore{align-items:baseline;gap:6px;display:flex}.readinessScore strong{color:var(--green);font-family:Georgia,serif;font-size:42px;font-weight:500}.readinessScore span{color:var(--muted);font-size:11px}.signalCards{grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0;display:grid}.signalCards>div{background:#f5f6f2;border-radius:12px;padding:16px}.signalCards span{color:var(--muted);text-transform:uppercase;font-size:11px;display:block}.signalCards strong{text-transform:capitalize;margin-top:8px;font-size:20px;display:block}.signalCards p{color:var(--muted);margin:6px 0 0;font-size:11px}.scoreBreakdown{grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 24px;display:grid}.scoreBreakdown>div>span{color:var(--muted);font-size:11px}.scoreBreakdown>div>div{background:#e7e9e4;border-radius:999px;height:7px;margin:7px 0;overflow:hidden}.scoreBreakdown i{background:var(--green);height:100%;display:block}.scoreBreakdown strong{font-size:10px;font-weight:500}.featureTimeline{background:#e7e9e4;border-radius:6px;height:42px;position:relative;overflow:hidden}.hookWindow{background:#f8dfcf;position:absolute;top:0;bottom:0;left:0}.featureMark{min-width:4px;position:absolute}.featureMark.scene_change{background:var(--accent);width:4px;top:0;bottom:0}.featureMark.silence{background:#25372cb8;height:9px;bottom:8px}.featureMark.on_screen_text{background:#4f78a8;height:9px;top:8px}.featureMark.transcript_segment{background:#7f5aa2;height:9px;bottom:21px}.timelineLegend{color:var(--muted);flex-wrap:wrap;gap:18px;margin-top:10px;font-size:11px;display:flex}.timelineLegend i{width:10px;height:8px;margin-right:5px;display:inline-block}.cutKey{background:var(--accent)}.silenceKey{background:#25372cb8}.textKey{background:#4f78a8}.speechKey{background:#7f5aa2}.detectedText{border-top:1px solid var(--line);margin-top:22px;padding-top:18px}.detectedText h4{text-transform:uppercase;margin:0 0 12px;font-size:12px}.detectedText p{gap:14px;margin:8px 0;font-size:13px;display:flex}.detectedText time{color:var(--muted);flex:0 0 42px}.noText{color:var(--muted);margin:18px 0 0;font-size:12px}.predictionWarning{color:var(--muted);margin:22px 0 0;font-size:12px;line-height:1.5}@media (max-width:760px){.environment{display:none}.hero{padding-top:54px}.workspace{border-left:0;border-right:0;border-radius:0}.workspaceHeading{flex-direction:column;align-items:flex-start;gap:20px}.steps{grid-template-columns:1fr 1fr}.steps li:nth-child(3){border-left:0;border-top:1px solid var(--line)}.steps li:nth-child(4){border-top:1px solid var(--line)}.libraryHeading{flex-direction:column;align-items:flex-start;gap:8px}.videoList,.result{grid-template-columns:1fr}.videoPlaceholder{aspect-ratio:16/9}.analysisHeading{flex-direction:column;align-items:flex-start;gap:16px}.signalCards,.scoreBreakdown{grid-template-columns:1fr}}