*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.static{position:static}.inline-flex{display:inline-flex}.hidden{display:none}.h-4{height:1rem}.w-4{width:1rem}.resize{resize:both}.items-center{align-items:center}.gap-2{gap:.5rem}.text-center{text-align:center}.text-sm{font-size:.875rem;line-height:1.25rem}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}*{margin:0;padding:0;box-sizing:border-box}html{background:#0a0014}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,sans-serif;background:transparent;overflow-x:hidden}#root{min-height:100vh;background:transparent}@media (prefers-color-scheme: dark){.dark\:text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}}.web-app-container{position:fixed;inset:0;transform:translate(100%);transition:transform .5s cubic-bezier(.4,0,.2,1);z-index:10000;background:transparent}.web-app-container.open{transform:translate(0)}.sliding-tab{position:absolute;left:-60px;top:50%;transform:translateY(-50%);background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;color:#fff;cursor:pointer;writing-mode:vertical-rl;text-orientation:mixed;border-radius:12px 0 0 12px;box-shadow:-4px 0 20px #8b5cf64d;font-weight:600;font-size:14px;transition:all .5s cubic-bezier(.4,0,.2,1);overflow:hidden;z-index:10101}.sliding-tab.try-mode{padding:15px 10px 15px 15px;width:60px}.sliding-tab.try-mode:hover{padding-left:20px;box-shadow:-6px 0 30px #8b5cf680;background:linear-gradient(135deg,#9b6cf6,#8c4aed)}.sliding-tab.back-mode{padding:15px 15px 15px 10px;width:50px;border-radius:0 12px 12px 0;box-shadow:4px 0 20px #8b5cf64d;left:0;background:linear-gradient(135deg,#9333ea,#8b5cf6)}.sliding-tab.back-mode:hover{padding-right:20px;box-shadow:6px 0 30px #8b5cf680;background:linear-gradient(135deg,#a855f7,#9b6cf6)}.tab-inner{display:flex;align-items:center;justify-content:center;gap:8px;transition:all .5s cubic-bezier(.4,0,.2,1)}.tab-icon{transition:transform .5s cubic-bezier(.4,0,.2,1)}.sliding-tab.try-mode .tab-icon{transform:rotate(180deg)}.sliding-tab.back-mode .tab-icon{transform:rotate(0)}.tab-text{letter-spacing:2px;transition:all .5s cubic-bezier(.4,0,.2,1)}.sliding-tab.try-mode .tab-text{transform:rotate(180deg)}.sliding-tab.back-mode .tab-text{font-size:13px;letter-spacing:1.5px}@keyframes pulse-glow{0%,to{box-shadow:-4px 0 20px #8b5cf64d}50%{box-shadow:-4px 0 30px #8b5cf680}}.sliding-tab.try-mode{animation:pulse-glow 3s infinite}.web-app{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;position:relative;padding-top:32px;overflow:hidden}.format-toggle{position:fixed;left:20px;top:52px;width:40px;height:40px;padding:0;background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(139,92,246,.2);border-radius:10px;cursor:pointer;transition:all .2s ease;overflow:hidden;z-index:100}.format-toggle:hover{background:#8b5cf633;border-color:#8b5cf666;transform:scale(1.05)}.format-toggle-inner{position:relative;width:200%;height:100%;display:flex;transition:transform .3s cubic-bezier(.4,0,.2,1)}.format-toggle.mp4 .format-toggle-inner{transform:translate(0)}.format-toggle.mp3 .format-toggle-inner{transform:translate(-50%)}.format-option{width:50%;display:flex;align-items:center;justify-content:center;color:#fffc}.format-option.mp4{color:#60a5fae6}.format-option.mp3{color:#f87171e6}.format-toggle svg{width:14px;height:14px}.input-container{position:relative;width:600px;display:flex;flex-direction:column;gap:24px}.input-wrapper{position:relative;width:100%;padding:2px;border-radius:14px;background:transparent}.input-wrapper:before{content:"";position:absolute;inset:0;border-radius:14px;padding:2px;background:conic-gradient(from var(--angle, 0deg),transparent 0deg,transparent 60deg,#8b5cf6 90deg,#a855f7 120deg,#8b5cf6 150deg,transparent 180deg,transparent 360deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s ease}.input-wrapper.downloading:before{opacity:1;animation:rotate-gradient 2s linear infinite}.main-input{width:100%;padding:20px 70px 20px 24px;background:#000c;border:2px solid transparent;border-radius:12px;color:#fff;font-size:16px;outline:none;position:relative;z-index:1;transition:all .3s ease;box-shadow:0 0 10px #8b5cf60d}.main-input::-moz-placeholder{color:#ffffff4d}.main-input::placeholder{color:#ffffff4d}.main-input:focus{border-color:#8b5cf64d;background:#000000e6;box-shadow:0 0 20px #8b5cf626}.power-button{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:45px;height:45px;border-radius:10px;border:2px solid rgba(139,92,246,.2);background:#0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-sizing:border-box;box-shadow:inset 1px 1px #8b5cf61a,inset -1px -1px #00000080;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:2}.power-button:disabled{opacity:.3;cursor:not-allowed}.power-button:before{position:absolute;content:"";width:calc(100% + 4px);height:calc(100% + 4px);left:-2px;top:-2px;border-radius:12px;background:linear-gradient(145deg,#8b5cf60d,#0003);z-index:-1;box-shadow:3px 3px 8px #0000004d,-3px -3px 8px #8b5cf60d}.power-button svg{stroke:#8b5cf680;fill:none;stroke-width:2.5;transition:all .2s ease}.power-button:not(:disabled):hover{border-color:#8b5cf666;background:#8b5cf61a;transform:translateY(-50%) scale(1.05)}.power-button:not(:disabled):hover svg{stroke:#8b5cf6cc}.power-button:active{transform:translateY(-50%) scale(.95)}.power-button.active{box-shadow:inset -1px -1px #8b5cf64d,inset 1px 1px #00000080;border:2px solid rgba(139,92,246,.5);animation:animePowerBorder .6s linear alternate-reverse infinite;background:#8b5cf626}.power-button.active svg{stroke:#8b5cf6;animation:animePowerFill .6s linear alternate-reverse infinite}@keyframes animePowerFill{to{stroke:#8b5cf699;filter:drop-shadow(0 0 4px rgba(139,92,246,.8))}}@keyframes animePowerBorder{to{border-color:#8b5cf6cc;box-shadow:inset -1px -1px #8b5cf680,inset 1px 1px #0000004d,0 0 12px #8b5cf633}}.status-info{opacity:0;transform:translateY(-10px);transition:all .3s ease;color:#fffc;font-size:14px;text-align:center;min-height:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.status-info.active{opacity:1;transform:translateY(0)}.progress-text{display:flex;align-items:center;justify-content:center;gap:10px;color:#a855f7e6;font-weight:500;font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:14px}.progress-platform{display:flex;align-items:center;color:#a855f7b3}.progress-percent{min-width:45px;text-align:right}.progress-separator{text-align:center;opacity:.5}.progress-speed{min-width:80px;text-align:center}.progress-eta{min-width:70px;text-align:left}.success-text{color:#10b981;font-weight:500}.error-text{color:#ef4444;font-weight:500}.archive-toggle{position:fixed;top:52px;right:20px;width:40px;height:40px;background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(139,92,246,.2);border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#ffffffb3;z-index:90;opacity:0;transform:scale(.8);visibility:hidden;transition:all .3s ease}.archive-toggle.visible{opacity:1;transform:scale(1);visibility:visible;transition-delay:.5s}.archive-toggle.hidden{opacity:0;transform:scale(.8);visibility:hidden;transition-delay:0s}.archive-toggle.visible:hover{background:#8b5cf633;border-color:#8b5cf666;color:#fff;transform:scale(1.05)}.archive-toggle svg{width:18px;height:18px}.archive-panel{position:fixed;right:0;top:0;bottom:0;width:320px;background:#000000f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-left:1px solid rgba(139,92,246,.2);transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:101;overflow-y:auto;padding:0;box-shadow:-10px 0 30px #00000080}.archive-panel.open{transform:translate(0)}.archive-header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;height:60px;padding:0 20px;background:#000000f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(139,92,246,.1);z-index:1;flex-wrap:wrap;gap:10px}.archive-tabs{display:flex;align-items:center;justify-content:center;gap:20px;height:40px}.archive-tab{padding:0;background:transparent;border:none;color:#fff6;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.tab-divider{color:#8b5cf633;font-size:20px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.archive-tab:hover{color:#fffc;transform:scale(1.1)}.archive-tab.active{color:#a855f7e6}.archive-list{display:flex;flex-direction:column;gap:10px;padding:20px}.archive-item{display:flex;align-items:stretch;background:#8b5cf608;border:1px solid rgba(139,92,246,.1);border-radius:8px;transition:all .2s ease;overflow:hidden;position:relative}.archive-item:hover{background:#8b5cf614;border-color:#8b5cf633}.archive-item-content{flex:1;padding:8px 10px;cursor:pointer;min-width:0;display:flex;align-items:center;gap:8px}.archive-item-name{flex:1;color:#fff;font-size:13px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.archive-item-date{color:#fff6;font-size:11px;flex-shrink:0}.archive-item-type{padding:2px 5px;border-radius:3px;font-size:9px;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;font-weight:600}.archive-item-type.audio{background:#ef444426;color:#f87171e6}.archive-item-type.video{background:#3b82f626;color:#60a5fae6}.archive-item-delete{background:transparent;border:none;border-left:1px solid rgba(139,92,246,.1);padding:0 10px;color:#ffffff4d;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;position:relative}.archive-item-delete:before{content:"";position:absolute;inset:4px;border-radius:6px;background:transparent;transition:background .2s ease}.archive-item-delete:hover{color:#ef4444e6}.archive-item-delete:hover:before{background:#ef444426}.archive-item-delete svg{position:relative;z-index:1}.archive-empty{text-align:center;color:#ffffff4d;padding:60px 32px;font-size:14px}.storage-quota{display:flex;align-items:center;gap:8px;font-size:11px;color:#ffffff80;padding:6px 12px;background:#8b5cf61a;border-radius:8px;white-space:nowrap}.storage-quota svg{flex-shrink:0}.clear-old-btn{padding:4px 8px;background:#a855f733;border:1px solid rgba(168,85,247,.3);border-radius:6px;color:#fffc;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .2s ease;margin-left:4px}.clear-old-btn:hover{background:#a855f74d;border-color:#a855f780;color:#fff}.quota-warning{position:absolute;top:-4px;right:-4px;background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;font-size:9px;font-weight:700;padding:2px 5px;border-radius:8px;border:2px solid rgba(0,0,0,.8);animation:pulse 2s ease-in-out infinite}.archive-item-size{color:#fff6;font-size:11px;font-weight:400}.error-text{display:flex;align-items:center;gap:6px;color:#f5576c;font-size:13px;font-weight:500}.success-text{color:#10b981;font-size:13px;font-weight:500}.progress-downloaded{color:#fff9;font-size:12px}.archive-panel::-webkit-scrollbar{width:6px}.archive-panel::-webkit-scrollbar-track{background:#0003}.archive-panel::-webkit-scrollbar-thumb{background:#8b5cf64d;border-radius:3px}.archive-panel::-webkit-scrollbar-thumb:hover{background:#8b5cf680}.settings-toggle{position:fixed;right:20px;bottom:20px;width:40px;height:40px;background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(139,92,246,.2);border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#ffffffb3;transition:all .3s ease;z-index:105}.settings-toggle:hover{background:#8b5cf633;border-color:#8b5cf666;color:#fff;transform:scale(1.05)}.settings-panel{position:fixed;right:0;top:0;bottom:0;width:320px;background:#000000f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-left:1px solid rgba(139,92,246,.2);transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:101;overflow-y:auto;padding:0;box-shadow:-10px 0 30px #00000080}.settings-panel.open{transform:translate(0)}.settings-header{position:sticky;top:0;display:flex;align-items:center;justify-content:center;height:60px;padding:0 20px;background:#000000f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(139,92,246,.1);z-index:1}.settings-header h3{color:#ffffffe6;font-size:16px;font-weight:600;letter-spacing:.5px}.settings-content{padding:20px;display:flex;flex-direction:column;gap:24px}.setting-group{display:flex;flex-direction:column;gap:12px}.setting-group>label:first-child{color:#ffffffb3;font-size:13px;font-weight:500;letter-spacing:.3px}.quality-selector{display:flex;gap:8px;flex-wrap:wrap}.quality-option{padding:8px 16px;background:#8b5cf60d;border:1px solid rgba(139,92,246,.2);border-radius:6px;color:#fff9;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.quality-option:hover{background:#8b5cf61a;border-color:#8b5cf64d;color:#fffc}.quality-option.active{background:#8b5cf633;border-color:#8b5cf680;color:#a855f7}.cancel-button{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:45px;height:45px;border-radius:10px;border:2px solid rgba(239,68,68,.3);background:#0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-sizing:border-box;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:2}.cancel-button svg{stroke:#ef4444b3;fill:none;stroke-width:2;transition:all .2s ease}.cancel-button:hover{border-color:#ef444499;background:#ef444426;transform:translateY(-50%) scale(1.05)}.cancel-button:hover svg{stroke:#ef4444}.cancel-button:active{transform:translateY(-50%) scale(.95)}.processing-text{display:flex;align-items:center;justify-content:center;gap:10px;color:#a855f7e6;font-weight:500}.processing-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cancelled-text{color:#f59e0b;font-weight:500}.progress-percent,.progress-speed,.progress-eta,.progress-downloaded{font-variant-numeric:tabular-nums}.progress-percent{min-width:48px}.progress-speed{min-width:90px}.progress-eta{min-width:80px}.progress-separator{width:8px;flex-shrink:0}@media (max-width: 640px){.input-container{width:calc(100% - 40px);max-width:500px}.archive-panel,.settings-panel{width:100%}}.error-boundary{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem}.error-boundary-content{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;padding:3rem;max-width:600px;width:100%;box-shadow:0 20px 60px #0000004d;text-align:center;animation:slideUp .5s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.error-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,#f093fb,#f5576c);border-radius:50%;margin-bottom:1.5rem;color:#fff;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.error-title{font-size:2rem;font-weight:700;color:#1a1a1a;margin-bottom:1rem}.error-description{font-size:1.1rem;color:#666;margin-bottom:2rem;line-height:1.6}.error-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:2rem}.error-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;outline:none}.error-button.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.error-button.primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.error-button.secondary{background:#f0f0f0;color:#333}.error-button.secondary:hover{background:#e0e0e0;transform:translateY(-2px)}.error-button:active{transform:translateY(0)}.error-details{margin-top:2rem;text-align:left;background:#f9f9f9;border-radius:12px;padding:1rem}.error-details summary{cursor:pointer;font-weight:600;color:#667eea;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:.5rem}.error-details summary:hover{color:#764ba2}.error-stack{margin-top:1rem;font-family:monospace;font-size:.85rem}.error-stack strong{display:block;margin-top:1rem;margin-bottom:.5rem;color:#333}.error-stack pre{background:#fff;padding:1rem;border-radius:8px;overflow-x:auto;border:1px solid #e0e0e0;white-space:pre-wrap;word-wrap:break-word}.error-help{font-size:.9rem;color:#888;margin-top:1rem}.error-link{color:#667eea;text-decoration:none;font-weight:600}.error-link:hover{text-decoration:underline}@media (max-width: 640px){.error-boundary-content{padding:2rem}.error-title{font-size:1.5rem}.error-description{font-size:1rem}.error-actions{flex-direction:column}.error-button{width:100%;justify-content:center}}.shader-background{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;pointer-events:none}.shader-background canvas{display:block;width:100%;height:100%}.app{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;padding:2rem}.github-link{position:fixed;top:20px;right:20px;width:40px;height:40px;background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(139,92,246,.2);border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#ffffffb3;transition:all .3s ease;z-index:100;text-decoration:none}.github-link:hover{background:#8b5cf633;border-color:#8b5cf666;color:#fff;transform:scale(1.05)}.os-toggle{position:fixed;left:20px;top:20px;width:40px;height:40px;padding:0;background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(139,92,246,.2);border-radius:10px;cursor:pointer;transition:all .2s ease;overflow:hidden;z-index:100}.os-toggle:hover{background:#8b5cf633;border-color:#8b5cf666;transform:scale(1.05)}.os-toggle-inner{position:relative;width:300%;height:100%;display:flex;transition:transform .3s cubic-bezier(.4,0,.2,1)}.os-toggle.windows .os-toggle-inner{transform:translate(0)}.os-toggle.macos .os-toggle-inner{transform:translate(-33.333%)}.os-toggle.linux .os-toggle-inner{transform:translate(-66.666%)}.os-option-toggle{width:33.333%;display:flex;align-items:center;justify-content:center;color:#fffc}.os-option-toggle.windows{color:#60a5fae6}.os-option-toggle.macos{color:#ffffffe6}.os-option-toggle.linux{color:#f87171e6}.os-toggle svg{width:18px;height:18px}.os-dropdown{position:absolute;top:50px;left:0;background:#000000f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(139,92,246,.2);border-radius:10px;padding:8px;min-width:200px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;z-index:101}.os-dropdown.open{opacity:1;visibility:visible;transform:translateY(0)}.os-option{padding:12px 16px;border-radius:6px;cursor:pointer;transition:all .2s ease;color:#fffc;font-size:14px;display:flex;align-items:center;gap:12px}.os-option:hover{background:#8b5cf633;color:#fff}.os-option svg{opacity:.6}.os-option:hover svg{opacity:1}.command-container{position:relative;width:700px;max-width:90vw;display:flex;flex-direction:column;gap:24px}.command-wrapper{position:relative;width:100%;padding:2px;border-radius:14px;background:transparent}.command-wrapper:before{content:"";position:absolute;inset:0;border-radius:14px;padding:2px;background:conic-gradient(from var(--angle, 0deg),transparent 0deg,transparent 60deg,#8b5cf6 90deg,#a855f7 120deg,#8b5cf6 150deg,transparent 180deg,transparent 360deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:rotate-gradient 3s linear infinite}@keyframes rotate-gradient{0%{--angle: 0deg}to{--angle: 360deg}}@property --angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.command-input{width:100%;padding:20px 24px;background:#000c;border:2px solid transparent;border-radius:12px;color:#fff;font-size:16px;font-family:SF Mono,Monaco,Cascadia Code,monospace;position:relative;z-index:1;transition:all .3s ease;box-shadow:0 0 10px #8b5cf60d;cursor:pointer;display:flex;align-items:center;perspective:1000px}.command-input:hover{border-color:#8b5cf64d;background:#000000e6;box-shadow:0 0 20px #8b5cf626}.download-display{width:100%;padding:20px 24px;background:#000c;border:2px solid transparent;border-radius:12px;position:relative;z-index:1;transition:all .3s ease;box-shadow:0 0 10px #8b5cf60d}.download-info{display:flex;align-items:center;gap:12px}.os-name{color:#fff;font-size:18px;font-weight:600;letter-spacing:.5px}.version-badge{background:linear-gradient(135deg,#8b5cf6,#a855f7);color:#fff;padding:4px 10px;border-radius:8px;font-size:12px;font-weight:600;letter-spacing:.5px}.command-text-flip{display:inline-block;width:100%;transform-style:preserve-3d;transition:transform .3s ease}@keyframes flipText{0%{transform:rotateX(0);opacity:1}49%{opacity:1}50%{transform:rotateX(90deg);opacity:0}51%{opacity:0}52%{opacity:0;transform:rotateX(-90deg)}53%{opacity:1}to{transform:rotateX(0);opacity:1}}.command-text-flip.flipping{animation:flipText .6s ease-in-out}.command-buttons{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:flex;gap:8px;z-index:2}.download-button{background:#3b82f633;border:1px solid rgba(59,130,246,.3);border-radius:8px;padding:10px 16px;color:#ffffffe6;cursor:pointer;transition:all .2s ease;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;text-decoration:none;display:flex;align-items:center;gap:8px;white-space:nowrap}.download-button:hover{background:#3b82f64d;border-color:#3b82f680;transform:translateY(-2px);color:#fff;box-shadow:0 4px 12px #3b82f64d}.download-button.primary{background:linear-gradient(135deg,#8b5cf6,#a855f7);border:1px solid rgba(139,92,246,.5);color:#fff}.download-button.primary:hover{background:linear-gradient(135deg,#9d6ffc,#b869fc);border-color:#8b5cf6cc;box-shadow:0 4px 16px #8b5cf666}.download-button.secondary{background:#ffffff1a;border:1px solid rgba(255,255,255,.2)}.download-button.secondary:hover{background:#ffffff26;border-color:#ffffff4d;box-shadow:0 4px 12px #ffffff1a}.download-button.disabled{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff6;cursor:not-allowed;opacity:.6}.download-button.disabled:hover{transform:none;box-shadow:none}.copy-button{background:#8b5cf633;border:1px solid rgba(139,92,246,.3);border-radius:6px;padding:8px 12px;color:#ffffffe6;cursor:pointer;transition:all .2s ease;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:6px}.copy-button:hover{background:#8b5cf64d;border-color:#8b5cf680;transform:scale(1.05)}.copy-button.copied{background:#10b98133;border-color:#10b98180;color:#10b981}.install-hint{margin-top:20px;text-align:center}.hint-text{color:#fff6;font-size:11px;text-transform:uppercase;letter-spacing:1px;font-weight:500}.features{margin-top:30px;display:flex;gap:40px;justify-content:center;color:#fff9;font-size:14px}.feature{display:flex;align-items:center;gap:8px}.feature svg{color:#8b5cf699}.logo{position:fixed;bottom:20px;left:20px;display:flex;align-items:center;font-family:Orbitron,Rajdhani,Russo One,SF Mono,monospace;font-size:32px;font-weight:700;letter-spacing:-1px;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:10500;opacity:.3;transition:opacity .3s ease;text-transform:uppercase}.logo:hover{opacity:.5}.logo-text{color:#ffffffb3;font-weight:700;text-shadow:0 0 10px rgba(139,92,246,.2)}.logo-v{color:#8b5cf6e6;font-weight:900;font-size:38px;margin:0 -2px;transform:translateY(-2px);text-shadow:0 0 20px rgba(139,92,246,.5)}.subtitle{position:absolute;top:-40px;left:50%;transform:translate(-50%);color:#fff6;font-size:12px;text-transform:uppercase;letter-spacing:2px;font-weight:500}.donation-button{position:fixed;bottom:20px;right:20px;width:40px;height:40px;background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(139,92,246,.2);border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#8b5cf6b3;transition:all .3s ease;z-index:100;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.donation-button:hover{background:#8b5cf633;border-color:#8b5cf666;color:#8b5cf6e6;transform:scale(1.1)}.donation-panel{position:fixed;right:-320px;bottom:90px;width:300px;max-width:calc(100vw - 40px);background:#000000f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(139,92,246,.2);border-radius:12px;transition:right .3s ease;z-index:99;overflow:visible}.donation-panel.open{right:20px}.donation-content{padding:20px}.donation-main-text{margin:0 0 20px;color:#fffc;font-size:16px;font-weight:500;display:flex;align-items:center;gap:6px;justify-content:center}.donation-main-text svg{color:#8b5cf6cc}.donation-section{margin-bottom:24px}.donation-section:last-child{margin-bottom:0}.donation-section h4{margin:0 0 12px;color:#ffffff80;font-size:12px;text-transform:uppercase;letter-spacing:1px;font-weight:600}.donation-options{display:flex;flex-direction:column;gap:12px}.donation-option{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#8b5cf60d;border:1px solid rgba(139,92,246,.1);border-radius:8px;transition:all .2s ease;cursor:default;text-decoration:none;color:inherit;width:100%;position:relative;font-family:inherit;font-size:inherit}.donation-option.clickable{cursor:pointer}.donation-option.clickable:hover{background:#8b5cf61a;border-color:#8b5cf633;transform:translateY(-1px)}.donation-option svg{color:#8b5cf6cc;flex-shrink:0}.donation-option strong{color:#ffffffe6;font-size:13px;font-weight:500}.crypto-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.crypto-option{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px;background:#8b5cf60d;border:1px solid rgba(139,92,246,.1);border-radius:6px;cursor:pointer;transition:all .2s ease;color:#8b5cf6cc}.crypto-option:hover{background:#8b5cf61a;border-color:#8b5cf633;transform:scale(1.05)}.crypto-option span{font-size:10px;color:#ffffffb3;font-weight:600}.qr-popup{position:absolute;left:50%;transform:translate(-50%);background:#000000fa;border:1px solid rgba(139,92,246,.3);border-radius:8px;padding:12px;z-index:1001;box-shadow:0 4px 20px #8b5cf64d;width:180px}.qr-popup.above{bottom:calc(100% + 8px)}.qr-popup img{display:block;width:156px;height:156px;border-radius:4px;margin-bottom:8px;background:#fff;padding:4px}.address-box{display:flex;align-items:center;gap:6px;background:#00000080;padding:6px 8px;border-radius:4px;border:1px solid rgba(139,92,246,.1);width:100%}.address-box code{font-family:SF Mono,Monaco,monospace;font-size:9px;color:#fff9;word-break:break-all;flex:1;max-width:120px;overflow:hidden;text-overflow:ellipsis;display:block;white-space:normal}.copy-btn{background:transparent;border:none;color:#8b5cf6cc;cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;transition:color .2s ease;flex-shrink:0}.copy-btn:hover{color:#8b5cf6}.download-counter{position:fixed;bottom:20px;left:50%;transform:translate(-50%);color:#fff6;font-size:14px;z-index:10;display:flex;align-items:center;justify-content:center}.donate-link{display:block;margin-top:10px;padding:6px 12px;background:#8b5cf61a;border:1px solid rgba(139,92,246,.2);border-radius:4px;color:#8b5cf6e6;text-decoration:none;font-size:12px;text-align:center;transition:all .2s ease}.donate-link:hover{background:#8b5cf633;border-color:#8b5cf64d}.github-link,.os-toggle,.command-container,.download-counter,.donation-button,.donation-panel{transition:opacity .3s ease .35s}.webapp-hidden{opacity:0!important;pointer-events:none!important;transition:opacity .15s ease 0s!important}