:root{--bg: #050706;--bg-soft: #070b09;--panel: rgba(10, 15, 13, .72);--panel-solid: #0a0f0d;--dark-green: #0b2a1a;--dark-green-2: #0e3a24;--line: rgba(0, 230, 118, .16);--line-strong: rgba(0, 230, 118, .4);--accent: #00e676;--accent-2: #7dffb8;--accent-dim: rgba(0, 230, 118, .08);--text: #e9fff4;--muted: #7f9d8d;--danger: #ff5c72;--radius: 18px;--radius-lg: 26px;--font: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;overflow-x:hidden}::selection{background:#00e67652;color:#fff}.app{position:relative;min-height:100vh;display:flex;flex-direction:column}.bg-glow{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(680px 420px at 12% -8%,rgba(0,230,118,.16),transparent 62%),radial-gradient(760px 520px at 92% 4%,rgba(11,42,26,.85),transparent 60%),radial-gradient(900px 620px at 50% 118%,rgba(14,58,36,.5),transparent 62%);z-index:0}.bg-grid{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(0,230,118,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,230,118,.05) 1px,transparent 1px);background-size:46px 46px;mask-image:radial-gradient(circle at 50% 32%,#000 0%,transparent 78%);-webkit-mask-image:radial-gradient(circle at 50% 32%,#000 0%,transparent 78%);z-index:0}.main{position:relative;z-index:1}.accent{color:var(--accent)}.muted{color:var(--muted)}.hint{margin:26px 0 0;text-align:center;font-family:var(--mono);font-size:12.5px;letter-spacing:.06em;text-transform:uppercase}.main{flex:1;width:100%;max-width:820px;margin:0 auto;padding:clamp(24px,5vw,56px) clamp(16px,4vw,32px) 48px;display:flex;flex-direction:column;justify-content:center;align-items:stretch;text-align:center}.main>*{width:100%}.hero{text-align:center;margin-bottom:clamp(26px,4vw,44px)}.hero__title{margin:0 0 16px;font-size:clamp(34px,6.4vw,64px);line-height:1.04;font-weight:800;letter-spacing:-.02em;background:linear-gradient(180deg,#ffffff 20%,#bfeed6 70%,var(--accent) 130%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero__title .accent{background:none;color:var(--accent)}.hero__sub{margin:0 auto;max-width:560px;color:var(--muted);font-size:clamp(15px,1.7vw,17.5px);line-height:1.6}.dropzone{position:relative;border:1.5px dashed rgba(0,230,118,.35);border-radius:var(--radius-lg);padding:clamp(34px,6vw,62px) 24px;text-align:center;cursor:pointer;background:linear-gradient(180deg,#0e3a2459,#0a0f0d99),var(--panel);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;overflow:hidden}.dropzone:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(420px 200px at 50% 0%,rgba(0,230,118,.14),transparent 70%);opacity:0;transition:opacity .25s ease;pointer-events:none}.dropzone:hover,.dropzone:focus-visible{border-color:var(--line-strong);transform:translateY(-3px);box-shadow:0 18px 50px #00000080,0 0 0 4px #00e6760f;outline:none}.dropzone:hover:after{opacity:1}.dropzone--over{border-color:var(--accent);border-style:solid;background:linear-gradient(180deg,#00e67629,#0a0f0db3);transform:scale(1.012);box-shadow:0 0 0 6px #00e6761a,0 24px 60px #0000008c}.dropzone__icon{color:var(--accent);display:inline-flex;animation:float 3.4s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.dropzone__title{margin:14px 0 8px;font-size:clamp(21px,3vw,28px);font-weight:700}.dropzone__hint{margin:0;color:var(--muted);font-size:14.5px}.dropzone__link{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.dropzone__meta{margin-top:22px;display:flex;gap:12px;justify-content:center;align-items:center;flex-wrap:wrap;font-family:var(--mono);font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.dot{width:4px;height:4px;border-radius:50%;background:#00e67680}.card,.hrow,.linkbox,.card__body,.hrow__name{text-align:left}.section-head{display:flex;align-items:baseline;justify-content:center;gap:16px;margin-bottom:14px;flex-wrap:wrap}.section-title{margin:0;font-size:17px;font-weight:700;letter-spacing:.02em}.section-note{font-size:12.5px;color:var(--muted)}.uploads,.history{margin-top:36px}.uploads__list,.history__list{display:flex;flex-direction:column;gap:12px}.card{display:flex;align-items:center;gap:16px;padding:16px 18px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.card:hover{border-color:var(--line-strong);transform:translateY(-2px);box-shadow:0 14px 34px #0000006b}.card--done{background:linear-gradient(180deg,rgba(11,42,26,.55),var(--panel));border-color:#00e6764d}.card__icon{font-size:26px;width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#00e67614;border:1px solid var(--line);flex-shrink:0}.card__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:9px}.card__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.card__name{margin:0;font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card__size{font-family:var(--mono);font-size:12.5px;color:var(--muted);flex-shrink:0}.bar{height:6px;border-radius:999px;background:#ffffff0f;overflow:hidden}.bar__fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#00b45c,var(--accent),var(--accent-2));box-shadow:0 0 12px #00e6768c;transition:width .18s linear}.card__status{font-size:12.5px;color:var(--muted)}.card__status b{color:var(--accent);font-variant-numeric:tabular-nums}.card__status--bad{color:var(--danger)}.pill{flex-shrink:0;font-family:var(--mono);font-size:11.5px;padding:5px 11px;border-radius:999px;border:1px solid var(--line);color:var(--muted);background:#ffffff08}.pill--ok{color:#05130c;background:var(--accent);border-color:transparent;font-weight:600}.pill--bad{color:var(--danger);border-color:#ff5c7266}.pill--run{color:var(--accent-2);border-color:#00e67659;background:var(--accent-dim)}.linkbox{display:flex;align-items:center;gap:10px;padding:9px 10px 9px 14px;border-radius:13px;background:#00e67612;border:1px solid rgba(0,230,118,.28)}.linkbox__url{flex:1;min-width:0;font-family:var(--mono);font-size:13px;color:var(--accent-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.linkbox__actions{display:flex;gap:8px;flex-shrink:0}.btn{font-family:var(--font);font-size:13.5px;font-weight:600;padding:9px 16px;border-radius:11px;border:1px solid transparent;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease}.btn:active{transform:translateY(1px)}.btn--accent{background:linear-gradient(140deg,var(--accent),#00b45c);color:#03150c;box-shadow:0 6px 20px #00e67647}.btn--accent:hover{box-shadow:0 10px 26px #00e6766b;transform:translateY(-1px)}.btn--ghost{background:#ffffff0a;border-color:var(--line);color:var(--text)}.btn--ghost:hover{border-color:var(--line-strong);background:#00e6761a}.btn--sm{padding:7px 13px;font-size:12.5px;border-radius:9px}.hrow{display:grid;grid-template-columns:auto minmax(0,1.4fr) auto auto auto;align-items:center;gap:14px;padding:12px 16px;background:var(--panel);border:1px solid var(--line);border-radius:14px;transition:border-color .2s ease}.hrow:hover{border-color:var(--line-strong)}.hrow__name{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hrow__size,.hrow__url{font-family:var(--mono);font-size:12.5px;color:var(--muted)}.hrow__url{color:var(--accent-2)}.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:12px 20px;border-radius:999px;background:#080e0bf5;border:1px solid var(--line-strong);color:var(--text);font-size:14px;box-shadow:0 18px 44px #0009;animation:toast-in .26s cubic-bezier(.2,.9,.3,1.4);z-index:50}.toast__dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,16px)}to{opacity:1;transform:translate(-50%)}}@media(max-width:860px){.hrow{grid-template-columns:auto minmax(0,1fr) auto}.hrow__size,.hrow__url{display:none}}@media(max-width:560px){.card{flex-wrap:wrap}.pill{order:-1}.linkbox{flex-wrap:wrap}.linkbox__actions{width:100%}.linkbox__actions .btn{flex:1}.badge{font-size:11px;padding:7px 11px}}