:root{color:#eef2ff;background:#09111f;font-family:Inter,system-ui,Arial,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at top,#193b70,#09111f 58%);min-height:100vh;margin:0}main{width:min(1180px,94vw);margin:0 auto;padding:32px 0}.hero{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:28px;padding:32px;box-shadow:0 20px 60px #00000059}.brand{color:#93c5fd;letter-spacing:.04em;align-items:center;gap:10px;font-weight:800;display:flex}h1{margin:18px 0 8px;font-size:clamp(2rem,5vw,4rem);line-height:1}p{color:#cbd5e1;line-height:1.5}.searchbar{grid-template-columns:1fr auto auto;gap:12px;margin-top:24px;display:grid}input,select{color:#fff;background:#040912e6;border:1px solid #ffffff2e;border-radius:14px;outline:none;width:100%;padding:14px}button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#38bdf8,#6366f1);border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:13px 18px;font-weight:800;display:inline-flex}button:disabled{opacity:.65;cursor:wait}.secondary{background:#ffffff1f;border:1px solid #ffffff29}.status{color:#dbeafe;background:#00000038;border-radius:14px;margin-top:14px;padding:12px 14px}.grid{grid-template-columns:1.25fr .95fr;gap:18px;margin-top:18px;display:grid}.panel{background:#0f172ac7;border:1px solid #ffffff1f;border-radius:24px;padding:20px;box-shadow:0 14px 45px #00000040}.videoPanel{grid-row:span 2}iframe{aspect-ratio:16/9;background:#000;border:0;border-radius:18px;width:100%}.empty{text-align:center;color:#cbd5e1;border:1px dashed #fff3;border-radius:18px;place-items:center;min-height:160px;padding:20px;display:grid}.controls{grid-template-columns:1fr 1fr;gap:12px;margin-top:14px;display:grid}label{color:#cbd5e1;gap:8px;font-size:.92rem;display:grid}h2{align-items:center;gap:8px;margin:0 0 16px;display:flex}.title{background:#ffffff0f;border-radius:14px;padding:12px}.subtitles{gap:12px;max-height:530px;padding-right:8px;display:grid;overflow:auto}.line{background:#ffffff0f;border-radius:16px;padding:14px}.line b{color:#93c5fd}.line p{margin:8px 0}.line small{color:#a7f3d0;line-height:1.45}.word{all:unset;cursor:pointer;color:#fff;border-radius:8px;padding:2px}.word:hover{background:#38bdf838}.card h3{color:#93c5fd;margin:4px 0 12px;font-size:2rem}.saved{background:#ffffff0f;border-radius:14px;justify-content:space-between;gap:10px;margin-top:8px;padding:12px;display:flex}.saved span{color:#a7f3d0}.mt{margin-top:22px}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=850px){.grid,.controls,.searchbar{grid-template-columns:1fr}.videoPanel{grid-row:auto}}