*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#0f1115;color:#e5e7eb}a{color:#60a5fa;text-decoration:none}a:hover{text-decoration:underline}.container{max-width:960px;margin:0 auto;padding:24px}.card{background:#1a1d24;border:1px solid #2a2f3a;border-radius:12px;padding:24px;margin-bottom:16px}.btn{background:#3b82f6;color:#fff;border:0;padding:10px 18px;border-radius:8px;cursor:pointer;font-size:14px}.btn:hover{background:#2563eb}.btn:disabled{background:#4b5563;cursor:not-allowed}.btn-secondary{background:#374151}.btn-secondary:hover{background:#4b5563}input{width:100%;background:#0f1115;border:1px solid #2a2f3a;color:#e5e7eb;padding:10px 12px;border-radius:8px;font-size:14px}input:focus{outline:none;border-color:#3b82f6}label{display:block;margin:12px 0 6px;font-size:13px;color:#9ca3af}.error{color:#f87171}.error,.success{font-size:13px;margin-top:8px}.success{color:#34d399}.hint{color:#9ca3af;font-size:12px;margin-top:4px}h1,h2,h3{color:#f3f4f6}header{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid #2a2f3a;margin-bottom:24px}.toast{position:fixed;bottom:24px;right:24px;background:#ef4444;color:#fff;padding:12px 16px;border-radius:8px;z-index:1000}.vp-btn{background:transparent;border:0;color:#fff;cursor:pointer;font-size:17px;line-height:1;padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:background .15s,transform .1s}.vp-btn:hover{background:hsla(0,0%,100%,.15)}.vp-btn:active{transform:scale(.92)}input[type=range].vp-seek,input[type=range].vp-volume{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:5px;padding:0;border:0;border-radius:999px;outline:none;margin:0}input[type=range].vp-volume{background:hsla(0,0%,100%,.25)}.vp-seek::-webkit-slider-thumb,.vp-volume::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:13px;height:13px;border-radius:50%;background:#3b82f6;border:2px solid #fff;cursor:pointer;box-shadow:0 1px 4px rgba(0,0,0,.5)}.vp-seek::-moz-range-thumb,.vp-volume::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:#3b82f6;border:2px solid #fff;cursor:pointer}.vp-volume::-moz-range-progress{background:#3b82f6;height:5px;border-radius:999px}.vp-seek:hover::-webkit-slider-thumb,.vp-volume:hover::-webkit-slider-thumb{background:#60a5fa}.vp-seek:focus-visible,.vp-volume:focus-visible{box-shadow:0 0 0 2px rgba(96,165,250,.6)}