*,:after,:before{margin:0;padding:0;box-sizing:border-box}body{background-color:#050508;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;padding:20px 14px}.sp-outer{background:#080810;min-height:420px;border-radius:32px;padding:40px 22px 36px;max-width:360px;margin:20px auto;border:.5px solid #1c1c30;box-shadow:0 10px 40px rgba(0,0,0,.6);display:flex;flex-direction:column;align-items:center}.sp-icon-wrap{position:relative;width:72px;height:72px;margin-bottom:20px}.sp-icon-bg{width:72px;height:72px;border-radius:22px;background:#111124;border:.5px solid #2a2a4a;display:flex;align-items:center;justify-content:center}.sp-icon-bg i{font-size:32px;background:linear-gradient(135deg,#5b9fff,#a066ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sp-dot{width:10px;height:10px;border-radius:50%;background:#1dbf8a;border:2px solid #080810;position:absolute;bottom:2px;right:2px}.sp-name{color:#f0f0f8;font-size:22px;font-weight:600;letter-spacing:-.3px;margin-bottom:6px}.sp-tagline{color:#4a4a6a;font-size:13px;margin-bottom:32px}.sp-card{background:#111124;border:.5px solid #1e1e38;border-radius:20px;padding:18px;width:100%;margin-bottom:14px}.sp-label{font-size:11px;color:#4a4a6a;letter-spacing:.06em;text-transform:uppercase;margin-bottom:10px;font-weight:700}.sp-input-row{display:flex;align-items:center;gap:10px}.sp-input-row i{font-size:18px;color:#3a3a5a;flex-shrink:0}.sp-input-row input{flex:1 1;background:transparent;border:none;outline:none;color:#c8c8e8;font-size:13px;min-width:0}.sp-input-row input::placeholder{color:#2e2e4e}.sp-paste{background:#1e1e38;border:none;border-radius:8px;color:#7a7aaa;font-size:12px;padding:6px 12px;cursor:pointer;white-space:nowrap;font-weight:600;transition:all .2s}.sp-paste:hover{background:#252545;color:#9a9aca}.sp-btns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px;width:100%;margin-bottom:10px}.sp-btn,.sp-btn-link{padding:16px 0;border-radius:14px;border:none;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;transition:all .2s}.sp-btn-play{background:linear-gradient(135deg,#5b9fff,#a066ff);color:#fff}.sp-btn-play:hover{box-shadow:0 4px 15px rgba(91,159,255,.4)}.sp-btn-dl{background:#111124;border:.5px solid #1e1e38;color:#7a7aaa}.sp-btn-dl:hover{border-color:#3a3a5a;color:#aac}.sp-btn-hd{width:100%;padding:15px 0;border-radius:14px;border:none;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,#1dbf8a,#5b9fff);color:#fff;transition:all .2s}.sp-btn-hd:hover{box-shadow:0 4px 15px rgba(29,191,138,.4)}.hd-badge{background:hsla(0,0%,100%,.18);border-radius:6px;font-size:11px;font-weight:600;padding:2px 7px;letter-spacing:.04em}.sp-divider{width:100%;height:.5px;background:#1e1e38;margin:20px 0}.sp-footer{display:flex;gap:20px;width:100%;justify-content:center}.sp-stat{display:flex;flex-direction:column;align-items:center;gap:4px}.sp-stat-val{color:#f0f0f8;font-size:15px;font-weight:600}.sp-stat-lbl{color:#3a3a5a;font-size:11px}.sp-sep{width:.5px;background:#1e1e38;align-self:stretch}.spinner{width:40px;height:40px;border:3px solid hsla(0,0%,100%,.05);border-top-color:#5b9fff;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 12px}@keyframes spin{to{transform:rotate(1turn)}}.status-card{width:100%;text-align:center;padding:24px 12px}.status-text{font-size:15px;font-weight:600;margin-bottom:4px}.status-sub{font-size:12px;color:#4a4a6a}.error-card{color:#f44}.error-icon{font-size:36px;margin-bottom:8px}.btn-retry{background:#111124;border:.5px solid #1e1e38;color:#7a7aaa;padding:10px 20px;border-radius:10px;cursor:pointer;margin-top:14px;font-size:13px;font-weight:600;transition:all .2s}.btn-retry:hover{border-color:#3a3a5a;color:#aac}