body{background-color:#050505;color:#e2e8f0}.main-wrapper.svelte-15zsd3i{display:flex;flex-direction:column;height:calc(100dvh - 90px);max-width:1600px;margin:0 auto;background:#0a0f1c;position:relative;overflow:hidden;border-radius:16px;border:1px solid rgba(255,255,255,.05)}@media (max-width: 1023px){.main-wrapper.svelte-15zsd3i{height:calc(100dvh - 70px);border-radius:0;border:none}}@media (min-width: 1024px){.main-wrapper.svelte-15zsd3i{flex-direction:row;padding:1rem;gap:1.5rem}}.panel.svelte-15zsd3i{display:none;flex-direction:column;flex:1;min-height:0;background:#0f172a99;backdrop-filter:blur(12px);overflow:hidden}.panel.active.svelte-15zsd3i{display:flex}@media (min-width: 1024px){.panel.svelte-15zsd3i{display:flex;border:1px solid rgba(255,255,255,.08);border-radius:24px;box-shadow:0 25px 50px -12px #00000080}.list-panel.svelte-15zsd3i{flex:none;width:400px}}.panel-header.svelte-15zsd3i{padding:1rem;border-bottom:1px solid rgba(255,255,255,.08);background:#0003;display:flex;justify-content:space-between;align-items:center}.logo-area.svelte-15zsd3i{display:flex;align-items:center;gap:.75rem}.logo-icon.svelte-15zsd3i{width:2.5rem;height:2.5rem;background:linear-gradient(135deg,#84cc16,#10b981);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:0 0 15px #84cc1666}.logo-area.svelte-15zsd3i h1:where(.svelte-15zsd3i){font-size:1.1rem;font-weight:800;line-height:1;text-transform:uppercase;letter-spacing:.05em;margin:0}.highlight.svelte-15zsd3i{color:#84cc16}.subtitle.svelte-15zsd3i{font-size:.65rem;color:#64748b;font-weight:700;text-transform:uppercase;letter-spacing:.2em;margin-top:2px}.mode-switch-desktop.svelte-15zsd3i{display:none;background:#0000004d;padding:4px;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.mode-btn.svelte-15zsd3i{padding:.5rem 1.25rem;border-radius:8px;font-size:.75rem;font-weight:700;text-transform:uppercase;color:#64748b;transition:all .2s}.mode-btn.svelte-15zsd3i:hover{color:#fff}.mode-btn.active.svelte-15zsd3i{background:#84cc16;color:#000;box-shadow:0 2px 10px #84cc164d}.mode-btn.active.svelte-15zsd3i:last-child{background:#a855f7;color:#fff;box-shadow:0 2px 10px #a855f766}.mode-switch-mobile.svelte-15zsd3i{padding:.5rem .8rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;font-size:.7rem;font-weight:800;text-transform:uppercase;color:#94a3b8}@media (min-width: 1024px){.mode-switch-desktop.svelte-15zsd3i{display:flex}.mode-switch-mobile.svelte-15zsd3i{display:none}.panel-header.svelte-15zsd3i{padding:1.5rem}}.workspace.svelte-15zsd3i{flex:1;overflow-y:auto;padding:1rem 1rem 6rem;position:relative}@media (min-width: 1024px){.workspace.svelte-15zsd3i{padding:2rem}}.calc-container.svelte-15zsd3i,.reverse-container.svelte-15zsd3i{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:2rem}.slots-area.svelte-15zsd3i{display:flex;align-items:center;justify-content:center;gap:1rem}.slot.svelte-15zsd3i{width:100px;height:100px;border:2px dashed #334155;border-radius:20px;background:#1e293b4d;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;transition:all .2s;cursor:pointer}.slot.svelte-15zsd3i:hover{border-color:#84cc16;background:#1e293b80}.slot.filled.svelte-15zsd3i{border-style:solid;border-color:#84cc1680;background:#0f172a}.slot.svelte-15zsd3i .plus:where(.svelte-15zsd3i){font-size:2rem;color:#475569;margin-bottom:.2rem}.slot.svelte-15zsd3i .label:where(.svelte-15zsd3i){font-size:.6rem;text-transform:uppercase;font-weight:700;color:#475569}.mutant-img.svelte-15zsd3i{width:85%;height:85%;object-fit:contain;z-index:1;filter:drop-shadow(0 4px 6px rgba(0,0,0,.5))}.slot-label.svelte-15zsd3i{position:absolute;bottom:0;left:0;right:0;background:#000c;color:#fff;font-size:.6rem;font-weight:700;text-transform:uppercase;padding:4px;text-align:center;z-index:2}.remove-icon.svelte-15zsd3i{position:absolute;top:4px;right:4px;color:#ffffff80;font-size:.8rem;z-index:2}.cross-icon.svelte-15zsd3i{font-size:1.2rem;color:#475569}@media (min-width: 1024px){.slots-area.svelte-15zsd3i{gap:3rem}.slot.svelte-15zsd3i{width:180px;height:180px}.slot.svelte-15zsd3i .plus:where(.svelte-15zsd3i){font-size:3rem}.slot.svelte-15zsd3i .label:where(.svelte-15zsd3i){font-size:.75rem}.slot-label.svelte-15zsd3i{font-size:.8rem;padding:6px}}.results-area.svelte-15zsd3i{background:#0f172a80;border:1px solid rgba(255,255,255,.05);border-radius:16px;overflow:hidden}.results-header.svelte-15zsd3i{background:#0003;padding:.75rem 1rem;border-bottom:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;font-size:.75rem;text-transform:uppercase;font-weight:700;color:#94a3b8}.results-list.svelte-15zsd3i{padding:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.result-card.svelte-15zsd3i{background:#1e293b66;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:.75rem;display:flex;gap:.75rem;align-items:center;animation:svelte-15zsd3i-fadeIn .3s ease-out backwards}.card-left.svelte-15zsd3i{position:relative;width:50px;height:50px;flex-shrink:0}.mutant-thumb.svelte-15zsd3i{width:100%;height:100%;background:#000;border-radius:8px;overflow:hidden;border:1px solid #334155;display:flex;align-items:center;justify-content:center}.mutant-thumb.svelte-15zsd3i img:where(.svelte-15zsd3i){width:100%;height:100%;object-fit:contain;padding:2px}.prob-badge.svelte-15zsd3i{position:absolute;top:-6px;left:-6px;background:#84cc16;color:#000;font-size:.6rem;font-weight:800;padding:2px 5px;border-radius:4px;box-shadow:0 2px 4px #0000004d;z-index:2}.card-info.svelte-15zsd3i{flex:1;overflow:hidden}.card-title.svelte-15zsd3i{font-weight:700;font-size:.9rem;color:#e2e8f0;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-meta.svelte-15zsd3i{display:flex;gap:.5rem;font-size:.7rem;color:#64748b;font-weight:600}.secret-tag.svelte-15zsd3i{color:#d946ef}.empty-search.svelte-15zsd3i,.instruction.svelte-15zsd3i{text-align:center;padding:3rem 1rem;opacity:.6;display:flex;flex-direction:column;align-items:center;gap:1rem}.big-icon.svelte-15zsd3i,.icon.svelte-15zsd3i{font-size:3rem;margin-bottom:.5rem;filter:grayscale(1)}.instruction.svelte-15zsd3i p:where(.svelte-15zsd3i){max-width:300px;font-size:.9rem;line-height:1.5}.target-card.svelte-15zsd3i{position:relative;background:#0f172acc;border:1px solid rgba(168,85,247,.3);border-radius:20px;overflow:hidden;padding:1.5rem}.target-bg.svelte-15zsd3i{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.1;filter:blur(20px)}.target-content.svelte-15zsd3i{position:relative;display:flex;gap:1.5rem;align-items:center}.target-img-wrap.svelte-15zsd3i{width:80px;height:80px;border-radius:16px;background:#000;border:2px solid rgba(168,85,247,.5);overflow:hidden;box-shadow:0 10px 20px #00000080;flex-shrink:0}.target-img-wrap.svelte-15zsd3i img:where(.svelte-15zsd3i){width:100%;height:100%;object-fit:cover}.target-info.svelte-15zsd3i h2:where(.svelte-15zsd3i){margin:0;font-size:1.5rem;font-weight:800;color:#fff;line-height:1.2}.badges.svelte-15zsd3i{display:flex;gap:.5rem;margin-bottom:.5rem}.badge.svelte-15zsd3i{background:#a855f733;color:#d8b4fe;font-size:.65rem;padding:2px 6px;border-radius:4px;font-weight:700;text-transform:uppercase;border:1px solid rgba(168,85,247,.3)}.time.svelte-15zsd3i{font-family:monospace;color:#94a3b8;font-size:.8rem}.reset-btn.svelte-15zsd3i{margin-top:.5rem;font-size:.75rem;color:#94a3b8;text-decoration:underline;background:none;border:none;cursor:pointer;padding:0}.pairs-list.svelte-15zsd3i{display:grid;gap:.75rem}.pair-card.svelte-15zsd3i{background:#1e293b66;border:1px solid rgba(255,255,255,.05);padding:.75rem;border-radius:12px;display:flex;justify-content:space-between;align-items:center;animation:svelte-15zsd3i-slideUp .3s ease-out backwards}.parents.svelte-15zsd3i{display:flex;gap:1rem;align-items:center}.p-imgs.svelte-15zsd3i{display:flex;align-items:center;gap:.5rem}.p-imgs.svelte-15zsd3i img:where(.svelte-15zsd3i){width:32px;height:32px;border-radius:50%;background:#000;border:1px solid #475569}.p-imgs.svelte-15zsd3i .plus:where(.svelte-15zsd3i){font-size:.8rem;color:#64748b}.p-names.svelte-15zsd3i{font-size:.75rem;color:#cbd5e1;font-weight:600;line-height:1.2}.tag.svelte-15zsd3i{font-size:.65rem;font-weight:800;text-transform:uppercase;padding:4px 8px;border-radius:6px}.tag.normal.svelte-15zsd3i{background:#84cc161a;color:#bef264;border:1px solid rgba(132,204,22,.2)}.tag.secret.svelte-15zsd3i{background:#d946ef1a;color:#f0abfc;border:1px solid rgba(217,70,239,.2)}.list-header.svelte-15zsd3i{padding:1rem;background:#0003;border-bottom:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;gap:1rem}.search-box.svelte-15zsd3i{position:relative}.search-box.svelte-15zsd3i input:where(.svelte-15zsd3i){width:100%;background:#0f172acc;border:1px solid rgba(51,65,85,.8);padding:.75rem 2.5rem .75rem 1rem;border-radius:12px;color:#fff;font-size:.9rem}.search-box.svelte-15zsd3i .icon:where(.svelte-15zsd3i){position:absolute;right:1rem;top:50%;transform:translateY(-50%);opacity:.5}.filters.svelte-15zsd3i{display:flex;flex-wrap:wrap;gap:.5rem}.filter-chip.svelte-15zsd3i{height:36px;padding:0 .8rem;border-radius:8px;background:#1e293b;border:1px solid #334155;color:#94a3b8;font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;transition:all .2s}.filter-chip.active.svelte-15zsd3i{background:#e2e8f0;color:#0f172a;border-color:#fff;transform:scale(1.05)}.gene-chip.svelte-15zsd3i{width:36px;padding:0}.gene-chip.svelte-15zsd3i img:where(.svelte-15zsd3i){width:20px;height:20px}.secret-chip.svelte-15zsd3i{gap:.3rem;background:#581c874d;border-color:#a855f766;color:#d8b4fe}.secret-chip.active.svelte-15zsd3i{background:#a855f7;color:#fff}.secret-chip.svelte-15zsd3i .star:where(.svelte-15zsd3i){font-size:1rem;line-height:1}.list-grid.svelte-15zsd3i{flex:1;overflow-y:auto;padding:.5rem .5rem 6rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.5rem;align-content:start}@media (min-width: 1024px){.list-grid.svelte-15zsd3i{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem;padding:1rem}}.grid-item.svelte-15zsd3i{background:#1e293b;border-radius:12px;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.05);transition:all .2s;appearance:none;display:flex;flex-direction:column;align-items:center;padding:.5rem;margin:0;width:100%;height:120px;cursor:pointer}.card-badges.svelte-15zsd3i{position:absolute;top:4px;left:4px;right:4px;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none;z-index:2}.type-icon.svelte-15zsd3i{width:14px;height:14px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.gene-icons.svelte-15zsd3i{display:flex;flex-direction:column;gap:2px}.gene-icon.svelte-15zsd3i{width:14px;height:14px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.grid-item.svelte-15zsd3i:hover{border-color:#84cc16;background:#1e293bcc;transform:translateY(-2px);z-index:10}.img-wrapper.svelte-15zsd3i{width:100%;height:70px;display:flex;align-items:center;justify-content:center;margin-bottom:.25rem}.grid-item.svelte-15zsd3i img.mutant-texture:where(.svelte-15zsd3i){width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 4px rgba(0,0,0,.3));opacity:.9;transition:.2s;transform:scale(1.2)}.grid-item.svelte-15zsd3i:hover img:where(.svelte-15zsd3i){opacity:1;transform:scale(1.05)}.item-info-row.svelte-15zsd3i{width:100%;margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:4px}.item-name.svelte-15zsd3i{font-size:.7rem;font-weight:600;color:#cbd5e1;line-height:1.1;text-align:center;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word}.secret-badge.svelte-15zsd3i{position:absolute;top:4px;right:4px;left:auto;background:#d946ef;color:#fff;font-size:.6rem;width:16px;height:16px;border-radius:4px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 5px #0000004d}.mobile-nav.svelte-15zsd3i{display:flex;position:fixed;bottom:0;left:0;right:0;height:80px;background:#0f172a;border-top:1px solid rgba(255,255,255,.1);z-index:100;padding-bottom:env(safe-area-inset-bottom,20px)}@media (min-width: 1024px){.mobile-nav.svelte-15zsd3i{display:none}}.nav-item.svelte-15zsd3i{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#64748b;gap:4px}.nav-item.active.svelte-15zsd3i{color:#84cc16}.nav-item.active.svelte-15zsd3i:last-child{color:#60a5fa}.nav-item.svelte-15zsd3i .icon:where(.svelte-15zsd3i){font-size:1.5rem}.nav-item.svelte-15zsd3i .label:where(.svelte-15zsd3i){font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.divider.svelte-15zsd3i{width:1px;background:#ffffff1a;height:60%;align-self:center}.custom-scroll.svelte-15zsd3i{scrollbar-width:thin;scrollbar-color:#334155 transparent}.custom-scroll.svelte-15zsd3i::-webkit-scrollbar{width:5px}.custom-scroll.svelte-15zsd3i::-webkit-scrollbar-track{background:transparent}.custom-scroll.svelte-15zsd3i::-webkit-scrollbar-thumb{background:#334155;border-radius:10px}.custom-scroll.svelte-15zsd3i::-webkit-scrollbar-thumb:hover{background:#475569}@keyframes svelte-15zsd3i-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes svelte-15zsd3i-slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.loading.svelte-15zsd3i{text-align:center;padding:2rem;color:#a855f7;font-weight:700;font-size:.9rem}.spinner.svelte-15zsd3i{display:inline-block;width:30px;height:30px;border:3px solid rgba(168,85,247,.3);border-top-color:#a855f7;border-radius:50%;animation:svelte-15zsd3i-spin 1s linear infinite;margin-bottom:.5rem}@keyframes svelte-15zsd3i-spin{to{transform:rotate(360deg)}}