:root{--bg:#f5f4ef;--ink:#233d32;--muted:#777e73;--border:#ddded3;--accent:#d8ef9b;--green:#244f41}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 "Segoe UI",Arial,sans-serif}button,input,select{font:inherit}button,a,select,input[type=checkbox]{cursor:pointer}button{transition:background .2s,transform .2s}button:disabled{cursor:wait;opacity:.6}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #639971;outline-offset:3px}.topbar{height:88px;max-width:1256px;margin:auto;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 40px}.brand{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:650;letter-spacing:-1px;color:inherit;text-decoration:none}.brand-icon{background:var(--green);color:var(--accent);width:34px;height:34px;display:grid;place-items:center;border-radius:10px;font-size:28px}.local-label{font-size:9px;border:1px solid #bcc5b5;border-radius:4px;padding:2px 5px;letter-spacing:1.2px;margin-left:7px}.system-status{font-size:11px;display:flex;align-items:center;gap:7px}.dot{width:6px;height:6px;border-radius:50%;background:#65a46f;box-shadow:0 0 0 4px #65a46f14}main{max-width:1070px;margin:auto;padding:0 25px}.hero{position:relative;padding:62px 0 48px;min-height:360px}.eyebrow{font-size:10px;font-weight:650;letter-spacing:2px;display:flex;align-items:center;gap:9px}.eyebrow span{width:19px;height:1px;background:var(--ink)}h1{font-weight:500;letter-spacing:-3px;font-size:68px;line-height:1.04;margin:22px 0 18px}.serif{font-family:Georgia,serif;font-weight:400;font-style:italic}.intro{font-size:14px;color:var(--muted);line-height:1.7}.hero-art{position:absolute;right:43px;top:48px;width:370px;height:280px}.orbit{position:absolute;inset:0;border:1px solid #d9ddcf;border-radius:50%;transform:rotate(-23deg);height:255px}.art-card{position:absolute;width:202px;height:142px;border-radius:13px;box-shadow:0 14px 35px #33452b13}.card-back{left:39px;top:25px;background:#d3dbca;transform:rotate(-14deg);padding:17px;color:#84917c;font-size:9px}.wave{height:57px;background:repeating-linear-gradient(95deg,transparent 0 8px,#a3b096 9px 11px,transparent 12px 15px);margin-top:21px;border-radius:50%}.card-front{left:106px;top:88px;background:var(--green);transform:rotate(9deg);padding:19px}.play{height:43px;width:43px;border-radius:50%;background:#d9edaa;color:var(--green);display:grid;place-items:center;font-size:13px;padding-left:3px}.art-lines{display:flex;position:absolute;left:85px;top:40px;gap:4px;align-items:center;height:30px}.art-lines i{width:3px;height:14px;background:#8ea389;border-radius:2px}.art-lines i:nth-child(2n){height:28px}.art-lines i:nth-child(3n){height:20px}.card-front>span{display:flex;justify-content:space-between;border-top:1px solid #ffffff24;padding-top:14px;color:#c8d9b5;font-size:8px;letter-spacing:1.6px;margin-top:16px}.card-front b{font-size:15px;line-height:1}.floating-tag{position:absolute;left:20px;top:220px;background:#e4edce;border:1px solid #ccd8b9;border-radius:6px;transform:rotate(-7deg);font:italic 14px Georgia;padding:9px 14px}.floating-tag span{padding-left:17px;font:20px Georgia}.capture-panel{background:#fffef9;border:1px solid var(--border);padding:25px 28px 20px;border-radius:12px;box-shadow:0 3px 8px #39473003}.section-label{display:flex;align-items:center;gap:11px;margin-bottom:20px}.step{font-size:10px;color:#87917d;font-family:monospace}.section-label h2{font-size:15px;font-weight:600;letter-spacing:-.3px;margin:0}.small-text{font-size:10px;color:var(--muted);margin-left:auto}.url-row{display:flex;align-items:center;border:1px solid #d5dacd;border-radius:7px;background:#fff;padding:6px;gap:5px}.link-icon{font-size:22px;padding:0 9px;color:#919b86}.url-row input{flex:1;min-width:0;border:0;background:transparent;color:var(--ink);padding:10px 5px;font-size:13px;outline:none}.url-row input::placeholder{color:#9b9f95}.primary{border:0;background:var(--green);color:#fafcf5;padding:13px 19px;border-radius:6px;font-size:12px;font-weight:550;white-space:nowrap}.primary:hover{background:#35644e}.primary span{margin-left:20px}.capture-options{display:flex;align-items:center;gap:13px;font-size:10px;color:#858c7c;margin-top:14px}.toggle-label{display:flex;align-items:center;gap:6px;color:#525f4a;white-space:nowrap}input[type=checkbox]{accent-color:var(--green);width:15px;height:15px}.scan-status{background:#edf3df;border-radius:6px;padding:12px;margin-top:16px}.scan-status::before{content:'◌';display:inline-block;margin-right:9px;animation:spin 2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error{background:#f9e9e0;color:#973e29;padding:12px;border-radius:6px;margin-top:15px}.results{margin:30px 0}.pill{font-size:10px;padding:1px 6px;border:1px solid #d3d9c8;border-radius:5px;color:#687958}.text-button{margin-left:auto;border:0;background:none;color:var(--green);font-size:11px;text-decoration:underline}.page-title{font-size:12px;color:var(--muted)}.video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.video-card{display:flex;gap:13px;border:1px solid var(--border);padding:15px;border-radius:9px;background:#fffef9;cursor:pointer;align-items:flex-start;min-width:0}.video-card:has(input:checked){border-color:#729460;background:#f2f7e8}.video-thumb{width:80px;height:60px;flex-shrink:0;background:#e4e9dd;border-radius:5px;object-fit:cover;display:grid;place-items:center;color:#8c9b7b;font-size:20px}.video-info{min-width:0;flex:1}.video-info h3{font-size:12px;margin:0 0 7px;overflow-wrap:anywhere;font-weight:600}.meta{font-size:10px;color:#78856d}.source-link{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;color:#859078;margin-top:6px}.download-toolbar{display:flex;align-items:flex-end;gap:18px;padding:20px 0 8px}.download-toolbar label{display:block;letter-spacing:1.3px;font-size:9px;color:#7d8873;margin-bottom:5px}select{background:#fffef9;color:var(--ink);border:1px solid #cfd6c5;border-radius:5px;padding:10px 28px 10px 10px;font-size:12px}.download-toolbar>.primary{margin-left:auto}.format-note{color:var(--muted);font-size:10px}details{font-size:11px;color:var(--muted);margin:12px 0}.queue-section{margin-top:36px}.empty-state{padding:30px 24px;border:1px dashed #cfd5c5;border-radius:9px;display:flex;align-items:center;gap:18px}.empty-icon{height:42px;width:42px;display:grid;place-items:center;border:1px solid #d8dece;border-radius:12px;color:#9ba88a;font-size:22px}.empty-state h3{font-size:12px;font-weight:500;margin:0 0 4px;color:#617155}.empty-state p{font-size:10px;color:#95a087;margin:0}.empty-format{margin-left:auto;font-size:8px;letter-spacing:1.5px;color:#9ca68f}.job{padding:16px 20px;background:#fffef9;border:1px solid var(--border);border-radius:8px;margin-bottom:10px;display:grid;grid-template-columns:1fr auto;gap:9px}.job h3{font-size:12px;margin:0 0 5px;overflow-wrap:anywhere}.job p{font-size:10px;color:var(--muted);margin:0}.job .save{font-size:11px;padding:8px 15px;background:var(--accent);color:var(--ink);text-decoration:none;border-radius:5px;align-self:center}.cancel{border:1px solid #d7dcce;border-radius:5px;background:transparent;color:var(--muted);align-self:center;padding:6px 10px;font-size:11px}.job progress{grid-column:1/-1;width:100%;height:5px;accent-color:var(--green);border:0}.job progress::-webkit-progress-bar{background:#e8ebdf;border-radius:8px}.job progress::-webkit-progress-value{background:#709855;border-radius:8px}.job.failed p{color:#a54e38}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:47px 0 50px}.features>div>span{font-size:21px;color:#637c49}.features h3{font-size:12px;font-weight:500;margin:9px 0 6px}.features p{font-size:10px;color:#939c86;line-height:1.8;margin:0}footer{border-top:1px solid var(--border);max-width:1176px;margin:auto;display:flex;justify-content:space-between;padding:22px 0 30px;font-size:9px;color:#8d9783}.footer-dot{padding:0 11px;color:#c3cabb}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}dialog{max-width:450px;border:1px solid var(--border);border-radius:12px;padding:30px;background:var(--bg);color:var(--ink)}dialog::backdrop{background:#17261666}@media(max-width:700px){.topbar{height:70px;padding:0 23px}.brand{font-size:19px}.system-status{font-size:9px}.hero{padding-top:40px;min-height:330px}h1{font-size:56px}.hero-art{right:-10px;top:50px;transform:scale(.57);transform-origin:right center;width:310px}.intro{font-size:12px}.hero .eyebrow{font-size:8px}.capture-panel{padding:19px}.small-text{display:none}.url-row{flex-wrap:wrap}.url-row input{font-size:12px;width:calc(100% - 40px)}.url-row .primary{width:100%;margin-top:3px}.capture-options{align-items:flex-start;font-size:9px;gap:9px}.capture-options>span{max-width:180px}.video-grid{grid-template-columns:1fr}.download-toolbar{flex-wrap:wrap;gap:12px}.download-toolbar>div{flex:1}select{width:100%}.download-toolbar>.primary{width:100%}.empty-format{display:none}.empty-state{padding:23px 15px}.features{gap:16px;padding:34px 0}.features h3{font-size:10px}.features p{font-size:9px}.features br{display:none}footer{padding:20px 25px;gap:15px;font-size:8px}.job{padding:14px}.hero-art .floating-tag{display:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.login-panel { border: 1px solid #d8ddce; border-radius: 16px; padding: 32px; max-width: 420px; width: calc(100% - 40px); color: #224f43; background: #fafaf5; }
.login-panel::backdrop { background: rgba(12, 30, 25, .65); }
.login-panel label { display: block; margin: 18px 0; }
.login-panel input { display: block; width: 100%; margin-top: 8px; padding: 12px; border: 1px solid #bdc7b6; border-radius: 6px; }
.login-panel button { width: 100%; padding: 14px; color: white; background: #224f43; border: 0; border-radius: 6px; cursor: pointer; }
.login-error { color: #a53222; }