*,:after,:before{margin:0;padding:0;box-sizing:border-box}body{background-color:#0f0f23;color:#e0e0f0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.svs-app,body{min-height:100vh}.svs-app{max-width:400px;margin:0 auto;padding:16px 14px 32px;position:relative}.svs-toast{position:fixed;top:20px;left:50%;transform:translateX(-50%);background:rgba(6,182,212,.15);border:1px solid rgba(6,182,212,.3);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:#22d3ee;padding:10px 24px;border-radius:12px;font-size:13px;font-weight:600;z-index:9999;animation:toastIn .3s ease-out,toastOut .3s ease-in 1.9s forwards}@keyframes toastIn{0%{opacity:0;transform:translateX(-50%) translateY(-20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes toastOut{0%{opacity:1}to{opacity:0;transform:translateX(-50%) translateY(-10px)}}.svs-topbar{gap:12px;margin-bottom:20px;padding:4px 0}.svs-logo-box,.svs-topbar{display:flex;align-items:center}.svs-logo-box{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#06b6d4,#10b981);justify-content:center;flex-shrink:0}.svs-logo-box i{font-size:20px;color:#fff}.svs-logo-text{font-size:17px;font-weight:700;color:#f0f0f8;letter-spacing:-.3px}.svs-banner{background:linear-gradient(135deg,rgba(6,182,212,.08),rgba(16,185,129,.06));border:1px solid rgba(6,182,212,.12);border-radius:20px;padding:24px 20px;margin-bottom:20px;position:relative;overflow:hidden}.svs-banner:before{content:"";position:absolute;top:-40px;right:-40px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(6,182,212,.1) 0,transparent 70%);pointer-events:none}.svs-banner-content{display:flex;align-items:center;justify-content:space-between;gap:16px}.svs-banner-text{flex:1 1}.svs-banner-title{font-size:19px;font-weight:700;color:#f0f0f8;letter-spacing:-.3px;margin-bottom:6px;line-height:1.3}.svs-banner-sub{font-size:13px;color:hsla(0,0%,100%,.4);font-weight:400}.svs-pulse-dot{position:absolute;top:16px;right:16px;width:8px;height:8px;border-radius:50%;background:#10b981;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 0 0 rgba(16,185,129,.5)}50%{opacity:.7;box-shadow:0 0 0 8px rgba(16,185,129,0)}}.svs-waveform{display:flex;align-items:center;gap:3px;flex-shrink:0}.svs-wave-bar{display:block;width:3px;height:16px;border-radius:2px;background:linear-gradient(180deg,#06b6d4,#10b981);animation:waveform 1.2s ease-in-out infinite}@keyframes waveform{0%,to{height:6px;opacity:.4}50%{height:22px;opacity:1}}.svs-tools-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;gap:10px;margin-bottom:20px}.svs-tool-card{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.06);border-radius:16px;padding:18px 14px;display:flex;flex-direction:column;align-items:flex-start;gap:4px;cursor:pointer;transition:all .25s ease;position:relative;overflow:hidden;text-align:left;font-family:inherit;color:inherit}.svs-tool-card:before{content:"";position:absolute;inset:0;border-radius:16px;opacity:0;background:radial-gradient(circle at 50% 50%,rgba(6,182,212,.08) 0,transparent 70%);transition:opacity .25s ease;pointer-events:none}.svs-tool-card:active,.svs-tool-card:hover{border-color:rgba(6,182,212,.2);transform:translateY(-1px);box-shadow:0 4px 20px rgba(6,182,212,.08)}.svs-tool-card:active:before,.svs-tool-card:hover:before{opacity:1}.svs-tool-emoji{font-size:24px;margin-bottom:4px}.svs-tool-title{font-size:13px;font-weight:600;color:#f0f0f8}.svs-tool-desc{font-size:11px;color:hsla(0,0%,100%,.3);line-height:1.4}.svs-tool-badge{position:absolute;top:10px;right:10px;background:rgba(6,182,212,.12);color:#22d3ee;font-size:9px;font-weight:700;padding:2px 7px;border-radius:6px;letter-spacing:.05em;text-transform:uppercase}.svs-stream-card{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.06);border-radius:20px;padding:20px 16px;margin-bottom:20px}.svs-stream-header{display:flex;align-items:center;gap:8px;margin-bottom:16px;font-size:14px;font-weight:600;color:#f0f0f8}.svs-stream-header i{font-size:16px;color:#06b6d4}.svs-input-row{display:flex;align-items:center;gap:8px;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.06);border-radius:12px;padding:4px 6px 4px 14px;margin-bottom:12px;transition:border-color .2s ease}.svs-input-row:focus-within{border-color:rgba(6,182,212,.3)}.svs-input-row>i{font-size:16px;color:hsla(0,0%,100%,.2);flex-shrink:0}.svs-input-row input{flex:1 1;background:transparent;border:none;outline:none;color:#e0e0f0;font-size:13px;font-family:inherit;padding:10px 0;min-width:0}.svs-input-row input::placeholder{color:hsla(0,0%,100%,.15)}.svs-paste-btn{background:rgba(6,182,212,.1);border:none;border-radius:8px;color:#22d3ee;padding:8px 10px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease}.svs-paste-btn i{font-size:16px}.svs-paste-btn:active,.svs-paste-btn:hover{background:rgba(6,182,212,.18)}.svs-play-btn{width:100%;padding:14px 0;border-radius:14px;border:none;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#06b6d4,#10b981);color:#fff;transition:all .25s ease;position:relative;overflow:hidden}.svs-play-btn:disabled{opacity:.35;cursor:not-allowed}.svs-play-btn:not(:disabled):hover{box-shadow:0 4px 24px rgba(6,182,212,.35);transform:translateY(-1px)}.svs-play-btn i{font-size:16px}.svs-play-glow{position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.12),transparent);animation:shimmer 3s ease-in-out infinite;pointer-events:none}@keyframes shimmer{0%{left:-100%}50%{left:150%}to{left:150%}}.svs-stats-bar{justify-content:center;gap:0;background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.04);border-radius:14px;padding:16px 8px;margin-bottom:16px}.svs-stat-item,.svs-stats-bar{display:flex;align-items:center}.svs-stat-item{flex:1 1;flex-direction:column;gap:2px}.svs-stat-num{font-size:15px;font-weight:700;color:#f0f0f8}.svs-stat-label{font-size:10px;color:hsla(0,0%,100%,.25);letter-spacing:.02em}.svs-stat-divider{width:1px;height:28px;background:hsla(0,0%,100%,.06);flex-shrink:0}.svs-protip{display:flex;align-items:flex-start;gap:10px;background:rgba(16,185,129,.05);border:1px solid rgba(16,185,129,.1);border-radius:14px;padding:14px 16px}.svs-protip-icon{font-size:18px;flex-shrink:0;margin-top:1px}.svs-protip p{font-size:12px;color:hsla(0,0%,100%,.35);line-height:1.5}.svs-protip strong{color:hsla(0,0%,100%,.55);font-weight:600}.svs-status-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:80px 20px 40px;min-height:60vh}.svs-fetch-spinner{position:relative;width:72px;height:72px;margin-bottom:28px}.svs-spinner-ring{position:absolute;inset:0;border-color:#06b6d4 #10b981 hsla(0,0%,100%,.04) hsla(0,0%,100%,.04);border-style:solid;border-width:3px;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.svs-spinner-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:24px;color:#22d3ee}.svs-status-title{font-size:17px;font-weight:600;color:#f0f0f8;margin-bottom:6px}.svs-status-sub{font-size:13px;color:hsla(0,0%,100%,.3);margin-bottom:24px}.svs-progress-bar{width:180px;height:3px;background:hsla(0,0%,100%,.05);border-radius:3px;overflow:hidden}.svs-progress-fill{width:40%;height:100%;background:linear-gradient(90deg,#06b6d4,#10b981);border-radius:3px;animation:progressSlide 1.5s ease-in-out infinite}@keyframes progressSlide{0%{width:10%;margin-left:0}50%{width:50%;margin-left:25%}to{width:10%;margin-left:90%}}.svs-error-icon-wrap{width:64px;height:64px;border-radius:50%;background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.15);display:flex;align-items:center;justify-content:center;margin-bottom:20px}.svs-error-icon-wrap i{font-size:28px;color:#ef4444}.svs-error-title{color:#ef4444!important}.svs-retry-btn{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.08);border-radius:12px;color:#e0e0f0;padding:12px 28px;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.svs-retry-btn i{font-size:15px}.svs-retry-btn:active,.svs-retry-btn:hover{background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.12)}.svs-player-wrap{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.06);border-radius:20px;overflow:hidden;margin-top:8px}.svs-player-header{display:flex;align-items:center;gap:8px;padding:14px 18px;font-size:13px;font-weight:600;color:#f0f0f8;border-bottom:1px solid hsla(0,0%,100%,.04)}.svs-player-header i{font-size:14px;color:#10b981}.svs-video-container{width:100%;background:#000}.svs-video{width:100%;display:block}.svs-player-actions{padding:12px 14px;display:flex;gap:10px}.svs-action-btn{flex:1 1;padding:12px 0;border-radius:12px;border:none;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:7px;text-decoration:none;transition:all .2s ease}.svs-action-btn i{font-size:15px}.svs-download-btn{background:linear-gradient(135deg,#06b6d4,#10b981);color:#fff}.svs-download-btn:hover{box-shadow:0 4px 16px rgba(6,182,212,.3)}.svs-newlink-btn{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.08);color:hsla(0,0%,100%,.6)}.svs-newlink-btn:active,.svs-newlink-btn:hover{background:hsla(0,0%,100%,.08);color:hsla(0,0%,100%,.8)}