.code-block[data-v-295caed2]{background:var(--crust);border:1px solid var(--surface0);border-radius:10px;overflow:hidden;margin:.75rem 0}.code-chrome[data-v-295caed2]{display:flex;align-items:center;gap:10px;padding:7px 14px;background:var(--mantle);border-bottom:1px solid var(--surface0)}.chrome-indicators[data-v-295caed2]{display:flex;gap:5px;flex-shrink:0;align-items:center}.ind[data-v-295caed2]{font-family:var(--font-code);font-size:.62rem;font-weight:500;display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:3px;letter-spacing:0}.ind-1[data-v-295caed2]{background:#cba6f726;color:var(--mauve)}.ind-2[data-v-295caed2]{background:#94e2d51f;color:var(--teal)}.ind-3[data-v-295caed2]{background:#a6e3a11f;color:var(--green)}.chrome-label[data-v-295caed2]{font-family:var(--font-code);font-size:.7rem;color:var(--overlay1);flex:1;letter-spacing:.03em}.copy-btn[data-v-295caed2]{display:flex;align-items:center;gap:5px;background:var(--surface0);border:1px solid var(--surface1);color:var(--subtext0);font-family:var(--font-body);font-size:.7rem;font-weight:400;padding:3px 8px;border-radius:5px;cursor:pointer;transition:all .15s ease;flex-shrink:0;letter-spacing:.02em}.copy-btn[data-v-295caed2]:hover{background:var(--surface1);color:var(--text)}.copy-btn.copied[data-v-295caed2]{background:#a6e3a11a;border-color:#a6e3a14d;color:var(--green)}.code-pre[data-v-295caed2]{padding:16px 20px;overflow-x:auto;font-size:.845rem;line-height:1.65;color:var(--text);white-space:pre;-moz-tab-size:2;tab-size:2;font-family:var(--font-code)}.code-pre[data-v-295caed2]::-webkit-scrollbar{height:4px}.callout[data-v-7acf6636]{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;border-radius:8px;border-left:3px solid;margin:1rem 0;font-size:.9rem;line-height:1.6}.callout-note[data-v-7acf6636]{background:#74c7ec12;border-color:var(--sapphire);color:var(--subtext1)}.callout-note .callout-icon[data-v-7acf6636]{color:var(--sapphire);margin-top:2px;flex-shrink:0}.callout-todo[data-v-7acf6636]{background:#fab38712;border-color:var(--peach);color:var(--peach)}.callout-todo .callout-icon[data-v-7acf6636]{color:var(--peach);margin-top:2px;flex-shrink:0}.app[data-v-b4aab8a2]{display:flex;min-height:100vh;overflow-x:hidden}.progress-bar[data-v-b4aab8a2]{position:fixed;top:0;left:0;height:2px;background:linear-gradient(90deg,var(--mauve) 0%,var(--blue) 100%);z-index:200;transition:width .08s linear;pointer-events:none}.mobile-bar[data-v-b4aab8a2]{display:none;position:fixed;top:0;left:0;right:0;height:52px;background:var(--mantle);border-bottom:1px solid var(--surface0);align-items:center;gap:12px;padding:0 16px;z-index:150}.mobile-brand[data-v-b4aab8a2]{font-family:var(--font-display);font-size:.95rem;font-weight:700;color:var(--mauve)}.hamburger[data-v-b4aab8a2]{display:flex;flex-direction:column;justify-content:center;gap:5px;background:none;border:none;cursor:pointer;padding:4px;width:26px}.hamburger span[data-v-b4aab8a2]{display:block;width:100%;height:1.5px;background:var(--subtext1);border-radius:2px;transition:all .2s ease;transform-origin:center}.hamburger.open span[data-v-b4aab8a2]:nth-child(1){transform:translateY(6.5px) rotate(45deg)}.hamburger.open span[data-v-b4aab8a2]:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger.open span[data-v-b4aab8a2]:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}.sidebar-backdrop[data-v-b4aab8a2]{position:fixed;top:0;right:0;bottom:0;left:0;background:#11111bb3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:99}.fade-enter-active[data-v-b4aab8a2],.fade-leave-active[data-v-b4aab8a2]{transition:opacity .2s ease}.fade-enter-from[data-v-b4aab8a2],.fade-leave-to[data-v-b4aab8a2]{opacity:0}.sidebar[data-v-b4aab8a2]{width:var(--sidebar-width);background:var(--mantle);border-right:1px solid var(--surface0);position:fixed;top:0;left:0;bottom:0;display:flex;flex-direction:column;overflow-y:auto;z-index:100;transition:transform .25s cubic-bezier(.4,0,.2,1)}.sidebar-header[data-v-b4aab8a2]{display:flex;align-items:center;gap:10px;padding:20px 16px 16px;border-bottom:1px solid var(--surface0);flex-shrink:0}.sidebar-logo[data-v-b4aab8a2]{flex-shrink:0;width:32px;height:32px;background:#cba6f71a;border:1px solid rgba(203,166,247,.2);border-radius:8px;display:flex;align-items:center;justify-content:center}.sidebar-brand-text[data-v-b4aab8a2]{display:flex;flex-direction:column;gap:0;flex:1;min-width:0}.sidebar-title[data-v-b4aab8a2]{font-family:var(--font-display);font-size:.78rem;font-weight:700;color:var(--subtext1);line-height:1.3;letter-spacing:.01em}.sidebar-title-accent[data-v-b4aab8a2]{font-family:var(--font-display);font-size:.88rem;font-weight:700;color:var(--mauve);line-height:1.2}.sidebar-sub[data-v-b4aab8a2]{font-size:.66rem;color:var(--overlay1);letter-spacing:.04em;text-transform:uppercase}.lang-toggle[data-v-b4aab8a2]{display:flex;gap:2px;flex-shrink:0}.lang-toggle button[data-v-b4aab8a2]{background:var(--surface0);border:1px solid var(--surface1);color:var(--overlay1);font-family:var(--font-code);font-size:.63rem;font-weight:500;padding:3px 6px;border-radius:4px;cursor:pointer;letter-spacing:.04em;transition:all .15s}.lang-toggle button[data-v-b4aab8a2]:hover{color:var(--text);background:var(--surface1)}.lang-toggle button.active[data-v-b4aab8a2]{background:#cba6f726;border-color:#cba6f74d;color:var(--mauve)}.sidebar-progress[data-v-b4aab8a2]{position:relative;height:2px;background:var(--surface0);flex-shrink:0}.sidebar-progress-bar[data-v-b4aab8a2]{height:100%;background:linear-gradient(90deg,var(--mauve),var(--teal));transition:width .3s ease}.sidebar-progress-label[data-v-b4aab8a2]{display:none}.sidebar-nav[data-v-b4aab8a2]{flex:1;padding:10px 8px;display:flex;flex-direction:column;gap:1px}.nav-link[data-v-b4aab8a2]{display:flex;align-items:center;gap:9px;padding:7px 10px;border-radius:7px;text-decoration:none;color:var(--subtext0);font-size:.88rem;transition:all .15s ease;border:1px solid transparent}.nav-link[data-v-b4aab8a2]:hover{color:var(--text);background:var(--surface0)}.nav-link.active[data-v-b4aab8a2]{color:var(--mauve);background:#cba6f714;border-color:#cba6f726}.nav-link.nav-done[data-v-b4aab8a2]{color:var(--overlay1);text-decoration:line-through;text-decoration-color:var(--overlay0)}.nav-link.nav-done[data-v-b4aab8a2]:hover{color:var(--subtext1);text-decoration:none}.nav-link.nav-done.active[data-v-b4aab8a2]{color:var(--mauve);text-decoration:none}.nav-link.nav-todo[data-v-b4aab8a2]{margin-top:6px;padding-top:12px;border-top:1px solid var(--surface0);border-radius:0 0 7px 7px;border-left-color:transparent;border-right-color:transparent;border-bottom-color:transparent}.nav-link.nav-todo.active[data-v-b4aab8a2]{color:var(--peach);background:#fab38714;border-color:rgba(250,179,135,.15) transparent transparent}.nav-num[data-v-b4aab8a2]{font-family:var(--font-code);font-size:.68rem;color:var(--overlay0);min-width:20px;flex-shrink:0;transition:color .15s}.nav-link.active .nav-num[data-v-b4aab8a2]{color:var(--mauve)}.nav-link.nav-todo.active .nav-num[data-v-b4aab8a2]{color:var(--peach)}.nav-label[data-v-b4aab8a2]{line-height:1.3;flex:1}.nav-check[data-v-b4aab8a2]{color:var(--green);opacity:.8;flex-shrink:0;display:flex;align-items:center}.sidebar-footer[data-v-b4aab8a2]{padding:10px 12px;border-top:1px solid var(--surface0);font-size:.66rem;color:var(--overlay0);letter-spacing:.04em;text-transform:uppercase;flex-shrink:0;display:flex;flex-direction:column;gap:6px;position:relative}.sidebar-footer-label[data-v-b4aab8a2]{font-size:.66rem;color:var(--overlay0);letter-spacing:.04em}.hide-toggle[data-v-b4aab8a2]{display:flex;align-items:center;justify-content:center;gap:5px;width:100%;background:var(--surface0);border:1px solid var(--surface1);color:var(--overlay1);font-family:var(--font-code);font-size:.6rem;letter-spacing:.03em;padding:3px 7px;border-radius:4px;cursor:pointer;transition:all .15s;text-transform:none;white-space:nowrap}.hide-toggle[data-v-b4aab8a2]:hover{color:var(--text);background:var(--surface1)}.hide-toggle.active[data-v-b4aab8a2]{background:#a6e3a11a;border-color:#a6e3a140;color:var(--green)}.main[data-v-b4aab8a2]{flex:1;margin-left:var(--sidebar-width);min-width:0}.content-wrap[data-v-b4aab8a2]{padding:0 72px 80px}.hero[data-v-b4aab8a2]{position:relative;padding:72px 0 52px}.hero-orb[data-v-b4aab8a2]{position:absolute;border-radius:50%;pointer-events:none;filter:blur(90px)}.hero-orb-1[data-v-b4aab8a2]{width:600px;height:600px;background:radial-gradient(circle,rgba(203,166,247,.1) 0%,transparent 70%);top:-160px;left:-120px}.hero-orb-2[data-v-b4aab8a2]{width:400px;height:400px;background:radial-gradient(circle,rgba(137,180,250,.07) 0%,transparent 70%);top:0;right:-60px}.hero-top[data-v-b4aab8a2]{display:flex;align-items:center;gap:40px;position:relative;z-index:1;max-width:760px;margin:0 auto}.hero-pfp-col[data-v-b4aab8a2]{flex-shrink:0}.hero-pfp[data-v-b4aab8a2]{width:110px;height:110px;border-radius:50%;border:2px solid rgba(203,166,247,.3);object-fit:cover;object-position:top center;image-rendering:smooth;image-rendering:high-quality}.hero-text-col[data-v-b4aab8a2]{flex:1;min-width:0}.hero-pill[data-v-b4aab8a2]{display:inline-block;font-family:var(--font-code);font-size:.7rem;color:var(--mauve);background:#cba6f71a;border:1px solid rgba(203,166,247,.2);padding:3px 12px;border-radius:20px;letter-spacing:.06em;margin-bottom:16px}.hero-title[data-v-b4aab8a2]{font-family:Barlow Condensed,sans-serif;font-size:clamp(2.6rem,5vw,4rem);font-weight:800;line-height:1;letter-spacing:-.01em;color:var(--text);margin-bottom:10px}.hero-accent[data-v-b4aab8a2]{color:var(--mauve)}.hero-byline[data-v-b4aab8a2]{font-family:var(--font-code);font-size:.78rem;color:var(--overlay1);margin-bottom:12px;font-style:italic;letter-spacing:.01em}.hero-desc[data-v-b4aab8a2]{font-size:.97rem;color:var(--subtext1);line-height:1.65;font-weight:300}.hero-screenshot[data-v-b4aab8a2]{margin:28px auto 0;max-width:760px;border-radius:12px;overflow:hidden;border:1px solid var(--surface1);box-shadow:0 24px 64px #00000080,0 0 0 1px #cba6f714;position:relative;z-index:1}.hero-scsht[data-v-b4aab8a2]{display:block;width:100%;height:auto}.guide-section[data-v-b4aab8a2]{padding:52px 0 20px;border-top:1px solid var(--surface0);position:relative;transition:opacity .2s ease}.guide-section[data-v-b4aab8a2]:first-of-type{border-top:1px solid var(--surface0)}.guide-section.section-done[data-v-b4aab8a2]{opacity:.65}.guide-section.section-done[data-v-b4aab8a2]:hover{opacity:1}.section-head[data-v-b4aab8a2]{display:flex;align-items:center;gap:14px;margin-bottom:24px;position:relative;max-width:760px;margin-left:auto;margin-right:auto}.section-num-ghost[data-v-b4aab8a2]{position:absolute;right:0;top:-24px;font-family:var(--font-display);font-size:7rem;font-weight:800;color:var(--mauve);opacity:.04;line-height:1;pointer-events:none;-webkit-user-select:none;user-select:none}.todo-ghost[data-v-b4aab8a2]{color:var(--peach)}.section-num-badge[data-v-b4aab8a2]{font-family:var(--font-code);font-size:.68rem;font-weight:500;color:var(--mauve);background:#cba6f71a;border:1px solid rgba(203,166,247,.2);padding:3px 9px;border-radius:5px;letter-spacing:.04em;flex-shrink:0;transition:all .2s}.section-num-badge.badge-done[data-v-b4aab8a2]{color:var(--green);background:#a6e3a11a;border-color:#a6e3a140}.todo-badge[data-v-b4aab8a2]{color:var(--peach);background:#fab3871a;border-color:#fab38733}.section-title[data-v-b4aab8a2]{font-family:Barlow Condensed,sans-serif;font-size:1.65rem;font-weight:700;color:var(--text);line-height:1.15;flex:1}.section-check-btn[data-v-b4aab8a2]{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--surface0);border:1.5px solid var(--surface1);color:var(--overlay0);cursor:pointer;flex-shrink:0;margin-left:auto;transition:all .2s ease}.section-check-btn[data-v-b4aab8a2]:hover{background:#a6e3a11a;border-color:#a6e3a166;color:var(--green)}.section-check-btn.done[data-v-b4aab8a2]{background:#a6e3a126;border-color:#a6e3a166;color:var(--green)}.section-body[data-v-b4aab8a2]{display:flex;flex-direction:column;gap:0;max-width:760px;margin-left:auto;margin-right:auto}.content-list[data-v-b4aab8a2]{list-style:none;padding:0;display:flex;flex-direction:column;gap:7px;margin:4px 0 10px}.content-list li[data-v-b4aab8a2]{display:flex;align-items:flex-start;gap:10px;color:var(--subtext1);font-size:.97rem}.content-list li[data-v-b4aab8a2]:before{content:"";display:block;width:5px;height:5px;background:var(--mauve);border-radius:50%;margin-top:9px;flex-shrink:0;opacity:.6}.content-subheading[data-v-b4aab8a2]{font-family:var(--font-body);font-size:.94rem;font-weight:500;color:var(--text);letter-spacing:.03em;margin:18px 0 4px;padding-bottom:6px;border-bottom:1px solid var(--surface0)}.content-paragraph[data-v-b4aab8a2]{font-size:.97rem;color:var(--subtext1);line-height:1.7;margin:6px 0 2px}.content-instruction[data-v-b4aab8a2]{display:flex;align-items:flex-start;gap:9px;font-size:.94rem;color:var(--lavender);background:#b4befe0d;border:1px solid rgba(180,190,254,.1);padding:9px 13px;border-radius:7px;margin:6px 0;line-height:1.6}.instr-arrow[data-v-b4aab8a2]{color:var(--lavender);flex-shrink:0;margin-top:3px;opacity:.6}.content-steps[data-v-b4aab8a2]{list-style:none;padding:0;margin:6px 0 10px;display:flex;flex-direction:column;gap:5px;counter-reset:steps}.content-steps li[data-v-b4aab8a2]{display:flex;align-items:flex-start;gap:10px;font-size:.94rem;color:var(--subtext1);counter-increment:steps}.content-steps li[data-v-b4aab8a2]:before{content:counter(steps);display:flex;align-items:center;justify-content:center;width:19px;height:19px;background:var(--surface0);border-radius:50%;font-family:var(--font-code);font-size:.62rem;color:var(--overlay1);flex-shrink:0;margin-top:2px}.wallpaper-block[data-v-b4aab8a2]{margin:10px 0;border-radius:10px;overflow:hidden;border:1px solid var(--surface0);max-width:860px}.wallpaper-link[data-v-b4aab8a2]{display:block;position:relative;text-decoration:none}.wallpaper-thumb[data-v-b4aab8a2]{display:block;width:100%;height:auto;transition:opacity .2s ease}.wallpaper-overlay[data-v-b4aab8a2]{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#11111bd9);color:var(--subtext1);font-size:.76rem;font-family:var(--font-code);letter-spacing:.03em;padding:24px 14px 12px;display:flex;align-items:center;gap:7px;opacity:0;transition:opacity .2s ease}.wallpaper-link:hover .wallpaper-thumb[data-v-b4aab8a2]{opacity:.85}.wallpaper-link:hover .wallpaper-overlay[data-v-b4aab8a2]{opacity:1}.todo-all-done[data-v-b4aab8a2]{display:flex;align-items:center;gap:10px;font-size:.9rem;color:var(--green);background:#a6e3a10f;border:1px solid rgba(166,227,161,.15);padding:12px 16px;border-radius:8px;max-width:480px}.todo-checklist[data-v-b4aab8a2]{list-style:none;padding:0;display:flex;flex-direction:column;gap:7px;max-width:560px}.todo-check-item[data-v-b4aab8a2]{display:flex;align-items:center;gap:12px;font-size:.9rem;color:var(--peach);background:#fab3870d;border:1px solid rgba(250,179,135,.1);padding:9px 13px;border-radius:7px}.todo-box[data-v-b4aab8a2]{color:var(--peach);opacity:.5;flex-shrink:0;display:flex;align-items:center}.site-footer[data-v-b4aab8a2]{margin-top:56px;padding-top:20px;border-top:1px solid var(--surface0)}.footer-inner[data-v-b4aab8a2]{display:flex;align-items:center;gap:8px;font-size:.75rem;color:var(--overlay0);letter-spacing:.03em}@keyframes tip-float-b4aab8a2{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.tip-check[data-v-b4aab8a2]{position:absolute;bottom:calc(100% + 10px);right:0;z-index:200;background:var(--surface0);border:1px solid rgba(203,166,247,.5);box-shadow:0 4px 20px #0006,0 0 0 1px #cba6f71a;color:var(--mauve);font-size:.85rem;font-family:var(--font-body);font-weight:500;white-space:nowrap;padding:10px 16px;border-radius:9px;pointer-events:none;animation:tip-float-b4aab8a2 2.4s ease-in-out infinite}.tip-check[data-v-b4aab8a2]:before{content:"";position:absolute;bottom:-5px;right:10px;width:8px;height:8px;background:var(--surface0);border-right:1px solid rgba(203,166,247,.5);border-bottom:1px solid rgba(203,166,247,.5);transform:rotate(45deg)}.tip-hide{position:fixed;bottom:88px;left:12px;z-index:9999;background:var(--surface0);border:1px solid rgba(203,166,247,.5);box-shadow:0 4px 20px #0006,0 0 0 1px #cba6f71a;color:var(--mauve);font-size:.85rem;font-family:var(--font-body);font-weight:500;white-space:nowrap;padding:10px 16px;border-radius:9px;pointer-events:none;animation:tip-float-b4aab8a2 2.4s ease-in-out infinite}.tip-hide:after{content:"";position:absolute;bottom:-5px;left:14px;width:8px;height:8px;background:var(--surface0);border-right:1px solid rgba(203,166,247,.5);border-bottom:1px solid rgba(203,166,247,.5);transform:rotate(45deg)}.tip-fade-enter-active[data-v-b4aab8a2]{transition:opacity .3s ease}.tip-fade-leave-active[data-v-b4aab8a2]{transition:opacity .2s ease}.tip-fade-enter-from[data-v-b4aab8a2],.tip-fade-leave-to[data-v-b4aab8a2]{opacity:0}@media (max-width: 900px){.content-wrap[data-v-b4aab8a2]{padding:0 40px 60px}}@media (max-width: 768px){.mobile-bar[data-v-b4aab8a2]{display:flex}.sidebar[data-v-b4aab8a2]{transform:translate(-100%);z-index:110}.sidebar.open[data-v-b4aab8a2]{transform:translate(0)}.main[data-v-b4aab8a2]{margin-left:0;padding-top:52px}.content-wrap[data-v-b4aab8a2]{padding:0 20px 60px}.hero[data-v-b4aab8a2]{padding:40px 0 48px}.hero-top[data-v-b4aab8a2]{flex-direction:column;gap:20px}.hero-pfp[data-v-b4aab8a2]{width:72px;height:72px}.section-num-ghost[data-v-b4aab8a2]{font-size:5rem;opacity:.03}}@media (max-width: 480px){.content-wrap[data-v-b4aab8a2]{padding:0 16px 48px}.hero-title[data-v-b4aab8a2]{font-size:2.4rem}.section-title[data-v-b4aab8a2]{font-size:1.4rem}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--base: #1e1e2e;--mantle: #181825;--crust: #11111b;--text: #cdd6f4;--subtext1: #bac2de;--subtext0: #a6adc8;--mauve: #cba6f7;--blue: #89b4fa;--lavender: #b4befe;--pink: #f5c2e7;--flamingo: #f2cdcd;--red: #f38ba8;--maroon: #eba0ac;--peach: #fab387;--yellow: #f9e2af;--green: #a6e3a1;--teal: #94e2d5;--sky: #89dceb;--sapphire: #74c7ec;--surface0: #313244;--surface1: #45475a;--surface2: #585b70;--overlay0: #6c7086;--overlay1: #7f849c;--overlay2: #9399b2;--sidebar-width: 276px;--font-body: "Outfit", sans-serif;--font-code: "JetBrains Mono", monospace;--font-display: "Syne", sans-serif}html{scroll-behavior:smooth;scroll-padding-top:40px}body{background:var(--base);color:var(--text);font-family:var(--font-body);font-weight:300;line-height:1.75}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--mantle)}::-webkit-scrollbar-thumb{background:var(--surface1);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--mauve)}::selection{background:#cba6f740;color:var(--text)}