*,*:before,*:after{box-sizing:border-box}:root{--bg: #0a0e17;--bg-elevated: rgba(18, 24, 38, .72);--border: rgba(255, 255, 255, .08);--text: #eef2ff;--muted: #94a3b8;--accent: #22d3ee;--accent-2: #a78bfa;--accent-glow: rgba(34, 211, 238, .35);--danger: #fb7185;--radius: 20px;--font: "Manrope", system-ui, sans-serif;--shadow: 0 24px 80px rgba(0, 0, 0, .45)}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:var(--font);font-size:16px;line-height:1.55;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}#root{min-height:100vh}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.shell{position:relative;min-height:100vh;max-width:1080px;margin:0 auto;padding:24px 20px 88px}.shell__bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none}.shell__orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.55}.shell__orb--1{width:420px;height:420px;top:-120px;right:-80px;background:radial-gradient(circle,#0891b2 0%,transparent 70%)}.shell__orb--2{width:360px;height:360px;bottom:10%;left:-100px;background:radial-gradient(circle,#7c3aed 0%,transparent 70%)}.shell__grid{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,transparent);mask-image:radial-gradient(ellipse 80% 60% at 50% 30%,black,transparent)}.sobru-made-with{position:fixed;left:50%;bottom:16px;z-index:9999;display:inline-flex;align-items:center;gap:10px;max-width:calc(100vw - 32px);padding:8px 14px 8px 10px;border-radius:999px;background:#f7f7f3;border:1px solid rgb(191 191 186);box-shadow:0 10px 40px #00000047,0 0 0 1px #ffffff80 inset;text-decoration:none;color:#1d1d1d;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transform:translate(-50%);transition:transform .2s ease,box-shadow .2s ease}.sobru-made-with:hover{transform:translate(-50%) translateY(-2px);box-shadow:0 14px 44px #00000052,0 0 0 1px #ffffff8c inset}.sobru-made-with__logo{width:28px;height:28px;flex-shrink:0;border-radius:8px}.sobru-made-with__copy{display:flex;flex-direction:column;gap:1px;min-width:0;line-height:1.15}.sobru-made-with__lead{font-size:11px;font-weight:500;color:#5b5b56;white-space:nowrap}.sobru-made-with__brand{font-size:13px;font-weight:700;letter-spacing:-.02em;color:#111;white-space:nowrap}.sobru-made-with__plan{flex-shrink:0;margin-left:2px;padding:3px 8px;border-radius:999px;border:1px solid rgb(202 202 198);background:#f3f3ef;font-size:10px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:#5b5b56}.top{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:32px;padding-top:8px}.top__logo{display:flex;align-items:center;gap:14px}.top__mark{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:16px;font-size:24px;background:linear-gradient(145deg,#22d3ee33,#a78bfa26);border:1px solid rgba(34,211,238,.25);box-shadow:0 0 40px var(--accent-glow)}.top__kicker{margin:0;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--accent)}.top__title{margin:2px 0 0;font-size:28px;font-weight:800;letter-spacing:-.03em}.top__nav{display:flex;flex-wrap:wrap;gap:8px;width:100%;order:3}@media (min-width: 900px){.top__nav{width:auto;order:0;margin-left:auto;margin-right:12px}}.top__nav-link{padding:10px 16px;border-radius:999px;font-size:14px;font-weight:700;text-decoration:none;color:var(--muted);border:1px solid transparent;transition:color .2s ease,background .2s ease,border-color .2s ease}.top__nav-link:hover{color:var(--text);background:#ffffff0d}.top__nav-link.is-active{color:var(--text);border-color:#22d3ee59;background:#22d3ee1a}.top__stats{display:flex;flex-wrap:wrap;gap:12px;margin:0;padding:0;list-style:none}.top__stats li{padding:10px 16px;border-radius:14px;background:var(--bg-elevated);border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.top__stats strong{display:block;font-size:15px;font-weight:700}.top__stats span{font-size:12px;color:var(--muted)}.main{margin-bottom:40px}.card{border-radius:var(--radius);background:var(--bg-elevated);border:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow)}.card--soft{box-shadow:none;background:#ffffff08}.hero{padding:36px 32px 40px}.hero__copy h1{margin:0 0 12px;font-size:clamp(1.75rem,4vw,2.35rem);font-weight:800;line-height:1.15;letter-spacing:-.03em}.hero__copy h1 span{display:block;background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.hero__lead{margin:0 0 28px;max-width:52ch;color:var(--muted);font-size:1.05rem}.dropzone{margin-bottom:20px;padding:48px 24px;border-radius:18px;border:2px dashed rgba(255,255,255,.12);background:#0003;text-align:center;cursor:pointer;transition:border-color .25s ease,background .25s ease,transform .2s ease}.dropzone:hover,.dropzone--active{border-color:#22d3ee80;background:#22d3ee0f}.dropzone--active{transform:scale(1.01)}.dropzone--filled{border-style:solid;border-color:#22d3ee59}.dropzone__icon{font-size:2rem;margin-bottom:12px;opacity:.9}.dropzone__title{margin:0;font-size:1.15rem;font-weight:700}.dropzone__hint{margin:6px 0 0;color:var(--muted);font-size:.95rem}.dropzone__name{margin:0;font-weight:700;word-break:break-all}.dropzone__meta{margin:4px 0 8px;color:var(--muted)}.link-btn{background:none;border:none;color:var(--accent);font:inherit;font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.options{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:20px}.toggle{display:inline-flex;align-items:center;gap:10px;cursor:pointer;font-weight:500;-webkit-user-select:none;user-select:none}.toggle input{position:absolute;opacity:0;pointer-events:none}.toggle__ui{width:44px;height:26px;border-radius:999px;background:#ffffff1a;position:relative;transition:background .2s}.toggle__ui:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s}.toggle input:checked+.toggle__ui{background:linear-gradient(90deg,#0891b2,#7c3aed)}.toggle input:checked+.toggle__ui:after{transform:translate(18px)}.input{flex:1;min-width:200px;padding:12px 16px;border-radius:12px;border:1px solid var(--border);background:#00000059;color:var(--text);font:inherit}.input:focus{outline:none;border-color:#22d3ee80;box-shadow:0 0 0 3px var(--accent-glow)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 22px;border-radius:14px;border:none;font:inherit;font-weight:700;cursor:pointer;text-decoration:none;transition:transform .15s ease,opacity .15s ease,box-shadow .15s ease}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{color:#041016;background:linear-gradient(135deg,var(--accent),#38bdf8);box-shadow:0 8px 28px var(--accent-glow)}.btn--primary:not(:disabled):hover{transform:translateY(-1px)}.btn--ghost{color:var(--text);background:#ffffff0f;border:1px solid var(--border)}.btn--large{width:100%;padding:16px 24px;font-size:1.05rem}.progress{margin-top:16px;height:6px;border-radius:999px;background:#ffffff14;overflow:hidden}.progress__bar{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .2s ease}.msg{margin:12px 0;font-size:.95rem}.msg--error{color:var(--danger)}.msg--ok{color:#6ee7b7;font-size:.95rem;line-height:1.45}.muted{color:var(--muted)}.success{text-align:center;padding:8px 0}.success__badge{display:inline-block;margin-bottom:12px;padding:6px 14px;border-radius:999px;background:#22d3ee26;color:var(--accent);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.success h2{margin:0 0 8px;font-size:1.5rem}.success__name{margin:0;font-weight:700;word-break:break-all}.success__meta{margin:8px 0 20px;color:var(--muted)}.link-box{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.link-box__input{flex:1;min-width:200px;padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:#00000059;color:var(--muted);font:inherit;font-size:.9rem}.success__actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:24px}.feature{padding:24px}.feature h3{margin:0 0 8px;font-size:1.1rem}.feature p{margin:0;color:var(--muted);font-size:.95rem}.file-page{padding:40px 32px;max-width:560px;margin:0 auto}.file-page--error{text-align:center}.file-page__icon{width:56px;height:56px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;border-radius:16px;font-size:1.5rem;background:#fb71851f;color:var(--danger)}.file-page__skeleton{text-align:center;padding:24px 0;color:var(--muted)}.file-page__pulse{display:block;width:48px;height:48px;margin:0 auto 16px;border-radius:50%;border:3px solid rgba(34,211,238,.2);border-top-color:var(--accent);animation:file-spin .9s linear infinite}@keyframes file-spin{to{transform:rotate(360deg)}}.file-page__notice{margin:0 0 20px;padding:12px 14px;border-radius:12px;background:#22d3ee14;border:1px solid rgba(34,211,238,.2);color:var(--muted);font-size:.92rem}.file-page__label{margin:0 0 8px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--accent)}.file-page__name{margin:0 0 16px;font-size:1.65rem;font-weight:800;line-height:1.2;word-break:break-word}.file-page__meta{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 28px;padding:0;list-style:none}.file-page__meta li{padding:6px 12px;border-radius:999px;background:#ffffff0d;font-size:.9rem;color:var(--muted)}.unlock{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.unlock p{margin:0;color:var(--muted)}.file-page__actions{margin-bottom:24px}.file-page__back{color:var(--muted);font-size:.95rem;text-decoration:none}.file-page__back:hover{color:var(--accent)}.foot{text-align:center;font-size:.85rem;color:var(--muted);max-width:48ch;margin:0 auto}.foot p{margin:0}.history{display:flex;flex-direction:column;gap:20px}.history-hero{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px;padding:32px 28px}.history-hero__kicker{margin:0 0 6px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.history-hero h1{margin:0 0 10px;font-size:clamp(1.6rem,3vw,2rem);font-weight:800;letter-spacing:-.03em}.history-hero__lead{margin:0;max-width:52ch;color:var(--muted)}.history-hero__stat{padding:16px 20px;border-radius:16px;background:#00000040;border:1px solid var(--border);text-align:right}.history-hero__stat-value{display:block;font-size:1.35rem;font-weight:800;background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.history-hero__stat-label{font-size:12px;color:var(--muted)}.history-panel{padding:24px 22px 28px}.history-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:20px}.history-search{flex:1;min-width:220px}.history-toolbar__actions{display:flex;flex-wrap:wrap;gap:8px}.history-empty{text-align:center;padding:32px 12px;color:var(--muted)}.history-empty .btn{margin-top:16px}.history-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.history-item{display:grid;grid-template-columns:1fr auto;gap:12px 16px;padding:16px 18px;border-radius:16px;background:#ffffff08;border:1px solid var(--border);transition:border-color .2s ease}.history-item:hover{border-color:#22d3ee40}.history-item__main{grid-column:1 / -1}@media (min-width: 720px){.history-item__main{grid-column:1}}.history-item__name{margin:0 0 4px;font-weight:700;word-break:break-word}.history-item__meta{margin:0;font-size:.9rem;color:var(--muted)}.history-item__side{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.history-item__actions{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.history-item__remove{margin-left:auto}.history-chip{padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.history-chip--active{background:#6ee7b726;color:#6ee7b7}.history-chip--expired,.history-chip--missing{background:#fb71851f;color:var(--danger)}.history-chip--checking{background:#ffffff0f;color:var(--muted)}.history-chip--muted{background:#ffffff0f;color:var(--muted);text-transform:none;letter-spacing:0;font-weight:600}.history-pager{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:20px}.intent-hint{display:flex;gap:14px;align-items:flex-start;margin:18px 0 14px;padding:16px 18px;border-radius:16px;border:1px solid var(--border)}.intent-hint--file{background:linear-gradient(135deg,#22d3ee1a,#ffffff05);border-color:#22d3ee40}.intent-hint--folder{background:linear-gradient(135deg,#a78bfa1f,#ffffff05);border-color:#a78bfa4d}.intent-hint__icon{font-size:1.5rem;line-height:1}.intent-hint__title{margin:0 0 4px;font-weight:700;font-size:.98rem}.intent-hint__text{margin:0;font-size:.88rem;color:var(--muted);line-height:1.45}.success__kind{margin:0 0 16px;font-size:.9rem;color:var(--muted)}.upload-stats{margin:24px 0 8px;padding:20px;border-radius:18px;background:linear-gradient(145deg,#22d3ee12,#a78bfa0f);border:1px solid rgba(255,255,255,.1);text-align:left}.upload-stats--compact{padding:14px}.upload-stats__head{margin-bottom:16px}.upload-stats__title{margin:0 0 4px;font-weight:800;font-size:1.05rem}.upload-stats__sub{margin:0;font-size:.85rem;color:var(--muted)}.upload-stats__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media (min-width: 640px){.upload-stats__grid{grid-template-columns:repeat(4,1fr)}}.stat-card{display:flex;gap:10px;align-items:flex-start;padding:14px 12px;border-radius:14px;background:#00000038;border:1px solid var(--border)}.stat-card__icon{font-size:1.25rem;line-height:1}.stat-card__body{display:flex;flex-direction:column;gap:2px;min-width:0}.stat-card__value{font-size:1.35rem;font-weight:800;letter-spacing:-.02em;color:var(--text)}.stat-card__label{font-size:.78rem;color:var(--muted);line-height:1.3}.stat-card__hint{font-size:.72rem;color:var(--muted);opacity:.85}.upload-stats__files{list-style:none;margin:16px 0 0;padding:12px 0 0;border-top:1px solid var(--border)}.upload-stats__files li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;font-size:.88rem}.upload-stats__fname{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-stats__fnums{flex-shrink:0;color:var(--muted)}.history-item__stats{display:flex;flex-wrap:wrap;gap:12px 16px;margin:10px 0 0;font-size:.88rem;font-weight:650;color:var(--accent)}.file-pick-list{list-style:none;margin:12px 0 0;padding:0;max-height:220px;overflow:auto;text-align:left}.file-pick-list__item{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:10px 12px;border-radius:12px;background:#0003;margin-bottom:6px}.file-pick-list__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;font-size:.92rem}.file-pick-list__size{font-size:.82rem;color:var(--muted)}.file-pick-list__remove{width:28px;height:28px;border:none;border-radius:8px;background:#ffffff14;color:var(--text);font-size:1.2rem;line-height:1;cursor:pointer}.dropzone__queue{width:100%}.dropzone__queue-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.upload-panel{margin:20px 0;padding:18px;border-radius:18px;background:#00000040;border:1px solid var(--border)}.upload-panel__overall-head{display:flex;justify-content:space-between;margin-bottom:10px;font-size:.9rem;color:var(--muted)}.upload-panel__overall-head strong{color:var(--accent);font-size:1.1rem}.progress--lg{height:10px}.progress--sm{height:5px;margin-top:8px}.progress__bar--glow{box-shadow:0 0 16px var(--accent-glow)}.upload-queue{list-style:none;margin:16px 0 0;padding:0}.upload-queue__item{padding:12px 0;border-top:1px solid var(--border)}.upload-queue__item:first-child{border-top:none;padding-top:4px}.upload-queue__row{display:flex;justify-content:space-between;gap:12px;font-size:.9rem}.upload-queue__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-queue__pct{font-weight:700;color:var(--accent);flex-shrink:0}.upload-queue__item--done .upload-queue__pct{color:#6ee7b7}.upload-queue__item--error .progress__bar{background:var(--danger)}.upload-queue__err{margin:6px 0 0;font-size:.82rem;color:var(--danger)}.success--multi{text-align:left}.success-links{list-style:none;margin:20px 0;padding:0}.success-links__item{display:grid;gap:10px;padding:16px;margin-bottom:10px;border-radius:16px;background:#ffffff0a;border:1px solid var(--border)}@media (min-width: 720px){.success-links__item{grid-template-columns:1fr auto auto;align-items:center}}.success-links__name{margin:0;font-weight:700}.success-links__meta{margin:4px 0 0;font-size:.85rem;color:var(--muted)}.link-box--compact{margin:0}.bundle-files{list-style:none;margin:24px 0 0;padding:0}.bundle-files__item{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-top:1px solid var(--border)}.bundle-files__info{display:flex;flex-direction:column;gap:4px;min-width:0}.bundle-files__name{font-weight:600;overflow:hidden;text-overflow:ellipsis}.bundle-files__size{font-size:.85rem;color:var(--muted)}@media (max-width: 640px){.sobru-made-with{gap:8px;padding:7px 12px 7px 8px}.sobru-made-with__lead{font-size:10px}.sobru-made-with__brand{font-size:12px}.hero{padding:28px 20px 32px}.top__title{font-size:22px}}