:root{--bg:#0b0b0f;--card:#15151b;--muted:#94949f;--line:#2a2a33;--accent:#c9ff35;--white:#f7f7f5}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--white);font-family:"DM Sans",sans-serif;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(#ffffff06 1px,transparent 1px),linear-gradient(90deg,#ffffff06 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to bottom,#000,transparent 78%);pointer-events:none}.glow{position:fixed;width:430px;height:430px;border-radius:50%;filter:blur(130px);opacity:.11;pointer-events:none}.glow.one{background:var(--accent);top:-220px;left:-130px}.glow.two{background:#7657ff;right:-250px;top:35%}nav{height:84px;max-width:1180px;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;position:relative}.brand{color:var(--white);text-decoration:none;font:800 20px Manrope;letter-spacing:3px}.brand span{display:inline-grid;place-items:center;background:var(--accent);color:#080a04;width:30px;height:30px;border-radius:9px;margin-right:8px;letter-spacing:0}.local{font-size:13px;color:#aaaab3;background:#ffffff07;border:1px solid #ffffff0c;padding:8px 12px;border-radius:30px}.local i{display:inline-block;width:7px;height:7px;background:var(--accent);box-shadow:0 0 10px var(--accent);border-radius:50%;margin-right:7px}main{width:min(920px,calc(100% - 32px));margin:70px auto 40px;position:relative}.hero{text-align:center}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;color:var(--accent);margin-bottom:23px}.hero h1{font:800 clamp(40px,7vw,72px)/1.05 Manrope;margin:0;letter-spacing:-4px}.hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px #8b8b94}.hero p{color:var(--muted);font-size:17px;line-height:1.6;max-width:570px;margin:25px auto 42px}.card{background:linear-gradient(145deg,#18181f,#121217);border:1px solid #ffffff12;border-radius:24px;padding:26px;box-shadow:0 30px 80px #0008}label{display:block;color:#babac2;font-size:13px;font-weight:600;margin:0 0 10px 3px}.url-row{display:flex;align-items:center;background:#0d0d12;border:1px solid var(--line);border-radius:14px;padding:7px;transition:.2s}.url-row:focus-within{border-color:#c9ff3577;box-shadow:0 0 0 3px #c9ff350d}.yt{color:#ff3a3a;margin:0 10px;font-size:15px}input{min-width:0;flex:1;background:none;border:0;outline:0;color:white;font:15px "DM Sans";padding:12px 2px}input::placeholder{color:#565661}.url-row button,.download{border:0;background:var(--accent);color:#0a0b07;border-radius:10px;padding:13px 18px;font:700 14px "DM Sans";cursor:pointer;transition:.2s}.url-row button:hover,.download:hover{transform:translateY(-1px);box-shadow:0 8px 24px #c9ff3528}.url-row button:disabled,.download:disabled{opacity:.5;cursor:wait}.url-row button b{font-size:17px;margin-left:8px}.message{margin-top:15px;color:#ff9b91;background:#ff554414;border:1px solid #ff55442e;padding:12px 14px;border-radius:10px;font-size:14px}.result{display:grid;grid-template-columns:155px 1fr;gap:18px;margin-top:25px;border-top:1px solid var(--line);padding-top:24px}.result>img{width:155px;aspect-ratio:16/9;object-fit:cover;border-radius:12px;background:#222}.details{align-self:center;min-width:0}.details small{color:var(--accent);font-size:11px;font-weight:700;letter-spacing:1px}.details h2{font:700 18px/1.3 Manrope;margin:5px 0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.details p{margin:0;color:var(--muted);font-size:13px}.formats{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:5px}.format{display:flex;align-items:center;text-align:left;gap:12px;border:1px solid var(--line);border-radius:13px;background:#0f0f14;color:white;padding:14px;cursor:pointer}.format.active{border-color:var(--accent);background:#c9ff3508}.format-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:9px;background:#24242b;color:#c8c8ce;font-size:17px}.format.active .format-icon{background:var(--accent);color:#111}.format span:nth-child(2){display:flex;flex:1;flex-direction:column}.format strong{font:600 14px "DM Sans"}.format small{color:var(--muted);font-size:12px;margin-top:3px}.format i{font-style:normal;color:transparent}.format.active i{color:var(--accent)}.download{grid-column:1/-1;width:100%;font-size:15px;padding:16px;margin-top:2px}.download span{float:right;font-size:20px}.progress-wrap{grid-column:1/-1}.progress-label{display:flex;justify-content:space-between;color:#c8c8cf;font-size:13px;margin-bottom:9px}.track{height:7px;background:#292930;border-radius:5px;overflow:hidden}.track div{width:0;height:100%;background:var(--accent);border-radius:5px;transition:.4s}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:35px 15px}.features>div{display:flex;gap:12px;align-items:center}.features b{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#ffffff08;color:var(--accent)}.features span{display:flex;flex-direction:column}.features strong{font-size:13px}.features small{font-size:11px;color:#73737d;margin-top:3px}footer{text-align:center;color:#55555e;font-size:11px;padding:25px}footer span{margin:0 8px}@media(max-width:640px){nav{height:68px}.local{font-size:11px}main{margin-top:42px}.hero h1{letter-spacing:-2.5px}.hero p{font-size:15px;margin:20px auto 30px}.card{padding:17px;border-radius:19px}.url-row{display:grid;grid-template-columns:auto 1fr;padding:5px}.url-row button{grid-column:1/-1;width:100%;margin-top:5px}.result{grid-template-columns:112px 1fr}.result>img{width:112px}.formats{grid-template-columns:1fr}.features{grid-template-columns:1fr;margin:28px 10px;gap:17px}.details h2{font-size:15px}}