:root{--bg: #05070f;--bg-deep: #0b0f2a;--card: rgba(14, 18, 48, .62);--card-border: rgba(150, 160, 255, .16);--text: #eef0ff;--muted: #9aa3d6;--violet: #8b5cf6;--cyan: #22d3ee;--pink: #f472b6;--success: #34d399;--danger: #fb7185;--glow-violet: 0 0 48px rgba(139, 92, 246, .35);--radius: 20px;--font: "Inter", "SF Pro Text", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;min-height:100%}body{font-family:var(--font);color:var(--text);background:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(76,52,170,.55),transparent 60%),radial-gradient(ellipse 60% 40% at 100% 100%,rgba(8,92,120,.45),transparent 60%),linear-gradient(180deg,var(--bg-deep) 0%,var(--bg) 60%);background-attachment:fixed;overflow-x:hidden;-webkit-font-smoothing:antialiased}.sky{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.stars{position:absolute;top:0;left:0;width:1px;height:1px;border-radius:50%;background:transparent;animation:drift linear infinite}.stars--small{animation-duration:240s;opacity:.8}.stars--medium{width:2px;height:2px;animation-duration:180s;opacity:.9}.stars--large{width:3px;height:3px;animation-duration:120s;filter:drop-shadow(0 0 4px rgba(255,255,255,.8))}.nebula{position:absolute;border-radius:50%;filter:blur(90px);opacity:.55;animation:breathe 14s ease-in-out infinite alternate}.nebula--violet{width:60vw;height:60vw;max-width:640px;max-height:640px;top:-20vh;left:-15vw;background:radial-gradient(circle,rgba(139,92,246,.6),transparent 65%)}.nebula--cyan{width:50vw;height:50vw;max-width:520px;max-height:520px;bottom:-20vh;right:-15vw;background:radial-gradient(circle,rgba(34,211,238,.45),transparent 65%);animation-delay:-7s}@keyframes drift{0%{transform:translateZ(0)}to{transform:translate3d(-400px,-300px,0)}}@keyframes breathe{0%{transform:scale(1) translateZ(0)}to{transform:scale(1.15) translate3d(4vw,-3vh,0)}}.page{position:relative;z-index:1;max-width:520px;margin:0 auto;padding:max(20px,env(safe-area-inset-top)) 16px calc(40px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:16px}.header{text-align:center;padding:16px 0 8px}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:inherit}.brand__orb{width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#d8c8ff,var(--violet) 45%,#1a1650 100%);box-shadow:var(--glow-violet);position:relative}.brand__orb:after{content:"";position:absolute;top:-6px;right:-12px;bottom:-6px;left:-12px;border:2px solid rgba(34,211,238,.7);border-radius:50%;transform:rotate(-20deg) scaleY(.35);animation:orbit 6s linear infinite}@keyframes orbit{0%{transform:rotate(-20deg) scaleY(.35) rotate(0)}to{transform:rotate(-20deg) scaleY(.35) rotate(360deg)}}.brand__name{font-size:1.8rem;font-weight:700;letter-spacing:.02em;background:linear-gradient(90deg,#f5f3ff,#c4b5fd 50%,#67e8f9);-webkit-background-clip:text;background-clip:text;color:transparent}.tagline{margin:10px 0 0;color:var(--muted);font-size:.95rem}.card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);padding:20px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 20px 60px #00000059,inset 0 1px #ffffff0f}.card--error{border-color:#fb718573;box-shadow:0 0 40px #fb718526}.card__title{font-weight:600;font-size:1.05rem;margin-bottom:6px}.card__text{margin:0 0 14px;color:var(--muted);font-size:.92rem;line-height:1.5}.dropzone{display:flex;flex-direction:column;align-items:center;gap:8px;padding:36px 16px;border:1.5px dashed rgba(167,139,250,.45);border-radius:16px;cursor:pointer;text-align:center;transition:border-color .2s,background .2s,transform .2s}.dropzone:hover,.dropzone--over{border-color:var(--cyan);background:#22d3ee0f;transform:translateY(-1px)}.dropzone__glyph{font-size:2.6rem;line-height:1;color:#c4b5fd;text-shadow:0 0 24px rgba(139,92,246,.8);animation:float 4s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.dropzone__title{font-weight:600;font-size:1.1rem}.dropzone__hint{color:var(--muted);font-size:.85rem}.dropzone__input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.file-card{display:flex;align-items:center;gap:14px;padding:16px 18px}.file-card__icon{flex:0 0 44px;height:44px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#8b5cf659,#22d3ee40);color:#e9d5ff;font-size:1.3rem}.file-card__body{min-width:0}.file-card__name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-card__size{color:var(--muted);font-size:.85rem;margin-top:2px}.status{display:inline-flex;align-items:center;gap:10px;align-self:center;padding:8px 16px;border-radius:999px;background:#ffffff0d;border:1px solid var(--card-border);font-size:.9rem;color:var(--muted)}.status__dot{width:9px;height:9px;border-radius:50%;background:var(--muted)}.status--waiting .status__dot{background:#fbbf24;box-shadow:0 0 12px #fbbf24;animation:pulse 1.6s ease-in-out infinite}.status--active .status__dot{background:var(--cyan);box-shadow:0 0 12px var(--cyan);animation:pulse 1s ease-in-out infinite}.status--success{color:var(--success)}.status--success .status__dot{background:var(--success);box-shadow:0 0 12px var(--success)}.status--error{color:var(--danger)}.status--error .status__dot{background:var(--danger);box-shadow:0 0 12px var(--danger)}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.6}}.button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:14px;padding:14px 20px;min-height:48px;font:inherit;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--violet),#6366f1 55%,var(--cyan));box-shadow:0 10px 30px #6366f159;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:transform .15s,box-shadow .15s}.button:hover{transform:translateY(-1px);box-shadow:0 14px 36px #6366f180}.button:active{transform:translateY(0)}.button--ghost{background:#ffffff14;box-shadow:none;border:1px solid var(--card-border)}.button--large{width:100%;font-size:1.05rem;min-height:56px}.share__row{display:flex;gap:10px}.share__link{flex:1;min-width:0;padding:12px 14px;border-radius:14px;border:1px solid var(--card-border);background:#00000059;color:var(--text);font:inherit;font-size:.9rem}.share__note{min-height:1.2em;margin-top:8px;font-size:.82rem;color:var(--muted)}.share__note--ok{color:var(--success)}.share__note--warn{color:#fbbf24}.share__qr-wrap{margin-top:16px;display:flex;justify-content:center}.share__qr{border-radius:16px;padding:10px;background:#f3f4ff;box-shadow:0 0 40px #22d3ee40;max-width:100%;height:auto}.share__divider{display:flex;align-items:center;gap:12px;margin:18px 0 10px;color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.12em}.share__divider:before,.share__divider:after{content:"";flex:1;height:1px;background:var(--card-border)}.share__pin-hint{margin-bottom:8px}.pin{text-align:center;font-size:clamp(1.6rem,7vw,2.2rem);font-weight:700;letter-spacing:.12em;font-variant-numeric:tabular-nums;padding:12px 8px;border-radius:14px;background:#00000059;border:1px solid var(--card-border);background-image:linear-gradient(90deg,#e9d5ff,#a5f3fc);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 24px rgba(139,92,246,.35);-webkit-user-select:all;user-select:all}.pin-entry{display:flex;gap:10px}.pin-entry__input{flex:1;min-width:0;padding:12px 14px;border-radius:14px;border:1px solid var(--card-border);background:#00000059;color:var(--text);font:inherit;font-size:1.25rem;font-weight:600;letter-spacing:.15em;text-align:center;font-variant-numeric:tabular-nums}.pin-entry__input:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 0 3px #22d3ee33}.pin-entry__input::placeholder{color:#9aa3d666;letter-spacing:.15em}.progress__head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}.progress__title{font-weight:600}.progress__percent{font-variant-numeric:tabular-nums;font-weight:700;font-size:1.4rem;background:linear-gradient(90deg,#c4b5fd,#67e8f9);-webkit-background-clip:text;background-clip:text;color:transparent}.progress__track{position:relative;height:14px;border-radius:999px;background:#ffffff14;overflow:hidden}.progress__fill{height:100%;width:0%;border-radius:999px;background:linear-gradient(90deg,var(--violet),#818cf8,var(--cyan));box-shadow:0 0 18px #818cf8cc;transition:width .2s ease-out}.progress__comet{position:absolute;top:0;bottom:0;width:60px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);animation:comet 1.8s linear infinite}.progress--done .progress__comet{display:none}@keyframes comet{0%{left:-60px}to{left:100%}}.progress__row{display:flex;justify-content:space-between;margin-top:10px;font-size:.85rem;color:var(--muted);font-variant-numeric:tabular-nums}.progress__detail{margin-top:6px;font-size:.82rem;color:var(--muted);min-height:1.2em}.progress--done .progress__detail{color:var(--success)}.save .button{margin-top:4px}.progress+.button,.save+.button{margin-top:12px}@media(max-width:420px){.share__row,.pin-entry{flex-direction:column}.brand__name{font-size:1.5rem}}@media(prefers-reduced-motion:reduce){.stars,.nebula,.brand__orb:after,.dropzone__glyph,.progress__comet{animation:none}}