:root{--font-primary: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace;--bg-gradient-1: #eef2f7;--bg-gradient-2: #e3e9f1;--glass-bg: rgba(255, 255, 255, .45);--glass-bg-hover: rgba(255, 255, 255, .6);--glass-border: rgba(255, 255, 255, .4);--glass-border-focus: rgba(6, 182, 212, .5);--text-main: #0f172a;--text-muted: #475569;--text-inverse: #ffffff;--primary-gradient: linear-gradient(135deg, #06b6d4 0%, #2563eb 100%);--primary-hover-gradient: linear-gradient(135deg, #0891b2 0%, #1d4ed8 100%);--success-gradient: linear-gradient(135deg, #10b981 0%, #059669 100%);--accent-cyan: #06b6d4;--accent-blue: #3b82f6;--accent-emerald: #10b981;--accent-rose: #f43f5e;--glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, .06);--glass-shadow-hover: 0 12px 40px 0 rgba(31, 38, 135, .12);--accent-shadow: 0 8px 20px -4px rgba(6, 182, 212, .3)}html.dark,@media (prefers-color-scheme: dark){:root{--bg-gradient-1: #090d16;--bg-gradient-2: #05070c;--glass-bg: rgba(13, 20, 35, .5);--glass-bg-hover: rgba(18, 28, 48, .65);--glass-border: rgba(255, 255, 255, .06);--glass-border-focus: rgba(6, 182, 212, .4);--text-main: #f8fafc;--text-muted: #94a3b8;--text-inverse: #0f172a;--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .3);--glass-shadow-hover: 0 12px 40px 0 rgba(0, 0, 0, .45)}}*{box-sizing:border-box;margin:0;padding:0;transition:background-color .3s ease,border-color .3s ease,color .3s ease}body{font-family:var(--font-primary);background:linear-gradient(135deg,var(--bg-gradient-1) 0%,var(--bg-gradient-2) 100%);color:var(--text-main);min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;position:relative}body:before,body:after{content:"";position:absolute;border-radius:50%;filter:blur(120px);z-index:-1;pointer-events:none;opacity:.65;animation:float-slow 20s infinite alternate ease-in-out}body:before{top:-10%;left:10%;width:450px;height:450px;background:#06b6d426}body:after{bottom:10%;right:10%;width:400px;height:400px;background:#6366f11f;animation-delay:-5s}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:24px;box-shadow:var(--glass-shadow);transition:all .4s cubic-bezier(.16,1,.3,1)}.glass-panel:hover{background:var(--glass-bg-hover);box-shadow:var(--glass-shadow-hover);border-color:#ffffff26}header.glass-header{border-bottom:1px solid var(--glass-border);background:#fff3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);position:sticky;top:0;z-index:50}html.dark header.glass-header{background:#090d1666}.drop-zone{border:2px dashed var(--glass-border);border-radius:28px;background:#ffffff26;cursor:pointer;padding:3rem 2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;transition:all .3s cubic-bezier(.25,.8,.25,1);position:relative;overflow:hidden}html.dark .drop-zone{background:#0d142340}.drop-zone:hover,.drop-zone.dragover{border-color:var(--accent-cyan);background:#06b6d40a;box-shadow:0 0 24px #06b6d41a inset;transform:translateY(-2px)}.drop-icon-wrapper{width:64px;height:64px;border-radius:18px;background:#06b6d41a;color:var(--accent-cyan);display:flex;align-items:center;justify-content:center;transition:all .3s ease}.drop-zone:hover .drop-icon-wrapper{transform:scale(1.1) rotate(5deg);background:var(--accent-cyan);color:#fff;box-shadow:var(--accent-shadow)}.glass-input{width:100%;height:46px;padding:0 1rem;border-radius:14px;border:1px solid var(--glass-border);background:#fff3;color:var(--text-main);font-family:var(--font-primary);font-size:.875rem;font-weight:500;outline:none;transition:all .3s ease}html.dark .glass-input{background:#090d164d}.glass-input:focus{border-color:var(--accent-cyan);background:#ffffff4d;box-shadow:0 0 0 3px #06b6d426}html.dark .glass-input:focus{background:#090d1680}.premium-btn{height:48px;padding:0 1.5rem;border-radius:14px;border:none;font-family:var(--font-primary);font-size:.875rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s cubic-bezier(.25,.8,.25,1);color:#fff;background:var(--primary-gradient);box-shadow:var(--accent-shadow)}.premium-btn:hover{background:var(--primary-hover-gradient);transform:translateY(-1px);box-shadow:0 10px 24px -4px #06b6d473}.premium-btn:active{transform:translateY(1px)}.premium-btn-emerald{background:var(--success-gradient);box-shadow:0 8px 20px -4px #10b9814d}.premium-btn-emerald:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 10px 24px -4px #10b98173}.glass-btn-group{display:grid;grid-cols:2;gap:.5rem}.glass-toggle-btn{height:40px;border-radius:12px;border:1px solid var(--glass-border);background:#ffffff26;color:var(--text-muted);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .25s ease}.glass-toggle-btn.active{border-color:var(--accent-cyan);background:#06b6d414;color:var(--accent-cyan)}.glass-toggle-btn:hover:not(.active){background:#ffffff40;color:var(--text-main)}.progress-container{display:flex;flex-direction:column;gap:.5rem}.progress-track{width:100%;height:8px;border-radius:9999px;background:#fff3;overflow:hidden;position:relative}html.dark .progress-track{background:#ffffff14}.progress-bar{height:100%;border-radius:9999px;background:var(--primary-gradient);width:0%;transition:width .3s ease}.success-card{border-color:#10b98133;background:#10b9810a}html.dark .success-card{background:#10b98114}@keyframes float-slow{0%{transform:translate(0) scale(1)}to{transform:translate(4%,6%) scale(1.08)}}@keyframes pulse-gentle{0%,to{opacity:.8}50%{opacity:1}}.animate-pulse-slow{animation:pulse-gentle 6s infinite ease-in-out}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#fff3;border-radius:999px}html.dark ::-webkit-scrollbar-thumb{background:#ffffff14}::-webkit-scrollbar-thumb:hover{background:#06b6d466}