:root{font-feature-settings:"cv02", "cv03", "cv04";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{color:#e2e8f0;background:radial-gradient(70% 55% at 15% -5%,#6d28d952 0%,#0000 60%),radial-gradient(55% 45% at 85% -8%,#8b5cf638 0%,#0000 55%),radial-gradient(90% 60% at 50% 115%,#312e8129 0%,#0000 65%),linear-gradient(#050c1f 0%,#020810 100%);min-height:100vh;margin:0}#root{min-height:100vh}.app{width:min(960px,100%);margin:0 auto;padding:64px 24px 88px}.hero{text-align:center;margin-bottom:36px}.eyebrow{letter-spacing:.2em;color:#a78bfa;background:#8b5cf61a;border:1px solid #a78bfa47;border-radius:999px;align-items:center;margin:0 0 18px;padding:4px 14px;font-size:.68rem;font-weight:700;display:inline-flex}h1{letter-spacing:-.04em;background:linear-gradient(140deg,#f1f5f9 20%,#c084fc 75%,#818cf8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(2rem,5vw,3.2rem);font-weight:800;line-height:1.15}.subtitle{color:#94a3b8;max-width:540px;margin:16px auto 0;font-size:1rem;line-height:1.75}.hero-links{z-index:1200;position:fixed;top:20px;right:20px}.github-link{-webkit-backdrop-filter:blur(14px);color:#cbd5e1;background:#050c1fb8;border:1px solid #94a3b838;border-radius:999px;align-items:center;gap:7px;padding:8px 14px;font-size:.875rem;font-weight:600;text-decoration:none;transition:border-color .2s,color .2s,background .2s,box-shadow .2s;display:inline-flex}.github-link:hover{color:#f8fafc;background:#4c1d954d;border-color:#c084fc80;box-shadow:0 0 24px #a855f72e}.github-link svg{width:16px;height:16px}.subtitle.muted{color:#64748b;margin-top:8px;font-size:.88rem}.card{-webkit-backdrop-filter:blur(16px);background:linear-gradient(145deg,#0e1632e0,#0a1028c2);border:1px solid #828cbe29;border-radius:22px;margin-bottom:16px;padding:24px;transition:border-color .25s;box-shadow:inset 0 1px #ffffff0d,0 24px 64px #02051480,0 2px 6px #0000004d}.card:hover{border-color:#828cbe40}.section-head{margin-bottom:20px}.section-head h2{color:#f1f5f9;letter-spacing:-.02em;margin:0;font-size:1.05rem;font-weight:700}.section-head p{color:#64748b;margin:6px 0 0;font-size:.88rem;line-height:1.65}.guide summary{cursor:pointer;color:#e2e8f0;-webkit-user-select:none;user-select:none;align-items:center;gap:9px;font-size:.95rem;font-weight:600;list-style:none;display:flex}.guide summary::-webkit-details-marker{display:none}.guide summary:before{content:"▶";color:#a855f7;flex-shrink:0;font-size:.6rem;transition:transform .2s}.guide[open] summary:before{transform:rotate(90deg)}.guide ol{color:#94a3b8;margin:16px 0 0;padding-left:22px;line-height:1.75}.guide li{margin:10px 0;font-size:.9rem}.guide a{color:#c084fc;text-decoration:none;transition:color .15s}.guide a:hover{color:#e9d5ff}.form-card{flex-direction:column;gap:18px;display:flex}.mode-switch{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:6px;display:grid}.mode-switch button{color:#64748b;letter-spacing:.01em;background:0 0;border:1px solid #0000;border-radius:16px;width:100%;padding:11px 18px;font-size:.9rem;font-weight:600;transition:all .2s}.mode-switch button:hover:not(.active){color:#94a3b8;box-shadow:none;background:#1e29468c;transform:none}.mode-switch button.active{color:#f8fafc;background:linear-gradient(140deg,#c084fc2e,#a855f742);border-color:#c084fc61;transform:none;box-shadow:inset 0 0 0 1px #c084fc2e,0 4px 16px #a855f72e}.file-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}@media (width<=700px){.file-grid{grid-template-columns:1fr}}.file-field{flex-direction:column;gap:8px;display:flex}.file-field span{color:#cbd5e1;letter-spacing:.01em;font-size:.88rem;font-weight:600}.file-field input{color:#e2e8f0;background:#050a1c99;border:1px solid #828cbe33;border-radius:13px;outline:none;padding:10px 12px;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.file-field input:focus{border-color:#a855f78c;box-shadow:0 0 0 3px #a855f71f,0 0 20px #a855f712}.steps{color:#94a3b8;margin:0;padding-left:22px;line-height:1.75}.steps li{margin:8px 0;font-size:.9rem}.steps a{color:#c084fc;text-decoration:none;transition:color .15s}.steps a:hover{color:#e9d5ff}.devtools-hint{color:#64748b;font-size:.85rem}kbd{color:#cbd5e1;white-space:nowrap;background:#1e2846b3;border:1px solid #828cbe4d;border-bottom-width:2px;border-radius:6px;padding:2px 7px;font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:.78rem;line-height:1.4;display:inline-block}.code-block{color:#a5b4fc;white-space:pre;background:#030712d1;border:1px solid #828cbe2e;border-radius:15px;max-height:264px;margin:0;padding:16px;font-family:SF Mono,Fira Code,Cascadia Code,JetBrains Mono,monospace;font-size:.79rem;line-height:1.55;overflow:auto}.file-field small{color:#475569;font-size:.8rem}button{color:#f8fafc;cursor:pointer;letter-spacing:.01em;background:linear-gradient(135deg,#c084fc,#a855f7);border:0;border-radius:13px;align-self:flex-start;padding:11px 22px;font-size:.9rem;font-weight:700;transition:background .2s,box-shadow .2s,transform .15s;box-shadow:0 4px 18px #a855f74d}button:hover{background:linear-gradient(135deg,#d8b4fe,#c084fc);transform:translateY(-1px);box-shadow:0 6px 28px #a855f773}button:active{transform:translateY(0);box-shadow:0 2px 10px #a855f740}button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:4px;display:grid}@media (width<=700px){.stats{grid-template-columns:1fr}}.stats article{text-align:center;background:#0c122c99;border:1px solid #828cbe26;border-top-color:#a855f759;border-radius:15px;padding:18px 16px}.stats p{color:#64748b;text-transform:uppercase;letter-spacing:.1em;margin:0 0 8px;font-size:.75rem;font-weight:600}.stats strong{color:#f1f5f9;letter-spacing:-.04em;font-size:2.1rem;font-weight:800;line-height:1;display:block}.search{color:#e2e8f0;background:#050a1c99;border:1px solid #828cbe33;border-radius:13px;outline:none;width:100%;margin:16px 0 12px;padding:11px 14px;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.search:focus{border-color:#a855f78c;box-shadow:0 0 0 3px #a855f71f}.search::placeholder{color:#475569}.list{gap:6px;max-height:380px;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.list li{background:#080e2485;border:1px solid #828cbe24;border-radius:12px;transition:border-color .15s,background .15s}.list li:hover{background:#581ceb14;border-color:#a855f74d}.list a{color:#c4b5fd;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:11px 14px;font-size:.9rem;font-weight:600;text-decoration:none;transition:color .15s;display:flex}.list a:hover{color:#ede9fe}.checkmark{color:#86efac;background:#4ade801f;border:1px solid #86efac4d;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:.72rem;display:inline-flex}.error{color:#fca5a5;background:#7f1d1d38;border:1px solid #fca5a533;border-radius:13px;margin:4px 0 14px;padding:12px 16px;font-size:.9rem;font-weight:600}.empty{color:#475569;text-align:center;margin:18px 0 4px;font-size:.9rem}