.qs-shell{min-height:100dvh;position:relative}.qs-main{z-index:1;min-height:100dvh;padding:calc(var(--header-h) + 2rem) 1.25rem 3rem;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.qs-main--bare{padding:2rem 1.25rem}.qs-header{height:var(--header-h);background:var(--header-bg);-webkit-backdrop-filter:blur(22px)saturate(1.3);border-bottom:1px solid var(--border);z-index:50;transition:background .45s var(--ease), border-color .45s var(--ease);justify-content:space-between;align-items:center;gap:1rem;padding:0 clamp(1.1rem,4vw,2rem);display:flex;position:fixed;inset:0 0 auto}.qs-brand{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.7rem;display:inline-flex}.qs-brand-logo{width:32px;height:32px;font-family:var(--font-display);color:#04060a;background:linear-gradient(135deg, var(--accent-light), var(--accent-dark));box-shadow:0 0 18px var(--accent-glow);transition:transform .3s var(--ease-spring), box-shadow .3s var(--ease);border-radius:10px;place-items:center;font-size:13px;display:grid}.qs-brand:hover .qs-brand-logo{box-shadow:0 0 26px var(--accent-glow-strong);transform:rotate(-6deg)scale(1.06)}.qs-brand-name{font-family:var(--font-display);letter-spacing:.05em;color:var(--text);font-size:.95rem}.qs-icon-btn{background:var(--bg-glass);border:1px solid var(--border);width:38px;height:38px;color:var(--text-muted);transition:color .25s var(--ease), background .25s var(--ease), border-color .25s var(--ease), transform .25s var(--ease-spring);border-radius:50%;place-items:center;display:grid}.qs-icon-btn:hover{color:var(--text);background:var(--bg-glass-strong);border-color:var(--border-hover);transform:scale(1.08)}.qs-icon-btn svg{transition:transform .5s var(--ease)}.qs-icon-btn:hover svg{transform:rotate(35deg)}.qs-hero{text-align:center;flex-direction:column;align-items:center;margin-bottom:2.25rem;display:flex}.qs-hero-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.02em;background:linear-gradient(180deg, var(--text) 0%, var(--accent-light) 130%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;margin-top:1.4rem;font-size:clamp(1.9rem,7vw,3rem);line-height:.98}[data-theme=light] .qs-hero-title{background:linear-gradient(180deg, var(--text) 0%, var(--accent) 150%);-webkit-background-clip:text;background-clip:text}.qs-hero-line{margin-top:14px}.qs-lead{max-width:34ch;color:var(--text-muted);margin-top:1.2rem;font-size:clamp(.95rem,2.4vw,1.05rem);font-weight:300}.qs-lead b{color:var(--text);font-weight:600}.qs-stage{width:100%;max-width:var(--maxw)}.qs-steps{justify-content:center;align-items:center;gap:.4rem;margin-bottom:1.6rem;display:flex}.qs-step{align-items:center;gap:.4rem;display:inline-flex}.qs-step-line{background:var(--border);width:clamp(16px,6vw,30px);height:1px;transition:background .4s var(--ease)}.qs-step.is-active .qs-step-line{background:var(--accent)}.qs-step-dot{width:22px;height:22px;font-family:var(--font-mono);color:var(--text-dim);background:var(--bg-glass-strong);border:1px solid var(--border);transition:all .4s var(--ease);border-radius:50%;place-items:center;font-size:.62rem;font-weight:500;display:grid}.qs-step.is-active .qs-step-dot{color:#04060a;background:var(--accent);border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-glow)}.qs-step.is-done .qs-step-dot{color:#fff;background:var(--success);border-color:var(--success);box-shadow:none}.qs-step-label{color:var(--text-dim);transition:color .4s var(--ease);font-size:.72rem;font-weight:500}.qs-step.is-active .qs-step-label,.qs-step.is-done .qs-step-label{color:var(--text)}@media (width<=420px){.qs-step-label{display:none}}.qs-drop{text-align:center;border-radius:var(--radius);background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);cursor:pointer;width:100%;min-height:300px;transition:background .3s var(--ease), transform .3s var(--ease);flex-direction:column;justify-content:center;align-items:center;gap:.3rem;padding:2rem;display:flex;position:relative;overflow:hidden}.qs-drop:before{content:"";border-radius:inherit;background:repeating-linear-gradient(90deg, var(--border) 0 14px, transparent 14px 28px);-webkit-mask-composite:xor;pointer-events:none;transition:background .3s var(--ease), opacity .3s var(--ease);padding:1.5px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.qs-drop:hover{background:var(--bg-glass-strong)}.qs-drop:hover:before{background:repeating-linear-gradient(90deg, var(--border-hover) 0 14px, transparent 14px 28px)}.qs-drop.is-drag{background:var(--accent-glow);transform:scale(1.01)}.qs-drop.is-drag:before{background:linear-gradient(135deg, var(--accent), var(--accent-light), var(--accent));padding:2px}.qs-drop-icon{color:var(--text-dim);transition:color .3s var(--ease), transform .4s var(--ease-spring);margin-bottom:1.1rem}.qs-drop.is-drag .qs-drop-icon{color:var(--accent);transform:translateY(-6px)scale(1.12)}.qs-drop-icon svg .arrow{animation:floatArrow 2.4s var(--ease) infinite}@keyframes floatArrow{50%{transform:translateY(3px)}}.qs-drop-title{font-family:var(--font-display);letter-spacing:.01em;color:var(--text);font-size:1.1rem}.qs-drop-hint{color:var(--text-dim);margin-top:.35rem;font-size:.85rem}.qs-drop-hint b{color:var(--text-muted);font-weight:600}.qs-panel{width:100%;padding:1.5rem}.qs-panel-head{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.qs-panel-title{color:var(--text);font-size:.9rem;font-weight:600;font-family:var(--font)}.qs-meta-mono{font-family:var(--font-mono);color:var(--text-muted);font-size:.78rem}.qs-files{flex-direction:column;gap:.4rem;max-height:260px;margin-bottom:1rem;padding-right:2px;display:flex;overflow-y:auto}.qs-file{background:var(--bg-input);border-radius:var(--radius-xs);transition:border-color .25s var(--ease), background .25s var(--ease);border:1px solid #0000;align-items:center;gap:.75rem;padding:.6rem .75rem;display:flex}.qs-file:hover{border-color:var(--border)}.qs-file-emoji{flex-shrink:0;font-size:1rem;line-height:1}.qs-file-name{min-width:0;color:var(--text);word-break:break-all;flex:1;font-size:.82rem;font-weight:500}.qs-file-size{font-family:var(--font-mono);color:var(--text-dim);flex-shrink:0;font-size:.72rem}.qs-file-remove{width:24px;height:24px;color:var(--error);background:var(--error-glow);transition:transform .2s var(--ease-spring), background .2s var(--ease);border-radius:7px;flex-shrink:0;place-items:center;font-size:.7rem;display:grid}.qs-file-remove:hover{background:#ef444438;transform:scale(1.12)}.qs-actions{gap:.7rem;display:flex}.qs-btn{font-family:var(--font);cursor:pointer;white-space:nowrap;transition:transform .3s var(--ease), background .3s var(--ease), border-color .3s var(--ease), box-shadow .3s var(--ease), color .3s var(--ease);border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.8rem 1.4rem;font-size:.88rem;font-weight:600;display:inline-flex}.qs-btn:active{transform:translateY(0)scale(.98)}.qs-btn--block{flex:1}.qs-btn--sm{padding:.5rem 1rem;font-size:.78rem}.qs-btn--primary{background:var(--btn-primary-bg);color:var(--btn-primary-fg);box-shadow:var(--btn-primary-shadow)}.qs-btn--primary:hover{background:var(--btn-primary-bg-hover);box-shadow:var(--btn-primary-shadow-hover);transform:translateY(-2px)}.qs-btn--accent{background:linear-gradient(135deg, var(--accent), var(--accent-dark));color:#fff;box-shadow:0 12px 32px var(--accent-glow)}.qs-btn--accent:hover{box-shadow:0 18px 44px var(--accent-glow-strong);transform:translateY(-2px)}.qs-btn--success{background:linear-gradient(135deg, var(--success), #059669);color:#fff;box-shadow:0 12px 30px var(--success-glow)}.qs-btn--ghost{background:var(--bg-glass-strong);border-color:var(--line-strong);color:var(--text)}.qs-btn--ghost:hover{background:var(--bg-card-hover);border-color:var(--border-hover);transform:translateY(-2px)}.qs-uploading{text-align:center;width:100%;padding:3rem 2rem}.qs-ring{width:110px;height:110px;margin:0 auto 1.5rem;position:relative}.qs-ring-val{font-family:var(--font-mono);color:var(--text);place-items:center;font-size:1.2rem;font-weight:500;display:grid;position:absolute;inset:0}.qs-uploading-text{color:var(--text-muted);font-size:.9rem;font-weight:500}.qs-uploading-sub{color:var(--text-dim);margin-top:.5rem;font-size:.78rem}.qs-done{width:100%;padding:1.5rem;position:relative}.qs-topglow{background:linear-gradient(90deg, transparent, var(--success), transparent);height:1px;position:absolute;top:0;left:0;right:0}.qs-success-tag{color:var(--success);align-items:center;gap:.45rem;font-size:.85rem;font-weight:600;display:inline-flex}.qs-link-box{background:var(--bg-input);border:1px solid var(--border-accent);border-radius:var(--radius-xs);font-family:var(--font-mono);color:var(--accent-light);word-break:break-all;margin-bottom:1rem;padding:.8rem 1rem;font-size:.82rem}[data-theme=light] .qs-link-box{color:var(--accent-dark)}.qs-done-files{flex-direction:column;gap:.25rem;margin-bottom:.85rem;display:flex}.qs-done-file{justify-content:space-between;align-items:center;gap:1rem;padding:.3rem 0;font-size:.82rem;display:flex}.qs-done-file span:first-child{color:var(--text-muted);word-break:break-all}.qs-done-file span:last-child{font-family:var(--font-mono);color:var(--text-dim);flex-shrink:0;font-size:.76rem}.qs-done-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.qs-expiry{color:var(--text-dim);font-size:.78rem}.qs-dl-top{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.qs-dl-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.02em;font-size:clamp(1.25rem,5vw,1.5rem)}.qs-dl-sub{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.4rem;display:flex}.qs-dl-count{color:var(--text-muted);font-size:.9rem}.qs-dl-list{flex-direction:column;gap:.55rem;display:flex}.qs-dl-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:var(--radius-sm);transition:border-color .25s var(--ease), transform .25s var(--ease);overflow:hidden}.qs-dl-card:hover{border-color:var(--border-hover);transform:translateY(-2px)}.qs-dl-link{color:var(--text);align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.qs-dl-icon{border-radius:11px;flex-shrink:0;place-items:center;width:42px;height:42px;font-size:1.1rem;display:grid}.qs-dl-info{flex:1;min-width:0}.qs-dl-name{word-break:break-all;font-size:.9rem;font-weight:500;line-height:1.3}.qs-dl-size{font-family:var(--font-mono);color:var(--text-dim);margin-top:.15rem;font-size:.75rem}.qs-dl-arrow{color:var(--text-dim);transition:transform .3s var(--ease), color .3s var(--ease);flex-shrink:0}.qs-dl-card:hover .qs-dl-arrow{color:var(--accent);transform:translateY(2px)}.qs-preview{padding:0 1rem 1rem}.qs-preview-media{border-radius:var(--radius-xs);cursor:pointer;width:100%;overflow:hidden}.qs-preview-media img,.qs-preview-media video,.qs-preview-media iframe{border-radius:var(--radius-xs);width:100%;display:block}.qs-state{text-align:center;padding:3rem 2rem}.qs-state-badge{background:var(--bg-glass);border:1px solid var(--border);border-radius:50%;place-items:center;width:72px;height:72px;margin:0 auto 1.5rem;display:grid}.qs-state-badge.is-error{background:var(--error-glow);border-color:#ef444440}.qs-state-badge .q-mark{font-family:var(--font-display);background:linear-gradient(180deg, var(--text), var(--accent));-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;font-size:2rem}.qs-state-title{color:var(--text);margin-bottom:.5rem;font-size:1.3rem}.qs-state-text{color:var(--text-muted);margin-bottom:1.6rem;font-size:.92rem}.qs-toasts{z-index:100;flex-direction:column-reverse;gap:.55rem;max-width:min(360px,100vw - 2rem);display:flex;position:fixed;bottom:1.4rem;left:auto;right:1.4rem}.qs-toast{background:var(--toast-bg);-webkit-backdrop-filter:blur(22px);border:1px solid var(--border);border-radius:var(--radius-xs);cursor:pointer;border-left-width:3px;align-items:center;gap:.65rem;padding:.8rem 1rem;display:flex;box-shadow:0 12px 36px #00000052}.qs-toast-icon{border-radius:50%;flex-shrink:0;place-items:center;width:22px;height:22px;font-size:.72rem;font-weight:700;display:grid}.qs-toast-msg{color:var(--text);font-size:.83rem;font-weight:500}@media (width<=480px){.qs-toasts{max-width:none;bottom:.8rem;left:.8rem;right:.8rem}}.qs-bg{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.qs-bg-noise{opacity:var(--noise-opacity);background-repeat:repeat;background-size:160px 160px;position:absolute;inset:0}.qs-bg-grid{background-image:linear-gradient(var(--grid-color) 1px, transparent 1px), linear-gradient(90deg, var(--grid-color) 1px, transparent 1px);background-size:72px 72px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 70% at 50% 40%,#000 30%,#0000 100%);mask-image:radial-gradient(80% 70% at 50% 40%,#000 30%,#0000 100%)}.qs-bg-orb{filter:blur(70px);border-radius:50%;position:absolute}.qs-bg-topline{top:var(--header-h);background:linear-gradient(90deg, transparent, var(--accent-glow-strong), transparent);height:1px;position:absolute;left:0;right:0}@media (width<=640px){.qs-panel,.qs-done{padding:1.25rem}.qs-actions{flex-direction:column}.qs-uploading{padding:2.25rem 1.25rem}.qs-dl-link{gap:.8rem;padding:.85rem 1rem}}@media (width>=1024px){:root{--maxw:600px}.qs-main{padding-top:calc(var(--header-h) + 3.5rem)}}@font-face{font-family:Nasalization;src:url(/assets/Nasalization-Rg-D-5HUeBr.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}:root{--accent:#4a9eff;--accent-light:#9fcaff;--accent-dark:#2f7fe0;--accent-glow:#4a9eff2e;--accent-glow-strong:#4a9eff52;--success:#10b981;--success-glow:#10b9812e;--error:#ef4444;--error-glow:#ef444424;--font:"DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display:"Nasalization", "Michroma", "Eurostile", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", monospace;--ease:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--radius:26px;--radius-sm:16px;--radius-xs:12px;--maxw:580px;--header-h:64px}:root,[data-theme=dark]{--bg-primary:#04060a;--bg-secondary:#060912;--bg-card:#ffffff0a;--bg-card-hover:#ffffff12;--bg-glass:#ffffff0d;--bg-glass-strong:#ffffff16;--bg-input:#00000047;--border:#ffffff1a;--border-hover:#ffffff2e;--line-strong:#ffffff2e;--border-accent:#4a9eff59;--text:#ecf0f6;--text-muted:#ecf0f69e;--text-dim:#ecf0f657;--header-bg:#04060a9e;--skeleton-base:#ffffff0a;--skeleton-shine:#ffffff17;--toast-bg:#060912eb;--grid-color:#ffffff05;--noise-opacity:.05;--orb1-color:#4a9eff29;--orb2-color:#10b98117;--orb3-color:#4a9eff12;--hairline:#fff6;--shadow-panel:0 24px 70px #00000073;--btn-primary-bg:#fffffff5;--btn-primary-bg-hover:#fff;--btn-primary-fg:#06090f;--btn-primary-shadow:0 16px 44px #ffffff29;--btn-primary-shadow-hover:0 24px 64px #ffffff3d}[data-theme=light]{--bg-primary:#eef2f8;--bg-secondary:#e4eaf3;--bg-card:#ffffffd1;--bg-card-hover:#fffffff7;--bg-glass:#ffffffa8;--bg-glass-strong:#ffffffd9;--bg-input:#0a19320d;--border:#0f1e3c1f;--border-hover:#0f1e3c38;--line-strong:#0f1e3c29;--border-accent:#4a9eff66;--text:#0b1726;--text-muted:#0b1726a3;--text-dim:#0b17266b;--header-bg:#eef2f8c7;--skeleton-base:#0f1e3c0f;--skeleton-shine:#0f1e3c1f;--toast-bg:#fffffff2;--grid-color:#0f1e3c09;--noise-opacity:.02;--orb1-color:#4a9eff21;--orb2-color:#10b98114;--orb3-color:#7a5cff0f;--hairline:#0f1e3c2e;--shadow-panel:0 24px 60px #1428501f;--btn-primary-bg:linear-gradient(135deg, var(--accent), var(--accent-dark));--btn-primary-bg-hover:linear-gradient(135deg, var(--accent-light), var(--accent));--btn-primary-fg:#fff;--btn-primary-shadow:0 16px 40px var(--accent-glow);--btn-primary-shadow-hover:0 22px 56px var(--accent-glow-strong)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-primary);font-size:16px}body{font-family:var(--font);background:var(--bg-primary);color:var(--text);min-height:100dvh;transition:background .45s var(--ease), color .45s var(--ease);font-weight:400;line-height:1.6;overflow-x:hidden}#root{min-height:100dvh}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.005em;font-weight:400;line-height:1.05}::selection{background:var(--accent);color:#04060a}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#7f8ca033;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#7f8ca059}a{color:var(--accent-light);text-decoration:none;transition:color .2s}a:hover{color:#c7e0ff}img{max-width:100%;display:block}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}.glass-panel{background:var(--bg-glass);-webkit-backdrop-filter:blur(44px)saturate(180%);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-panel), inset 0 1px 0 #ffffff14;position:relative;overflow:hidden}.glass-panel:before{content:"";background:linear-gradient(90deg, transparent, var(--hairline), transparent);z-index:2;pointer-events:none;height:1px;position:absolute;top:0;left:10%;right:10%}.eyebrow{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);border:1px solid var(--line-strong);font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap;border-radius:999px;align-items:center;gap:10px;padding:7px 16px;font-size:10.5px;display:inline-flex}.eyebrow .live-dot{background:var(--success);width:6px;height:6px;box-shadow:0 0 8px var(--success-glow);border-radius:50%;animation:2s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.5;transform:scale(.85)}}.glow-line{background:linear-gradient(90deg, transparent, var(--accent) 40%, var(--accent) 60%, transparent);width:clamp(90px,14vw,150px);height:2px;box-shadow:0 0 12px var(--accent-glow-strong), 0 0 36px #4a9eff4d;border-radius:2px}.skeleton{background:linear-gradient(90deg, var(--skeleton-base) 25%, var(--skeleton-shine) 50%, var(--skeleton-base) 75%);border-radius:var(--radius-xs);background-size:200% 100%;animation:1.5s ease-in-out infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}