@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Fraunces:opsz,wght@9..144,600;9..144,700&family=Manrope:wght@400;500;600;700&display=swap";:root{color:#20221e;font-synthesis:none;text-rendering:optimizelegibility;background:#f3f0e8;font-family:Manrope,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}.page-shell{background:radial-gradient(circle at 88% 14%,#d7e6b7 0,#0000 22rem),#f3f0e8;flex-direction:column;min-height:100svh;padding:28px clamp(24px,6vw,96px) 26px;display:flex}.site-header,footer{justify-content:space-between;align-items:center;display:flex}.brand{color:#20221e;letter-spacing:-1px;font:700 24px/1 Fraunces,serif;text-decoration:none}.phase,.eyebrow,footer{color:#6d7066;letter-spacing:.08em;text-transform:uppercase;font:500 11px/1.2 DM Mono,monospace}.hero{width:min(100%,780px);margin:auto 0;padding:80px 0}.eyebrow{color:#6e833f;margin:0 0 24px}h1{letter-spacing:-.07em;max-width:740px;margin:0;font:600 clamp(52px,7.5vw,92px)/.96 Fraunces,serif}.intro{color:#5c6057;max-width:500px;margin:28px 0 42px;font-size:17px;line-height:1.65}.download-form{background:#fffffc9e;border:1px solid #cfcbc0;border-radius:4px;max-width:690px;padding:24px;box-shadow:8px 8px #d9d6cc}label{margin-bottom:12px;font-size:13px;font-weight:700;display:block}.url-row{gap:10px;display:flex}input{color:#20221e;background:#fffef9;border:1px solid #bdbbb2;border-radius:2px;outline:none;flex:1;min-width:0;padding:15px 16px;font-size:15px}input:focus{border-color:#728c3d;box-shadow:0 0 0 3px #dce8c4}button{color:#f9f8f0;cursor:pointer;background:#35441e;border:0;border-radius:2px;padding:0 20px;font-size:14px;font-weight:700;transition:background .15s}button:hover:not(:disabled){background:#4a5f29}button:disabled{cursor:wait;opacity:.7}.form-note,.form-error{margin:13px 0 0;font-size:12px}.form-note{color:#74776e}.form-error{color:#a2322a}.video-card,.transcript-card{border-top:1px solid #b9b6ab;max-width:690px;margin-top:34px;padding:24px}.video-card .eyebrow,.transcript-card .eyebrow{margin-bottom:10px}.video-card h2{letter-spacing:-.035em;margin:0;font:600 26px/1.12 Fraunces,serif}.video-meta{color:#73766d;margin:10px 0 18px;font-size:13px}.job-progress{color:#62665c;text-transform:uppercase;align-items:center;gap:12px;margin:0 0 14px;font:500 11px/1 DM Mono,monospace;display:flex}.progress-track{background:#d2d0c5;border-radius:99px;flex:1;height:7px;overflow:hidden}.progress-track span{border-radius:inherit;background:#718d3c;min-width:0;height:100%;transition:width .3s;display:block}.resource-usage{color:#69715c;text-transform:uppercase;margin:-6px 0 14px;font:500 11px/1 DM Mono,monospace}.job-output{color:#d4dfbf;text-align:left;white-space:pre-wrap;background:#242b1b;min-height:88px;max-height:180px;margin:0 0 16px;padding:12px;font:11px/1.55 DM Mono,monospace;display:block;overflow:auto}.transcribe-button{min-height:48px;padding:0 18px}.delete-actions{gap:10px;margin-top:20px;display:flex}.delete-actions button{color:#8d302a;background:0 0;border:1px solid #bd8e88;min-height:36px;padding:0 12px;font-size:12px}.delete-actions button:hover{color:#fff8f2;background:#8d302a}.transcript-card{background:#e8e5db;border:0}.transcript-card>p:last-child{color:#353831;white-space:pre-wrap;font-size:15px;line-height:1.75}.library{border-top:1px solid #b9b6ab;max-width:690px;margin-top:56px;padding-top:24px}.library-heading{justify-content:space-between;align-items:baseline;margin-bottom:16px;display:flex}.library-heading .eyebrow{margin:0}.library-heading h2{letter-spacing:-.035em;margin:0;font:600 26px/1 Fraunces,serif}.empty-library{color:#73766d;font-size:14px}.library-list{gap:8px;display:grid}.library-item{color:#32352e;text-align:left;background:#e7e4da;justify-content:space-between;align-items:center;gap:18px;width:100%;min-height:58px;padding:12px 14px;display:flex}.library-item:hover,.library-item.selected{color:#f8f7ef;background:#35441e}.library-item span{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;overflow:hidden}.library-item small{text-transform:uppercase;flex:none;font:500 10px/1 DM Mono,monospace}footer{border-top:1px solid #cfcbc0;padding-top:24px}@media (width<=600px){.page-shell{padding:24px}.phase{display:none}.hero{padding:64px 0}h1{font-size:clamp(46px,15vw,66px)}.url-row{flex-direction:column}button{min-height:50px}footer span:last-child{display:none}}