body{background-color:#050505;color:#e2e8f0}.main-wrapper.svelte-v5npuz{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-v5npuz{height:calc(100dvh - 70px);border-radius:0;border:none}}@media(min-width:1024px){.main-wrapper.svelte-v5npuz{flex-direction:row;padding:1rem;gap:1.5rem}}.panel.svelte-v5npuz{display:none;flex-direction:column;flex:1;min-height:0;background:#0f172a99;backdrop-filter:blur(12px);overflow:hidden}.panel.active.svelte-v5npuz{display:flex}@media(min-width:1024px){.panel.svelte-v5npuz{display:flex;border:1px solid rgba(255,255,255,.08);border-radius:24px;box-shadow:0 25px 50px -12px #00000080}.list-panel.svelte-v5npuz{flex:none;width:400px}}.panel-header.svelte-v5npuz{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-v5npuz{display:flex;align-items:center;gap:.75rem}.logo-icon.svelte-v5npuz{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-v5npuz h1:where(.svelte-v5npuz){font-size:1.1rem;font-weight:800;line-height:1;text-transform:uppercase;letter-spacing:.05em;margin:0}.highlight.svelte-v5npuz{color:#84cc16}.subtitle.svelte-v5npuz{font-size:.65rem;color:#64748b;font-weight:700;text-transform:uppercase;letter-spacing:.2em;margin-top:2px}.mode-switch-desktop.svelte-v5npuz{display:none;background:#0000004d;padding:4px;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.mode-btn.svelte-v5npuz{padding:.5rem 1.25rem;border-radius:8px;font-size:.75rem;font-weight:700;text-transform:uppercase;color:#64748b;transition:all .2s}.mode-btn.svelte-v5npuz:hover{color:#fff}.mode-btn.active.svelte-v5npuz{background:#84cc16;color:#000;box-shadow:0 2px 10px #84cc164d}.mode-btn.active.svelte-v5npuz:last-child{background:#a855f7;color:#fff;box-shadow:0 2px 10px #a855f766}.mode-btn.disabled.svelte-v5npuz{background:#ef444433;color:#ef4444;cursor:not-allowed;border:1px solid rgba(239,68,68,.3)}.mode-switch-mobile.svelte-v5npuz{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-v5npuz{display:flex}.mode-switch-mobile.svelte-v5npuz{display:none}.panel-header.svelte-v5npuz{padding:1.5rem}}.workspace.svelte-v5npuz{flex:1;overflow-y:auto;padding:1rem 1rem 6rem;position:relative}@media(min-width:1024px){.workspace.svelte-v5npuz{padding:2rem}}.calc-container.svelte-v5npuz{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:2rem}.slots-area.svelte-v5npuz{display:flex;align-items:flex-start;justify-content:center;gap:1rem}.parent-slot-wrapper.svelte-v5npuz{display:flex;flex-direction:column;align-items:center;gap:.5rem}.parent-genes.svelte-v5npuz{display:flex;gap:.375rem;align-items:center;justify-content:center;padding:.375rem .5rem;background:#0000004d;border-radius:10px;border:1px solid rgba(132,204,22,.2)}.parent-gene-icon.svelte-v5npuz{width:32px;height:32px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));transition:transform .2s}.parent-gene-icon.svelte-v5npuz:hover{transform:scale(1.1)}.slot.svelte-v5npuz{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-v5npuz:hover{border-color:#84cc16;background:#1e293b80}.slot.filled.svelte-v5npuz{border-style:solid;border-color:#84cc1680;background:#0f172a}.slot.svelte-v5npuz .plus:where(.svelte-v5npuz){font-size:2rem;color:#475569;margin-bottom:.2rem}.slot.svelte-v5npuz .label:where(.svelte-v5npuz){font-size:.6rem;text-transform:uppercase;font-weight:700;color:#475569}.mutant-img.svelte-v5npuz{width:85%;height:85%;object-fit:contain;z-index:1;filter:drop-shadow(0 4px 6px rgba(0,0,0,.5))}.slot-label.svelte-v5npuz{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-v5npuz{position:absolute;top:4px;right:4px;color:#ffffff80;font-size:.8rem;z-index:2;@media(max-width:1023px){display:none}}.cross-icon.svelte-v5npuz{font-size:1.2rem;color:#475569;align-self:center;margin-top:2rem}@media(min-width:1024px){.slots-area.svelte-v5npuz{gap:3rem}.slot.svelte-v5npuz{width:180px;height:180px}.slot.svelte-v5npuz .plus:where(.svelte-v5npuz){font-size:3rem}.slot.svelte-v5npuz .label:where(.svelte-v5npuz){font-size:.75rem}.slot-label.svelte-v5npuz{font-size:.8rem;padding:6px}.parent-gene-icon.svelte-v5npuz{width:40px;height:40px}.parent-genes.svelte-v5npuz{gap:.5rem;padding:.5rem .75rem}.cross-icon.svelte-v5npuz{margin-top:3rem}}.results-area.svelte-v5npuz{background:#0f172a80;border:1px solid rgba(255,255,255,.05);border-radius:16px;overflow:hidden}.results-header.svelte-v5npuz{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-v5npuz{padding:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.result-card.svelte-v5npuz{background:#1e293b66;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:.75rem;display:flex;gap:.75rem;align-items:center;animation:svelte-v5npuz-fadeIn .3s ease-out backwards}.card-left.svelte-v5npuz{position:relative;width:50px;height:50px;flex-shrink:0}.mutant-thumb.svelte-v5npuz{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-v5npuz img:where(.svelte-v5npuz){width:100%;height:100%;object-fit:contain;padding:2px}.card-info.svelte-v5npuz{flex:1;overflow:hidden;display:flex;flex-direction:column;gap:4px}.card-header-row.svelte-v5npuz{display:flex;align-items:center;justify-content:space-between;gap:8px}.card-title.svelte-v5npuz{font-weight:700;font-size:.9rem;color:#e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-genes.svelte-v5npuz{display:flex;gap:4px;flex-shrink:0}.gene-result-icon.svelte-v5npuz{width:24px;height:24px;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(0,0,0,.4))}.card-meta.svelte-v5npuz{display:flex;gap:.5rem;font-size:.7rem;color:#64748b;font-weight:600;align-items:center}.secret-tag.svelte-v5npuz{color:#d946ef;background:#d946ef1a;padding:2px 4px;border-radius:4px}.info-tag.svelte-v5npuz{color:#60a5fa;background:#60a5fa1a;padding:2px 4px;border-radius:4px}.instruction.svelte-v5npuz{text-align:center;padding:3rem 1rem;opacity:.6;display:flex;flex-direction:column;align-items:center;gap:1rem}.icon.svelte-v5npuz{font-size:3rem;margin-bottom:.5rem;filter:grayscale(1)}.instruction.svelte-v5npuz p:where(.svelte-v5npuz){max-width:300px;font-size:.9rem;line-height:1.5}.time.svelte-v5npuz{font-family:monospace;color:#94a3b8;font-size:.8rem}.list-header.svelte-v5npuz{padding:1rem;background:#0003;border-bottom:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;gap:1rem}.search-box.svelte-v5npuz{position:relative}.search-box.svelte-v5npuz input:where(.svelte-v5npuz){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-v5npuz .icon:where(.svelte-v5npuz){position:absolute;right:1rem;top:50%;transform:translateY(-50%);opacity:.5}.filters.svelte-v5npuz{display:flex;flex-wrap:wrap;gap:.5rem}.filter-chip.svelte-v5npuz{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-v5npuz{background:#e2e8f0;color:#0f172a;border-color:#fff;transform:scale(1.05)}.gene-chip.svelte-v5npuz{width:36px;padding:0}.gene-chip.svelte-v5npuz img:where(.svelte-v5npuz){width:20px;height:20px}.secret-chip.svelte-v5npuz{gap:.3rem;background:#581c874d;border-color:#a855f766;color:#d8b4fe}.secret-chip.active.svelte-v5npuz{background:#a855f7;color:#fff}.secret-chip.svelte-v5npuz .star:where(.svelte-v5npuz){font-size:1rem;line-height:1}.gene-line.svelte-v5npuz{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}.gene-line.disabled.svelte-v5npuz{opacity:.3;pointer-events:none}.list-grid.svelte-v5npuz{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-v5npuz{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem;padding:1rem}}.grid-item.svelte-v5npuz{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-v5npuz{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-v5npuz{width:14px;height:14px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.gene-icons.svelte-v5npuz{display:flex;flex-direction:column;gap:2px}.gene-icon.svelte-v5npuz{width:14px;height:14px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.grid-item.svelte-v5npuz:hover{border-color:#84cc16;background:#1e293bcc;transform:translateY(-2px);z-index:10}.img-wrapper.svelte-v5npuz{width:100%;height:70px;display:flex;align-items:center;justify-content:center;margin-bottom:.25rem}.grid-item.svelte-v5npuz img.mutant-texture:where(.svelte-v5npuz){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-v5npuz:hover img:where(.svelte-v5npuz){opacity:1;transform:scale(1.05)}.item-info-row.svelte-v5npuz{width:100%;margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:4px}.item-name.svelte-v5npuz{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-v5npuz{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-v5npuz{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-v5npuz{display:none}}.nav-item.svelte-v5npuz{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#64748b;gap:4px}.nav-item.active.svelte-v5npuz{color:#84cc16}.nav-item.active.svelte-v5npuz:last-child{color:#60a5fa}.nav-item.svelte-v5npuz .icon:where(.svelte-v5npuz){font-size:1.5rem}.nav-item.svelte-v5npuz .label:where(.svelte-v5npuz){font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.divider.svelte-v5npuz{width:1px;background:#ffffff1a;height:60%;align-self:center}.custom-scroll.svelte-v5npuz{scrollbar-width:thin;scrollbar-color:#334155 transparent}.custom-scroll.svelte-v5npuz::-webkit-scrollbar{width:5px}.custom-scroll.svelte-v5npuz::-webkit-scrollbar-track{background:transparent}.custom-scroll.svelte-v5npuz::-webkit-scrollbar-thumb{background:#334155;border-radius:10px}.custom-scroll.svelte-v5npuz::-webkit-scrollbar-thumb:hover{background:#475569}.closed-section.svelte-v5npuz{display:flex;align-items:center;justify-content:center;min-height:500px;padding:2rem}.closed-content.svelte-v5npuz{text-align:center;max-width:500px;position:relative}.closed-icon.svelte-v5npuz{font-size:5rem;margin-bottom:1rem;filter:drop-shadow(0 0 20px rgba(239,68,68,.5));animation:svelte-v5npuz-pulse 2s ease-in-out infinite}@keyframes svelte-v5npuz-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.closed-content.svelte-v5npuz h1:where(.svelte-v5npuz){font-size:2rem;color:#ef4444;margin-bottom:.5rem;font-weight:800}.closed-reason.svelte-v5npuz{font-size:1.1rem;color:#f87171;font-weight:600;margin-bottom:1rem}.closed-text.svelte-v5npuz{color:#94a3b8;line-height:1.6;margin-bottom:2rem}.back-btn.svelte-v5npuz{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;padding:.875rem 2rem;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #3b82f64d}.back-btn.svelte-v5npuz:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f680}.decorator.svelte-v5npuz{margin-top:3rem;opacity:.3}.dna-strand.svelte-v5npuz{display:flex;gap:.5rem;justify-content:center;font-size:1.5rem;font-weight:800;font-family:monospace}.dna-strand.svelte-v5npuz .base:where(.svelte-v5npuz){display:inline-block;width:30px;height:30px;line-height:30px;text-align:center;border-radius:50%;background:#3b82f633;color:#60a5fa;animation:svelte-v5npuz-float 3s ease-in-out infinite}.dna-strand.svelte-v5npuz .base:where(.svelte-v5npuz):nth-child(1){animation-delay:0s}.dna-strand.svelte-v5npuz .base:where(.svelte-v5npuz):nth-child(2){animation-delay:.2s}.dna-strand.svelte-v5npuz .base:where(.svelte-v5npuz):nth-child(3){animation-delay:.4s}.dna-strand.svelte-v5npuz .base:where(.svelte-v5npuz):nth-child(4){animation-delay:.6s}.dna-strand.svelte-v5npuz .base:where(.svelte-v5npuz):nth-child(5){animation-delay:.8s}.dna-strand.svelte-v5npuz .base:where(.svelte-v5npuz):nth-child(6){animation-delay:1s}@keyframes svelte-v5npuz-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes svelte-v5npuz-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes svelte-v5npuz-slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes svelte-v5npuz-spin{to{transform:rotate(360deg)}}