*{box-sizing:border-box}body{min-width:320px}.drag-active{transform:scale(1.01);border-color:#6d5dfc!important;background:rgba(109,93,252,.09)!important}.upload-row{animation:slide-in .3s ease both}@keyframes slide-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.hero-noise{background:linear-gradient(135deg,rgba(237,233,254,.72),rgba(255,255,255,.6) 48%,rgba(207,250,254,.55))}.dark .hero-noise{background:linear-gradient(135deg,rgba(88,28,135,.17),rgba(11,16,32,.65) 48%,rgba(8,145,178,.12))}.hero-noise:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.25;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E")}.orb{position:absolute;border-radius:999px;filter:blur(3px);opacity:.55;animation:float 9s ease-in-out infinite}.orb-one{width:22rem;height:22rem;left:-10rem;top:-7rem;background:radial-gradient(circle,#c084fc,transparent 68%)}.orb-two{width:20rem;height:20rem;right:-6rem;bottom:-8rem;background:radial-gradient(circle,#22d3ee,transparent 68%);animation-delay:-3s}.orb-three{width:8rem;height:8rem;left:47%;top:12%;background:radial-gradient(circle,#f472b6,transparent 68%);animation-delay:-6s}.animated-gradient{color:transparent;background:linear-gradient(90deg,#7c3aed,#db2777,#0891b2,#7c3aed);background-size:300% 100%;background-clip:text;-webkit-background-clip:text;animation:gradient-shift 7s linear infinite}.pulse-dot{width:.55rem;height:.55rem;border-radius:999px;background:#d946ef;box-shadow:0 0 0 0 rgba(217,70,239,.5);animation:pulse-ring 2s infinite}.check{display:grid;width:1.4rem;height:1.4rem;place-items:center;border-radius:999px;background:linear-gradient(135deg,#8b5cf6,#06b6d4);color:white;font-style:normal;font-size:.7rem}.glass-panel{border:1px solid rgba(255,255,255,.75);background:rgba(255,255,255,.68);backdrop-filter:blur(24px)}.dark .glass-panel{border-color:rgba(255,255,255,.12);background:rgba(15,23,42,.62)}.upload-glow{background:conic-gradient(from 90deg,rgba(139,92,246,.32),rgba(236,72,153,.18),rgba(6,182,212,.35),rgba(139,92,246,.32));animation:spin-slow 12s linear infinite}.guest-drop{background:linear-gradient(145deg,rgba(245,243,255,.8),rgba(236,254,255,.62))}.dark .guest-drop{background:linear-gradient(145deg,rgba(124,58,237,.09),rgba(8,145,178,.07))}.drop-grid{background-image:linear-gradient(rgba(139,92,246,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(139,92,246,.06) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(to bottom,black,transparent)}.scan-line{position:absolute;left:8%;right:8%;height:1px;top:25%;background:linear-gradient(90deg,transparent,#22d3ee,transparent);box-shadow:0 0 14px #22d3ee;opacity:.7;animation:scan 4s ease-in-out infinite}.feature-card{transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s,border-color .4s}.feature-card:hover{transform:translateY(-8px);border-color:rgba(139,92,246,.32);box-shadow:0 24px 60px rgba(76,29,149,.12)}.feature-icon{display:grid;width:3.5rem;height:3.5rem;place-items:center;border-radius:1.1rem;font-size:1.5rem;color:white;transition:transform .4s}.feature-card:hover .feature-icon{transform:rotate(-7deg) scale(1.08)}.tone-violet{background:linear-gradient(135deg,#7c3aed,#6366f1);box-shadow:0 12px 24px rgba(124,58,237,.25)}.tone-fuchsia{background:linear-gradient(135deg,#db2777,#f472b6);box-shadow:0 12px 24px rgba(219,39,119,.23)}.tone-cyan{background:linear-gradient(135deg,#0891b2,#22d3ee);box-shadow:0 12px 24px rgba(8,145,178,.23)}.eyebrow{font-size:.75rem;font-weight:900;letter-spacing:.22em;background:linear-gradient(90deg,#7c3aed,#db2777);color:transparent;background-clip:text;-webkit-background-clip:text}.cta-mesh{background:radial-gradient(circle at 15% 0,rgba(124,58,237,.55),transparent 36%),radial-gradient(circle at 90% 100%,rgba(6,182,212,.4),transparent 38%)}.shine{position:relative;overflow:hidden}.shine:after{content:"";position:absolute;inset:-80% auto -80% -35%;width:25%;transform:rotate(20deg);background:rgba(255,255,255,.45);filter:blur(5px);transition:left .7s}.shine:hover:after{left:120%}.reveal{animation:reveal .7s cubic-bezier(.2,.8,.2,1) both}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}@keyframes reveal{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes float{50%{transform:translate3d(12px,18px,0) scale(1.06)}}@keyframes gradient-shift{to{background-position:300% 0}}@keyframes pulse-ring{70%{box-shadow:0 0 0 10px rgba(217,70,239,0)}}@keyframes spin-slow{to{transform:rotate(360deg)}}@keyframes scan{0%,100%{top:18%;opacity:0}50%{top:82%;opacity:.8}}
.hero-noise{background:#f8fafc}.dark .hero-noise{background:#080b19}.hero-noise:after{opacity:.12}.guest-drop{background:rgba(248,250,252,.8)}.dark .guest-drop{background:rgba(255,255,255,.025)}.scan-line{background:linear-gradient(90deg,transparent,#7c3aed,transparent);box-shadow:0 0 12px rgba(124,58,237,.5)}.check{background:#7c3aed}.tone-fuchsia,.tone-cyan,.tone-violet{background:#7c3aed;box-shadow:0 12px 24px rgba(124,58,237,.18)}.eyebrow{color:#6d28d9;background:none}.cta-mesh{background:radial-gradient(circle at 15% 0,rgba(124,58,237,.45),transparent 40%)}
.glass-button{position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s,border-color .25s,background-color .25s}.glass-button:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(15,23,42,.14)}.glass-button:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.28),transparent);transform:translateX(-120%);transition:transform .65s}.glass-button:hover:after{transform:translateX(120%)}
.panel-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgb(226 232 240);border-radius:.75rem;padding:.6rem .9rem;background:rgba(255,255,255,.7);font-size:.82rem;font-weight:700;transition:.25s}.panel-button:hover{transform:translateY(-1px);border-color:rgba(124,58,237,.35);background:rgba(255,255,255,.45);backdrop-filter:blur(12px);box-shadow:0 10px 24px rgba(15,23,42,.08)}.panel-button-primary{border-color:#7c3aed;background:#7c3aed;color:#fff}.dark .panel-button{border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.04)}
.panel-surface{border:1px solid rgb(226 232 240);border-radius:1.5rem;background:rgba(255,255,255,.82);box-shadow:0 10px 35px rgba(15,23,42,.045)}.dark .panel-surface{border-color:rgba(255,255,255,.09);background:rgba(255,255,255,.035)}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid rgb(241 245 249);padding:1.25rem 1.5rem}.dark .panel-heading{border-color:rgba(255,255,255,.08)}.panel-heading h2{font-weight:800}.panel-heading p{margin-top:.2rem;font-size:.75rem;color:#64748b}.metric-card{border:1px solid rgb(226 232 240);border-radius:1.3rem;background:rgba(255,255,255,.82);padding:1.25rem;transition:.25s}.metric-card span{font-size:.8rem;color:#64748b}.metric-card strong{display:block;margin-top:.75rem;font-size:1.7rem}.metric-card i{display:grid;width:2rem;height:2rem;place-items:center;border-radius:.7rem;background:rgba(124,58,237,.1);color:#7c3aed;font-style:normal}.metric-card:hover{transform:translateY(-3px);border-color:rgba(124,58,237,.28);background:rgba(255,255,255,.62);backdrop-filter:blur(14px);box-shadow:0 16px 35px rgba(15,23,42,.08)}.dark .metric-card{border-color:rgba(255,255,255,.09);background:rgba(255,255,255,.035)}
.avatar,.file-icon{display:grid;width:2.7rem;height:2.7rem;flex:none;place-items:center;border-radius:.85rem;background:rgba(124,58,237,.1);color:#6d28d9;font-weight:800}.status-pill{border-radius:999px;background:#f1f5f9;padding:.3rem .6rem;font-size:.68rem;font-weight:800;text-transform:uppercase;color:#64748b}.dark .status-pill{background:rgba(255,255,255,.08)}.action-card{position:relative;border:1px solid rgb(226 232 240);border-radius:1.4rem;background:#fff;padding:1.5rem;transition:.3s}.action-card:hover{transform:translateY(-4px);border-color:rgba(124,58,237,.3);background:rgba(255,255,255,.62);backdrop-filter:blur(15px);box-shadow:0 18px 42px rgba(15,23,42,.09)}.dark .action-card{border-color:rgba(255,255,255,.09);background:rgba(255,255,255,.035)}.action-card h3{font-weight:800}.action-card p{margin-top:.5rem;font-size:.82rem;line-height:1.35rem;color:#64748b}.action-arrow{position:absolute;right:1.2rem;top:1.2rem;color:#7c3aed}
#toast{display:flex;max-width:min(90vw,430px);align-items:flex-start;gap:.75rem;border:1px solid rgba(255,255,255,.12);background:rgba(15,23,42,.94)!important;backdrop-filter:blur(18px)}#toast[data-type=error]{background:rgba(127,29,29,.96)!important}.toast-mark{display:grid;width:1.4rem;height:1.4rem;flex:none;place-items:center;border-radius:999px;background:rgba(255,255,255,.16);font-weight:900}
dialog::backdrop{backdrop-filter:blur(5px)}
.mobile-link{display:block;border-radius:.75rem;padding:.7rem .8rem;font-size:.9rem;transition:.2s}.mobile-link:hover{background:rgba(124,58,237,.08);color:#6d28d9}.bbcode strong{font-weight:800}.bbcode em{font-style:italic}.bbcode u{text-decoration:underline}.bbcode blockquote{margin:.75rem 0;border-left:3px solid #7c3aed;padding:.5rem 1rem;background:rgba(124,58,237,.05)}.bbcode code{border-radius:.35rem;background:#0f172a;padding:.15rem .35rem;color:#e2e8f0;font-family:monospace}.bbcode a{color:#6d28d9;text-decoration:underline}
.file-selected{background:rgba(124,58,237,.07)!important;outline:1px solid rgba(124,58,237,.25)}.file-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1px;background:rgb(241 245 249)}.file-grid .file-row{display:flex;min-height:180px;align-content:flex-start;background:white}.dark .file-grid{background:rgba(255,255,255,.08)}.dark .file-grid .file-row{background:#0f1426}

