:root{color-scheme:dark;--bg:#0f0f0f;--elev:#202020;--text:#f1f1f1;--muted:#aaa;--line:#303030;--accent:#3ea6ff}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
a{color:var(--accent)}header{display:flex;justify-content:space-between;align-items:center;padding:14px 24px;border-bottom:1px solid var(--line)}.logo{font-size:20px;font-weight:700;color:var(--text);text-decoration:none}.home-link{color:var(--muted);text-decoration:none;font-size:14px}
main{max-width:1000px;margin:auto;padding:24px 24px 60px}input,button,select{font:inherit;color:var(--text);background:var(--elev);border:1px solid var(--line);border-radius:9px}input{min-width:0;width:100%;padding:12px 15px}input:focus{outline:2px solid var(--accent);outline-offset:2px}button{padding:11px 18px;cursor:pointer}button:hover:not(:disabled){background:#303030}button:disabled{opacity:.5;cursor:default}.primary{background:var(--accent);border-color:var(--accent);color:#06121e}.primary:hover:not(:disabled){background:#72beff}.video-actions{display:grid;grid-template-columns:minmax(180px,1fr) auto;gap:10px}.action-buttons{display:flex;gap:8px}.message{color:var(--muted);font-size:14px;margin:12px 0}.message:empty{display:none}.message.error,.player-error{color:#ff8797}
.video-heading{display:flex;gap:12px;align-items:baseline;margin:22px 0 12px}.video-heading h1{font-size:20px;line-height:1.4;font-weight:600;margin:0;flex:1;overflow-wrap:anywhere}#video-kind{font-size:12px;white-space:nowrap;color:var(--muted)}.dubbing-player{width:100%;max-height:74vh;display:block;background:#000;border-radius:10px;object-fit:contain}.dubbing-player[hidden],.background-audio[hidden],.dubbing-download[hidden],[hidden]{display:none!important}.background-audio{width:100%;margin:20px 0;min-height:54px}
.player-tools{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px;margin:12px 0}.player-tools label{display:flex;flex-direction:column;gap:4px;color:var(--muted);font-size:12px}.player-tools select,.player-tools button{padding:8px 11px;font-size:14px;border-radius:8px}.player-tools .listen-button{margin-left:auto}.player-error{font-size:13px}.player-error:empty{display:none}.dubbing-download{display:inline-block;padding:6px 0 10px;text-decoration:none;font-size:14px}
.task-progress{padding:12px 14px;border:1px solid var(--line);border-radius:10px;margin:14px 0}.task-progress p{font-size:14px;margin:0 0 6px}.task-progress progress{width:100%;height:8px;accent-color:var(--accent)}.task-progress a{display:inline-block;padding:6px 0}.library{margin-top:30px}.library h2{font-size:17px;margin:0 0 12px}.video-library{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.saved-video{display:block;text-decoration:none;color:var(--text);border-radius:9px;overflow:hidden;background:var(--elev);border:1px solid transparent}.saved-video[aria-current="true"]{border-color:var(--accent)}.saved-video img{width:100%;aspect-ratio:16/9;object-fit:cover;background:#000;display:block}.saved-video span{display:block;padding:10px 12px;font-size:14px;line-height:1.4}.saved-video small{display:block;color:var(--muted);padding:0 12px 10px}
@media(max-width:650px){header{padding:12px 14px}main{padding:16px 12px 40px}input{font-size:16px}.video-actions{grid-template-columns:1fr}.action-buttons{display:grid;grid-template-columns:repeat(3,1fr)}.action-buttons button{padding:10px 6px}.video-heading h1{font-size:17px}.video-heading{margin-top:18px}.dubbing-player{max-height:65vh;border-radius:7px}.player-tools{gap:8px}.player-tools label{flex:1;min-width:80px}.player-tools select{width:100%}.player-tools .listen-button{margin-left:0}.video-library{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.saved-video span{padding:8px;font-size:12px}.saved-video small{padding:0 8px 8px;font-size:11px}}

.video-login{max-width:34rem;margin:10vh auto;padding:1.5rem;line-height:1.6}.video-login h1{font-size:1.7rem}.video-login .primary{padding:.8rem 1.2rem}.video-login a{display:inline-block;margin-top:1rem}header nav{display:flex;gap:1rem;align-items:center}#video-logout{font-size:.9rem;padding:.35rem .6rem}[hidden]{display:none!important}