@import"https://fonts.googleapis.com/css2?family=Quantico:wght@400;700&display=swap";.svelte-17ipay4{font-family:Quantico,sans-serif}.roadmap-container.svelte-17ipay4{display:flex;height:100vh;width:100vw}.visualization.svelte-17ipay4{flex:1;height:100%;position:relative}.roadmap-details.svelte-17ipay4{width:400px;padding:2rem;background:#00051080;color:#fff;overflow-y:auto;box-shadow:-2px 0 10px #0003}.central-skill.svelte-17ipay4{text-align:center;padding:2rem;margin:2rem 0;background:#9c27b00d;border:2px solid rgba(156,39,176,.5);border-radius:12px}.skill.svelte-17ipay4{margin-bottom:2rem;padding:1.5rem;background:#ffffff05;border-left:4px solid var(--color);border-radius:0 8px 8px 0;transition:transform .2s ease}.skill.svelte-17ipay4:hover{transform:translate(5px);background:#ffffff0d}.skill-header.svelte-17ipay4{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}h1.svelte-17ipay4{margin-bottom:2rem;color:#fff;font-size:2rem;text-align:center;text-shadow:0 0 10px rgba(255,255,255,.5)}h2.svelte-17ipay4{color:#fff;margin:0;font-size:1.5rem}p.svelte-17ipay4{color:#ccc;line-height:1.6;margin:.5rem 0}.sidebar-open.svelte-17ipay4{display:block;position:fixed;top:50%;right:0;transform:translateY(-50%);width:400px;max-height:90vh;padding:2rem;background:#000510f2;color:#fff;overflow-y:auto;box-shadow:-2px 0 10px #0003;z-index:1002;border-radius:16px 0 0 16px;margin-top:2vh;margin-bottom:2vh}.sidebar-header.svelte-17ipay4{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;position:relative}.close-btn.svelte-17ipay4{background:#00000080;border:2px solid rgba(255,255,255,.3);color:#fff;font-size:1rem;cursor:pointer;padding:.5rem 1rem;border-radius:20px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;margin-left:1rem}.close-btn.svelte-17ipay4:hover{background:#fff3;transform:scale(1.1)}.main-title.svelte-17ipay4{position:absolute;top:6rem;left:50%;transform:translate(-50%);width:auto;text-align:center;font-size:2.8rem;font-weight:700;color:#fff;letter-spacing:.1em;margin:0;text-shadow:0 0 24px #9C27B0,0 0 8px #fff;font-family:Quantico,sans-serif;z-index:1;transition:opacity .3s ease}.skill-details.svelte-17ipay4{margin-top:2rem}.description.svelte-17ipay4{font-size:1.1rem;line-height:1.6;margin-bottom:2rem;color:#fff}.key-points.svelte-17ipay4{margin-bottom:2rem}.key-points.svelte-17ipay4 h3:where(.svelte-17ipay4),.tools.svelte-17ipay4 h3:where(.svelte-17ipay4){color:#fff;font-size:1.3rem;margin-bottom:1rem}.key-points.svelte-17ipay4 ul:where(.svelte-17ipay4){list-style:none;padding:0}.key-points.svelte-17ipay4 li:where(.svelte-17ipay4){color:#ccc;margin-bottom:.5rem;padding-left:1.5rem;position:relative}.key-points.svelte-17ipay4 li:where(.svelte-17ipay4):before{content:"•";color:var(--color);position:absolute;left:0}.tools-grid.svelte-17ipay4{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.5rem}.tool-tag.svelte-17ipay4{background:#ffffff1a;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;text-align:center;color:#fff}.guide-section.svelte-17ipay4{margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}.guide-description.svelte-17ipay4{color:#ccc;margin-bottom:1.5rem;font-size:.95rem}.guide-btn.svelte-17ipay4{display:flex;align-items:center;justify-content:center;gap:1rem;width:100%;padding:1.2rem;margin-top:1rem;background:linear-gradient(45deg,var(--color),rgba(255,255,255,.2));border:2px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .3s ease}.guide-btn.svelte-17ipay4:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0006;border-color:#fff6}@media (max-width: 768px){.sidebar-open.svelte-17ipay4{width:100%;height:calc(100vh - 60px);top:60px;right:0;transform:none;border-radius:0;margin:0;padding:0;position:fixed;overflow:hidden;z-index:1000}.sidebar-header.svelte-17ipay4{position:sticky;top:0;background:#000510fa;padding:1rem;z-index:1;margin:0;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 10px #0000004d}.skill-details.svelte-17ipay4{padding:1rem 1rem 4rem;height:calc(100vh - 120px);overflow-y:auto;-webkit-overflow-scrolling:touch}.close-btn.svelte-17ipay4{font-size:1rem;background:#ffffff1a;padding:.5rem 1rem;border:2px solid rgba(255,255,255,.5);border-radius:20px;color:#fff;cursor:pointer;transition:all .3s ease;min-width:80px;text-align:center}.close-btn.svelte-17ipay4:hover{background:#fff3}.tools-grid.svelte-17ipay4{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.guide-btn.svelte-17ipay4{padding:1rem;font-size:1rem;margin-bottom:4rem}.skill-header.svelte-17ipay4{margin-top:0}.main-title.svelte-17ipay4{font-size:1.8rem;top:.5rem;padding:0 1rem;width:100%;box-sizing:border-box;z-index:1}.roadmap-container.svelte-17ipay4{flex-direction:column}.visualization.svelte-17ipay4{height:calc(100vh - 60px);margin-top:60px}.roadmap-details.svelte-17ipay4{width:100%;height:auto;max-height:none}.legend.svelte-17ipay4{top:8rem;left:1rem;right:1rem;max-width:none;padding:1rem}}.loading-screen.svelte-17ipay4{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000510fa;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999}.loading-logo.svelte-17ipay4{width:150px;height:150px;animation:svelte-17ipay4-pulse 2s infinite}.loading-text.svelte-17ipay4{color:#fff;font-size:1.2rem;margin-top:2rem;font-family:Quantico,sans-serif;text-shadow:0 0 10px rgba(255,255,255,.5)}@keyframes svelte-17ipay4-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.7}to{transform:scale(1);opacity:1}}.legend.svelte-17ipay4{position:absolute;top:2rem;left:2rem;background:#000510cc;padding:1.5rem;border-radius:12px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;max-width:300px;box-shadow:0 4px 20px #0000004d;animation:svelte-17ipay4-fadeIn .5s ease-out}.legend-title.svelte-17ipay4{color:#fff;font-size:1.2rem;font-weight:700;margin-bottom:1rem;text-align:center;text-shadow:0 0 10px rgba(255,255,255,.3)}.legend-item.svelte-17ipay4{display:flex;align-items:center;margin-bottom:.8rem;color:#ccc;font-size:.95rem}.legend-item.svelte-17ipay4:last-child{margin-bottom:0}.legend-dot.svelte-17ipay4{width:12px;height:12px;background:#9c27b0;border-radius:50%;margin-right:1rem;box-shadow:0 0 10px #9c27b0;animation:svelte-17ipay4-pulse 2s infinite}.legend-star.svelte-17ipay4{width:12px;height:12px;background:#00bfff;border-radius:50%;margin-right:1rem;box-shadow:0 0 10px #00bfff;animation:svelte-17ipay4-pulse 2s infinite}@keyframes svelte-17ipay4-fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.legend.svelte-17ipay4{top:8rem;left:1rem;right:1rem;max-width:none;padding:1rem}.main-title.svelte-17ipay4{font-size:1.8rem;top:.5rem;padding:0 1rem;width:100%;box-sizing:border-box;z-index:1}}