:root{--bg: #030308;--bg-elevated: rgba(12, 12, 22, .72);--surface: rgba(255, 255, 255, .04);--glass: rgba(255, 255, 255, .06);--border: rgba(255, 255, 255, .09);--border-strong: rgba(255, 255, 255, .16);--text: #f8f8fc;--text-muted: #8b8ba3;--text-dim: #5c5c72;--app-color: #fb923c;--app-glow: rgba(251, 146, 60, .4);--app-gradient: linear-gradient(135deg, #ea580c, #f97316, #fdba74);--radius: 14px;--radius-lg: 24px;--radius-xl: 32px;--shadow: 0 32px 64px rgba(0, 0, 0, .55);--font-display: "Syne", system-ui, sans-serif;--font-body: "Plus Jakarta Sans", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;font-family:var(--font-body);line-height:1.6;font-weight:400;color:var(--text);background-color:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{min-height:100vh;overflow-x:hidden}#root{min-height:100vh}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit;color:inherit}::selection{background:color-mix(in srgb,var(--app-color) 35%,transparent);color:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:.85rem 1.75rem;border-radius:999px;font-weight:700;font-size:.95rem;letter-spacing:.02em;border:none;cursor:pointer;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease,filter .25s ease}.btn:active:not(:disabled){transform:scale(.97)}.btn-primary{position:relative;overflow:hidden;background:var(--app-gradient);color:#fff;box-shadow:0 0 0 1px #ffffff1f inset,0 12px 40px var(--app-glow),0 4px 16px #0006}.btn-primary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.35) 50%,transparent 60%);transform:translate(-120%);transition:transform .6s ease}.btn-primary:hover:not(:disabled):before{transform:translate(120%)}.btn-primary:hover:not(:disabled){filter:brightness(1.08);box-shadow:0 0 0 1px #ffffff2e inset,0 16px 56px var(--app-glow),0 8px 24px #00000073}.btn-primary:disabled{opacity:.55;cursor:not-allowed;filter:grayscale(.2)}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseRing{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.06);opacity:.15}}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(12px,-18px) scale(1.04)}66%{transform:translate(-8px,10px) scale(.96)}}@keyframes shimmer{0%{background-position:200% center}to{background-position:-200% center}}@keyframes spin{to{transform:rotate(360deg)}}.version-list{padding:clamp(1.25rem,3vw,1.75rem);height:100%;min-height:320px;display:flex;flex-direction:column}.version-list-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.version-eyebrow{font-size:.65rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--list-accent, var(--app-color));margin-bottom:.25rem}.version-list h2{font-family:var(--font-display);font-size:1.2rem;font-weight:700}.version-active-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .75rem;border-radius:999px;font-size:.75rem;font-weight:700;font-family:var(--font-mono);background:color-mix(in srgb,var(--list-accent) 15%,transparent);border:1px solid color-mix(in srgb,var(--list-accent) 35%,transparent);color:var(--list-accent);white-space:nowrap}.chip-dot{width:6px;height:6px;border-radius:50%;background:var(--list-accent);box-shadow:0 0 10px var(--list-accent);animation:pulseRing 2s ease-in-out infinite}.version-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:2rem;text-align:center;color:var(--text-dim);font-size:.875rem}.version-empty-icon{font-size:2.5rem;opacity:.25}.version-error{display:flex;align-items:center;gap:.5rem;color:#fca5a5;font-size:.875rem;padding:1rem;border-radius:var(--radius);background:#ef444414;border:1px solid rgba(239,68,68,.25)}.version-error span{width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ef444433;font-weight:800;flex-shrink:0}.version-items{list-style:none;display:flex;flex-direction:column;gap:.65rem;flex:1;overflow-y:auto;max-height:520px;padding-right:.25rem}.version-items::-webkit-scrollbar{width:4px}.version-items::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}.version-item{position:relative;padding-left:1.25rem;animation:fadeUp .5s cubic-bezier(.22,1,.36,1) both}.version-timeline{position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--border);border-radius:2px}.version-item.active .version-timeline{background:var(--list-accent, var(--app-color));box-shadow:0 0 12px var(--list-accent, var(--app-glow))}.version-item-inner{padding:.9rem 1rem;border-radius:var(--radius);border:1px solid var(--border);background:#00000047;transition:border-color .25s,transform .25s,box-shadow .25s}.version-item:hover .version-item-inner{transform:translate(4px);border-color:var(--border-strong)}.version-item.active .version-item-inner{border-color:color-mix(in srgb,var(--list-accent) 45%,transparent);background:color-mix(in srgb,var(--list-accent) 8%,rgba(0,0,0,.3));box-shadow:0 8px 24px color-mix(in srgb,var(--list-accent) 15%,transparent)}.version-item-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.4rem}.version-badge{display:flex;align-items:baseline;gap:.4rem}.version-num{font-family:var(--font-display);font-weight:700;font-size:1rem}.version-code{font-family:var(--font-mono);font-size:.7rem;color:var(--text-dim)}.version-live{font-size:.58rem;font-weight:800;letter-spacing:.12em;padding:.25rem .5rem;border-radius:4px;background:var(--list-accent, var(--app-color));color:#030308}.version-item-meta{display:flex;flex-wrap:wrap;gap:.4rem;font-size:.72rem}.meta-chip,.meta-date{padding:.2rem .5rem;border-radius:6px;background:var(--surface);color:var(--text-muted)}.meta-warn{color:#fbbf24;font-weight:600}.version-force{display:inline-block;margin-top:.4rem;font-size:.68rem;font-weight:600;color:#fb923c}.version-link{display:inline-flex;align-items:center;gap:.35rem;margin-top:.55rem;font-size:.78rem;font-weight:600;color:var(--list-accent, var(--app-color));transition:gap .2s}.version-link:hover{gap:.55rem}.skeleton-list .version-item{padding-left:0}.skeleton .version-item-inner{border:none;background:#ffffff0a}.sk-line{height:10px;border-radius:6px;background:linear-gradient(90deg,#ffffff0a,#ffffff1a,#ffffff0a);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}.sk-wide{width:70%;margin-bottom:.5rem}.sk-narrow{width:40%}.upload-panel{--shell-max: 1180px;position:relative;min-height:100vh;padding:clamp(1.5rem,4vw,3rem) clamp(1rem,3vw,2rem) 4rem;overflow:hidden}.ambient{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.orb{position:absolute;border-radius:50%;filter:blur(80px);animation:float 18s ease-in-out infinite}.orb-1{width:min(55vw,520px);height:min(55vw,520px);top:-15%;left:-10%;background:var(--app-color);opacity:.22}.orb-2{width:min(45vw,400px);height:min(45vw,400px);bottom:-10%;right:-5%;background:color-mix(in srgb,var(--app-color) 65%,white);opacity:.16;animation-delay:-6s}.orb-3{width:280px;height:280px;top:40%;left:50%;transform:translate(-50%);background:color-mix(in srgb,var(--app-color) 40%,transparent);opacity:.12;animation-delay:-12s}.grid-floor{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 30%,black 20%,transparent 75%);mask-image:radial-gradient(ellipse 80% 60% at 50% 30%,black 20%,transparent 75%)}.panel-shell{position:relative;z-index:1;max-width:var(--shell-max);margin:0 auto;animation:fadeUp .7s cubic-bezier(.22,1,.36,1) both}.panel-header{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1.5rem;margin-bottom:2.5rem}.panel-brand{display:flex;align-items:center;gap:1.25rem}.panel-logo-wrap{position:relative;width:4rem;height:4rem}.panel-logo-ring{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:18px;background:var(--app-gradient);opacity:.5;animation:pulseRing 3s ease-in-out infinite}.panel-logo{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:16px;background:#080810d9;border:1px solid var(--border-strong);color:var(--app-color);box-shadow:0 8px 32px var(--app-glow)}.panel-eyebrow{font-size:.7rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--app-color);margin-bottom:.35rem}.panel-titles h1{font-family:var(--font-display);font-size:clamp(1.75rem,5vw,2.75rem);font-weight:800;letter-spacing:-.03em;line-height:1.3;padding-bottom:.06em;overflow:visible}.title-gradient,.title-rest{display:inline-block;padding-bottom:.12em;line-height:1.35;vertical-align:baseline}.title-gradient{background:var(--app-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.panel-domain{display:inline-flex;align-items:center;gap:.5rem;margin-top:.5rem;font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted)}.live-dot{width:7px;height:7px;border-radius:50%;background:#4ade80;box-shadow:0 0 12px #4ade80;animation:pulseRing 2s ease-in-out infinite}.panel-stats{display:flex;gap:.75rem}.stat-pill{display:flex;flex-direction:column;align-items:center;padding:.75rem 1.25rem;border-radius:var(--radius);background:var(--glass);border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.stat-value{font-family:var(--font-display);font-size:1.35rem;font-weight:800;background:var(--app-gradient);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1}.stat-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);margin-top:.2rem}.section-label{font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);margin-bottom:.85rem}.app-cards{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2rem}@media(max-width:640px){.app-cards{grid-template-columns:1fr}}.app-card{position:relative;display:flex;align-items:center;gap:1rem;padding:1.15rem 1.25rem;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer;text-align:left;overflow:hidden;transition:transform .3s cubic-bezier(.34,1.56,.64,1),border-color .25s,box-shadow .25s}.app-card:hover{transform:translateY(-2px);border-color:var(--border-strong)}.app-card.active{border-color:color-mix(in srgb,var(--card-color) 55%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--card-color) 30%,transparent),0 16px 48px var(--card-glow);transform:translateY(-3px)}.app-card-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--card-gradient);opacity:0;transition:opacity .35s}.app-card.active .app-card-glow{opacity:.1}.app-card-avatar{position:relative;z-index:1;flex-shrink:0;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;border-radius:14px;font-family:var(--font-display);font-weight:800;font-size:.95rem;background:var(--card-gradient);color:#fff;box-shadow:0 6px 20px var(--card-glow)}.app-card-body{position:relative;z-index:1;display:flex;flex-direction:column;gap:.15rem;min-width:0}.app-card-label{font-weight:700;font-size:1.05rem}.app-card-tagline{font-size:.78rem;color:var(--text-muted)}.app-card-pkg{font-family:var(--font-mono);font-size:.62rem;color:var(--text-dim);margin-top:.25rem;word-break:break-all}.app-card-check{position:relative;z-index:1;margin-left:auto;color:var(--card-color);flex-shrink:0}.panel-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:960px){.panel-grid{grid-template-columns:1.15fr .85fr;align-items:start}}.glass-card{background:var(--bg-elevated);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:0 0 0 1px #ffffff0a inset,var(--shadow, 0 32px 64px rgba(0, 0, 0, .5))}.upload-form{display:flex;flex-direction:column;gap:1.15rem;padding:clamp(1.25rem,3vw,2rem)}.form-card-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.25rem}.form-card-head h2{font-family:var(--font-display);font-size:1.25rem;font-weight:700}.form-badge{font-size:.7rem;font-weight:700;padding:.35rem .75rem;border-radius:999px;background:color-mix(in srgb,var(--app-color) 18%,transparent);color:var(--app-color);border:1px solid color-mix(in srgb,var(--app-color) 35%,transparent)}.dropzone{position:relative;display:flex;align-items:center;justify-content:center;min-height:200px;border-radius:var(--radius-lg);cursor:pointer;transition:transform .25s ease}.dropzone:hover{transform:scale(1.005)}.dropzone-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;border:2px dashed color-mix(in srgb,var(--app-color) 35%,var(--border));transition:border-color .3s,box-shadow .3s}.dropzone.drag-over .dropzone-ring,.dropzone:hover .dropzone-ring{border-color:var(--app-color);box-shadow:0 0 40px var(--app-glow)}.dropzone.has-file .dropzone-ring{border-style:solid;border-color:color-mix(in srgb,var(--app-color) 60%,transparent);background:color-mix(in srgb,var(--app-color) 6%,transparent)}.ring-2{top:8px;right:8px;bottom:8px;left:8px;opacity:.4;animation:pulseRing 2.5s ease-in-out infinite}.dropzone-inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:2rem;text-align:center}.dropzone-icon-wrap{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;border-radius:50%;background:color-mix(in srgb,var(--app-color) 12%,transparent);color:var(--app-color);margin-bottom:.35rem;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.dropzone.drag-over .dropzone-icon-wrap,.dropzone:hover .dropzone-icon-wrap{transform:scale(1.08) translateY(-4px)}.dropzone-icon-wrap.filled{background:var(--app-gradient);color:#fff;box-shadow:0 8px 28px var(--app-glow)}.dropzone-filename{font-size:.95rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropzone-meta{font-size:.8rem;color:var(--text-muted)}.dropzone-clear{margin-top:.5rem;padding:.4rem 1rem;border:1px solid var(--border);border-radius:999px;background:#0000004d;color:var(--text-muted);cursor:pointer;font-size:.75rem;font-weight:600;transition:color .2s,border-color .2s}.dropzone-clear:hover{color:var(--text);border-color:var(--border-strong)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:520px){.form-row{grid-template-columns:1fr}}.field{display:flex;flex-direction:column;gap:.45rem}.field-label{font-size:.75rem;font-weight:600;letter-spacing:.04em;color:var(--text-muted)}.field-label em{color:#f87171;font-style:normal}.field input,.field textarea{padding:.8rem 1rem;border-radius:var(--radius);border:1px solid var(--border);background:#00000059;color:var(--text);transition:border-color .2s,box-shadow .2s}.field input::placeholder,.field textarea::placeholder{color:var(--text-dim)}.field input:focus,.field textarea:focus{outline:none;border-color:color-mix(in srgb,var(--app-color) 60%,transparent);box-shadow:0 0 0 3px var(--app-glow)}.field textarea{resize:vertical;min-height:88px}.toggle-field{display:flex;align-items:center;gap:1rem;padding:1rem 1.15rem;border-radius:var(--radius);border:1px solid var(--border);background:#00000040;cursor:pointer;transition:border-color .2s}.toggle-field:hover{border-color:var(--border-strong)}.toggle-field input{position:absolute;opacity:0;width:0;height:0}.toggle-track{flex-shrink:0;width:48px;height:26px;border-radius:999px;background:var(--surface);border:1px solid var(--border);position:relative;transition:background .25s,border-color .25s}.toggle-thumb{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--text-muted);transition:transform .25s cubic-bezier(.34,1.56,.64,1),background .25s}.toggle-field input:checked+.toggle-track{background:color-mix(in srgb,var(--app-color) 25%,transparent);border-color:color-mix(in srgb,var(--app-color) 50%,transparent)}.toggle-field input:checked+.toggle-track .toggle-thumb{transform:translate(22px);background:var(--app-color);box-shadow:0 0 12px var(--app-glow)}.toggle-text{display:flex;flex-direction:column;gap:.1rem}.toggle-text strong{font-size:.9rem}.toggle-text small{font-size:.75rem;color:var(--text-dim)}.alert{display:flex;gap:.85rem;padding:1rem 1.15rem;border-radius:var(--radius);font-size:.875rem;line-height:1.55;animation:fadeUp .4s ease both}.alert-icon{flex-shrink:0;width:1.75rem;height:1.75rem;display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:800;font-size:.85rem}.alert-error{background:#ef44441a;border:1px solid rgba(239,68,68,.35);color:#fecaca}.alert-error .alert-icon{background:#ef444440;color:#fca5a5}.alert-success{background:#22c55e14;border:1px solid rgba(34,197,94,.3);color:#bbf7d0}.alert-success .alert-icon.success{background:#22c55e33;color:#4ade80}.alert-info{background:#ffffff0f;border:1px solid var(--border-strong);color:var(--text-muted);font-size:.875rem}.success-details{display:flex;flex-direction:column;gap:.25rem;margin-top:.5rem;font-size:.8rem;color:var(--text-muted)}.success-link{color:var(--app-color);font-weight:600;margin-top:.25rem}.success-link:hover{text-decoration:underline}.upload-progress{display:flex;flex-direction:column;gap:.5rem;padding:1rem 1.15rem;border-radius:var(--radius);border:1px solid color-mix(in srgb,var(--app-color) 35%,transparent);background:color-mix(in srgb,var(--app-color) 8%,rgba(0,0,0,.35));animation:fadeUp .3s ease both}.upload-progress-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.upload-progress-actions{display:flex;align-items:center;gap:.65rem}.upload-progress-label{font-size:.85rem;font-weight:600}.upload-progress-pct{font-family:var(--font-mono);font-size:.85rem;font-weight:700;color:var(--app-color)}.progress-track{position:relative;height:8px;border-radius:999px;background:#ffffff14;overflow:hidden}.progress-fill{height:100%;border-radius:inherit;background:var(--app-gradient);box-shadow:0 0 16px var(--app-glow);transition:width .2s ease-out}.progress-track.indeterminate .progress-fill{position:absolute;left:0;top:0;width:35%!important;animation:progressIndeterminate 1.4s ease-in-out infinite}@keyframes progressIndeterminate{0%{transform:translate(-10%)}to{transform:translate(320%)}}.upload-progress-meta{font-family:var(--font-mono);font-size:.72rem;color:var(--text-muted)}.submit-row{display:flex;flex-direction:column;gap:.65rem;margin-top:.5rem}.btn-cancel{padding:.45rem .9rem;border-radius:999px;font-size:.8rem;font-weight:600;border:1px solid rgba(248,113,113,.45);background:#f871711a;color:#fca5a5;cursor:pointer;transition:background .2s,border-color .2s,color .2s;white-space:nowrap}.btn-cancel:hover{background:#f8717133;border-color:#f87171a6;color:#fecaca}.btn-cancel-wide{width:100%;padding:.75rem 1.25rem;font-size:.9rem}.btn-submit{width:100%;padding:1.05rem 1.5rem;font-size:1rem}.btn-spinner{width:1.1rem;height:1.1rem;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.panel-side{min-width:0}@media(max-width:640px){.panel-header{flex-direction:column;align-items:flex-start}.panel-stats{width:100%}.stat-pill{flex:1}}
