:root{--bg:#0b0c0f;--surface:#16181d;--surface-2:#1f2229;--border:#2a2d35;--text:#f2f3f5;--text-dim:#9aa0ab;--accent:#6ee7b7;--accent-text:#06120c;--danger:#f87171;--radius:14px;color-scheme:dark}*{box-sizing:border-box}body,html{padding:0;margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}button{font-family:inherit}.page{min-height:100dvh;align-items:center;padding:24px 16px calc(24px + env(safe-area-inset-bottom))}.container,.page{display:flex;flex-direction:column}.container{width:100%;max-width:480px;gap:16px}.header{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.header h1{font-size:1.4rem;margin:0}.header p{color:var(--text-dim);margin:0;font-size:.9rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.dropzone{border:2px dashed var(--border);border-radius:var(--radius);padding:32px 20px;text-align:center;color:var(--text-dim);cursor:pointer;transition:border-color .15s ease,background .15s ease}.dropzone.dragging,.dropzone:active{border-color:var(--accent);background:var(--surface-2)}.dropzone input[type=file]{display:none}.dropzone .filename{color:var(--text);font-weight:600;margin-top:8px;word-break:break-all}button.primary{background:var(--accent);color:var(--accent-text);border:none;border-radius:999px;padding:14px 20px;font-size:1rem;font-weight:600;cursor:pointer;width:100%}button.primary:disabled{opacity:.5;cursor:default}button.secondary{background:transparent;color:var(--text);border:1px solid var(--border);border-radius:999px;padding:12px 18px;font-size:.95rem;cursor:pointer;width:100%}input[type=password],input[type=text]{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;color:var(--text);padding:14px;font-size:1rem;width:100%}.error{color:var(--danger);font-size:.9rem}.status-row{display:flex;align-items:center;gap:10px}.spinner{width:16px;height:16px;border-radius:50%;border:2px solid var(--border);border-top-color:var(--accent);animation:spin .8s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(1turn)}}.step-list{flex-direction:column;font-size:.9rem}.step,.step-list{display:flex;gap:10px}.step{align-items:center;color:var(--text-dim)}.step.active{color:var(--text)}.step.done{color:var(--accent)}.step .dot{width:8px;height:8px;border-radius:50%;background:var(--border);flex-shrink:0}.step.active .dot,.step.done .dot{background:var(--accent)}.clip-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.clip-card video{width:100%;display:block;background:#000}.clip-card .clip-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 16px}.clip-card .clip-title{font-weight:600;font-size:.95rem}.clip-card a.download{color:var(--accent);text-decoration:none;font-size:.9rem;font-weight:600}