:root{--ds-bg:#0d1117;--ds-surface:#161b22;--ds-surface-2:#21262d;--ds-border:#30363d;--ds-border-subtle:#21262d;--ds-text:#e6edf3;--ds-text-muted:#8b949e;--ds-text-code:#79c0ff;--ds-text-on-accent:#f0f6fc;--ds-green:#d2a8ff;--ds-green-btn:#8957e5;--ds-green-btn-hover:#a371f7;--ds-green-bg:#3c2a63;--ds-blue:#58a6ff;--ds-blue-dark:#1f6feb;--ds-warning:#e3b341;--ds-error:#f85149;--ds-font:"Segoe UI",system-ui,-apple-system,sans-serif;--ds-font-mono:"Fira Code","Cascadia Code","Courier New",monospace;--ds-text-hero:2.5rem;--ds-text-hero-sm:2rem;--ds-radius-sm:6px;--ds-radius:10px;--ds-radius-lg:14px;--ds-radius-xl:20px;--ds-transition:all 0.2s ease;--ds-z-dropdown:20;--ds-z-nav:2000;--ds-z-fixed:3000;--ds-z-toast:3001;--ds-z-modal:5000;--ds-z-scroll-progress:9999;--ds-z-cursor:99999;--ds-shadow-sm:0 4px 18px #0000002e;--ds-shadow-lg:0 12px 32px #0000004d;color-scheme:dark}:root[data-theme=light]{--ds-bg:#faf6ee;--ds-surface:#f4ede0;--ds-surface-2:#ece1cd;--ds-border:#ddd0b5;--ds-border-subtle:#e6dac0;--ds-text:#2b2419;--ds-text-muted:#6b6152;--ds-text-code:#0969da;--ds-green:#8250df;--ds-green-btn:#8250df;--ds-green-btn-hover:#6e40c9;--ds-green-bg:#fbefff;--ds-blue:#0969da;--ds-blue-dark:#0550ae;--ds-warning:#9a6700;--ds-error:#cf222e;color-scheme:light}:root[data-accent=blue]{--ds-green:#79c0ff;--ds-green-btn:#1f6feb;--ds-green-btn-hover:#388bfd;--ds-green-bg:#0c2d6b}:root[data-accent=blue][data-theme=light]{--ds-green:#0969da;--ds-green-btn:#0969da;--ds-green-btn-hover:#0860ca;--ds-green-bg:#ddf4ff}:root[data-accent=green]{--ds-green:#7ee787;--ds-green-btn:#238636;--ds-green-btn-hover:#2ea043;--ds-green-bg:#1f3d2a}:root[data-accent=green][data-theme=light]{--ds-green:#1a7f37;--ds-green-btn:#2da44e;--ds-green-btn-hover:#2c974b;--ds-green-bg:#dafbe1}:root[data-accent=pink]{--ds-green:#ff9bce;--ds-green-btn:#db61a2;--ds-green-btn-hover:#f778ba;--ds-green-bg:#4a1d35}:root[data-accent=pink][data-theme=light]{--ds-green:#bf3989;--ds-green-btn:#bf3989;--ds-green-btn-hover:#99306f;--ds-green-bg:#ffeff7}:root[data-accent=orange]{--ds-green:#ffa657;--ds-green-btn:#c9510c;--ds-green-btn-hover:#db6d28;--ds-green-bg:#4a2a0f}:root[data-accent=orange][data-theme=light]{--ds-green:#bc4c00;--ds-green-btn:#bc4c00;--ds-green-btn-hover:#953800;--ds-green-bg:#fff1e5}:root[data-accent=red]{--ds-green:#ff7b72;--ds-green-btn:#da3633;--ds-green-btn-hover:#f85149;--ds-green-bg:#4c1e1e}:root[data-accent=red][data-theme=light]{--ds-green:#cf222e;--ds-green-btn:#cf222e;--ds-green-btn-hover:#a40e26;--ds-green-bg:#ffebe9}@font-face{font-display:swap;font-family:Caveat;font-style:normal;font-weight:700;src:url(/static/media/caveat-700.7ce8b260a00b9e873405.woff2) format("woff2")}html[data-mode=sticky]{--paper-ink:#2b2620;--paper-ink-soft:#55493a;--paper-amber:#f2d878;--paper-rose:#f0c3ca;--paper-mint:#c3e6cc;--paper-sky:#c9dcf3;--paper-kraft:#d8c7a1;--paper-photo:#f7f1e3;--ds-font-hand:"Caveat","Segoe Print","Bradley Hand",cursive}html[data-mode=sticky] body{background-color:var(--ds-bg);background-image:repeating-linear-gradient(0deg,var(--ds-border-subtle) 0 1px,#0000 1px 28px),repeating-linear-gradient(90deg,var(--ds-border-subtle) 0 1px,#0000 1px 28px)}html[data-mode=sticky] h1,html[data-mode=sticky] h2,html[data-mode=sticky] h3,html[data-mode=sticky] h4,html[data-mode=sticky] h5{font-family:var(--ds-font-hand);font-weight:700}html[data-mode=sticky] .blog-post-body h2,html[data-mode=sticky] .blog-post-body h3{font-family:var(--ds-font);font-weight:700}html[data-mode=sticky] .btn{background:var(--paper-kraft);border:none;border-radius:2px 10px 2px 10px;box-shadow:var(--ds-shadow-sm);color:var(--paper-ink);font-family:var(--ds-font-mono);transform:rotate(-1.5deg);transition:transform .18s ease,box-shadow .18s ease}html[data-mode=sticky] .btn:hover{background:var(--paper-kraft);box-shadow:var(--ds-shadow-lg);color:var(--paper-ink);transform:rotate(0deg) translateY(-2px)}html[data-mode=sticky] .btn-primary{background:var(--paper-amber);color:var(--paper-ink);transform:rotate(1.5deg)}html[data-mode=sticky] .btn-primary:hover{background:var(--paper-amber);color:var(--paper-ink);transform:rotate(0deg) translateY(-2px)}html[data-mode=sticky] .portfolio__items{--pin:var(--ds-green-btn);background:var(--paper-sky);border:none;border-radius:2px 16px 4px 12px;box-shadow:var(--ds-shadow-sm);color:var(--paper-ink);padding:1.5rem 1.4rem 1.6rem;position:relative;transform:rotate(-1.5deg);transition:transform .18s ease,box-shadow .18s ease}html[data-mode=sticky] .portfolio__items:has(.whp-preview){--pin:#a371f7;background:var(--paper-sky);transform:rotate(-2deg)}html[data-mode=sticky] .portfolio__items:has(.mdp){background:var(--paper-mint);transform:rotate(1.5deg)}html[data-mode=sticky] .portfolio__items:has(.avsr-preview){background:var(--paper-kraft);transform:rotate(-1deg)}html[data-mode=sticky] .portfolio__items:has(.spg-preview){background:var(--paper-amber);transform:rotate(2deg)}html[data-mode=sticky] .portfolio__items:has(.hia-preview){--pin:#e8a33d;background:var(--paper-amber);transform:rotate(-1.5deg)}html[data-mode=sticky] .portfolio__items:has(.lk-preview){--pin:#7ee787;background:var(--paper-mint);transform:rotate(1deg)}html[data-mode=sticky] .portfolio__items:has(.lazyperm-preview){--pin:#7ee787;background:var(--paper-rose);transform:rotate(-2deg)}html[data-mode=sticky] .portfolio__items:has(.sg-preview){background:var(--paper-sky);transform:rotate(1.5deg)}html[data-mode=sticky] .portfolio__items:has(.rbp-preview){background:var(--paper-rose);transform:rotate(-1deg)}html[data-mode=sticky] .portfolio__items:before{background:radial-gradient(circle at 34% 28%,#ffffffbf,#0000 42%),var(--pin);border-radius:50%;box-shadow:0 3px 6px #0006,inset 0 -3px 4px #00000040;content:"";height:22px;left:28px;position:absolute;top:-13px;width:22px}html[data-mode=sticky] .portfolio__items:after{border-color:#0000 #0000 #00000029;border-style:solid;border-width:0 0 22px 22px;bottom:0;content:"";height:0;position:absolute;right:0;width:0}html[data-mode=sticky] .portfolio__items:hover{box-shadow:var(--ds-shadow-lg);transform:rotate(0deg) translateY(-3px)}html[data-mode=sticky] .portfolio__items h3,html[data-mode=sticky] .portfolio__items small{color:var(--paper-ink)}html[data-mode=sticky] .portfolio__item-image{border:6px solid var(--paper-photo);border-radius:2px;box-shadow:0 2px 8px #00000040}html[data-mode=sticky] .blog-row,html[data-mode=sticky] .blogpreview__row{background:var(--paper-kraft);border-bottom:none;border-radius:2px 12px 3px 10px;box-shadow:var(--ds-shadow-sm);color:var(--paper-ink);margin-bottom:.85rem;padding:.85rem 1rem .85rem 1.4rem;position:relative;transform:rotate(-1deg);transition:transform .15s ease,box-shadow .15s ease}html[data-mode=sticky] .blog-row:before,html[data-mode=sticky] .blogpreview__row:before{background:var(--ds-green-btn);background:var(--card-accent,var(--ds-green-btn));border-radius:50%;box-shadow:0 1px 3px #00000059;content:"";height:9px;left:6px;position:absolute;top:50%;transform:translateY(-50%);width:9px}html[data-mode=sticky] .blog-row:after,html[data-mode=sticky] .blogpreview__row:after{border-color:#0000 #0000 #00000029;border-style:solid;border-width:0 0 14px 14px;bottom:0;content:"";height:0;position:absolute;right:0;width:0}html[data-mode=sticky] .blog-row:nth-child(5n+2),html[data-mode=sticky] .blogpreview__row:nth-child(5n+2){background:var(--paper-sky);transform:rotate(1deg)}html[data-mode=sticky] .blog-row:nth-child(5n+3),html[data-mode=sticky] .blogpreview__row:nth-child(5n+3){background:var(--paper-amber);transform:rotate(-1.5deg)}html[data-mode=sticky] .blog-row:nth-child(5n+4),html[data-mode=sticky] .blogpreview__row:nth-child(5n+4){background:var(--paper-mint);transform:rotate(1.5deg)}html[data-mode=sticky] .blog-row:nth-child(5n+5),html[data-mode=sticky] .blogpreview__row:nth-child(5n+5){background:var(--paper-rose);transform:rotate(-1deg)}html[data-mode=sticky] .blog-row-title,html[data-mode=sticky] .blogpreview__row-title{color:var(--paper-ink)}html[data-mode=sticky] .blog-row-arrow,html[data-mode=sticky] .blog-row-meta,html[data-mode=sticky] .blogpreview__row-arrow,html[data-mode=sticky] .blogpreview__row-meta{color:var(--paper-ink-soft)}html[data-mode=sticky] .blog-row:hover,html[data-mode=sticky] .blogpreview__row:hover{border-left-color:#0000;box-shadow:var(--ds-shadow-lg);transform:rotate(0deg) translateY(-2px)}html[data-mode=sticky] .blog-tag{background:#ffffffd1!important;border-width:1.5px!important;font-weight:700}html[data-mode=sticky] .blog-search{background:#0000;border:none;border-bottom:2px dashed var(--ds-border);border-radius:0}html[data-mode=sticky] .blog-post-wrap{background:var(--paper-sky);border-radius:4px;box-shadow:var(--ds-shadow-sm);color:var(--paper-ink);padding:3rem 3rem 4rem}html[data-mode=sticky] .blog-date,html[data-mode=sticky] .blog-h2,html[data-mode=sticky] .blog-list-block,html[data-mode=sticky] .blog-not-found,html[data-mode=sticky] .blog-post-body,html[data-mode=sticky] .blog-post-body p,html[data-mode=sticky] .blog-post-title,html[data-mode=sticky] .blog-read-time,html[data-mode=sticky] .blog-table td,html[data-mode=sticky] .blog-tag{color:var(--paper-ink)}html[data-mode=sticky] .blog-post-body .blog-figure--diagram p{color:#e6edf3}@media screen and (max-width:600px){html[data-mode=sticky] .blog-post-wrap{padding:1.75rem 1.5rem 2.5rem}}html[data-mode=sticky] nav{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--paper-kraft);border:none;box-shadow:var(--ds-shadow-sm)}html[data-mode=sticky] nav a{color:var(--paper-ink-soft)}html[data-mode=sticky] nav a:hover{background:#00000014;border-color:#0000;color:var(--paper-ink)}html[data-mode=sticky] nav a.active{background:var(--paper-ink);border-color:#0000;color:var(--paper-kraft)}html[data-mode=sticky] .skills__pill{background:var(--paper-kraft);border:none;box-shadow:var(--ds-shadow-sm);-webkit-clip-path:polygon(10px 0,100% 0,100% 100%,10px 100%,0 50%);clip-path:polygon(10px 0,100% 0,100% 100%,10px 100%,0 50%);color:var(--paper-ink);font-family:var(--ds-font-mono);padding:.3rem .75rem .3rem 1.1rem;position:relative;transform:rotate(-1deg);transition:transform .15s ease}html[data-mode=sticky] .skills__pill:before{background:var(--ds-surface);border-radius:50%;content:"";height:4px;left:5px;position:absolute;top:50%;transform:translateY(-50%);width:4px}html[data-mode=sticky] .skills__pill:nth-child(5n+2){background:var(--paper-sky);transform:rotate(1deg)}html[data-mode=sticky] .skills__pill:nth-child(5n+3){background:var(--paper-amber);transform:rotate(-1.5deg)}html[data-mode=sticky] .skills__pill:nth-child(5n+4){background:var(--paper-mint);transform:rotate(1.5deg)}html[data-mode=sticky] .skills__pill:nth-child(5n+5){background:var(--paper-rose);transform:rotate(-1deg)}html[data-mode=sticky] .skills__pill:hover{color:var(--paper-ink);transform:rotate(0deg) translateY(-2px)}html[data-mode=sticky] .header__socials a{background:var(--paper-kraft);border:none;box-shadow:var(--ds-shadow-sm);color:var(--paper-ink);transform:rotate(-4deg);transition:transform .15s ease}html[data-mode=sticky] .header__socials a:nth-child(2){background:var(--paper-sky);transform:rotate(3deg)}html[data-mode=sticky] .header__socials a:nth-child(3){background:var(--paper-amber);transform:rotate(-3deg)}html[data-mode=sticky] .header__socials a:nth-child(4){background:var(--paper-mint);transform:rotate(4deg)}html[data-mode=sticky] .header__socials a:nth-child(5){background:var(--paper-rose);transform:rotate(-2deg)}html[data-mode=sticky] .header__socials a:hover{color:var(--paper-ink);transform:rotate(0deg) translateY(-2px)}html[data-mode=sticky] .form-control-input,html[data-mode=sticky] .form-control-text{background:#0000;border:none;border-bottom:2px dashed var(--ds-border);border-radius:0}html[data-mode=sticky] .form-control-input:focus,html[data-mode=sticky] .form-control-text:focus{background:#0000;border-color:var(--ds-green-btn)}@media (prefers-reduced-motion:reduce){html[data-mode=sticky] .blog-row,html[data-mode=sticky] .blogpreview__row,html[data-mode=sticky] .btn,html[data-mode=sticky] .header__socials a,html[data-mode=sticky] .portfolio__items,html[data-mode=sticky] .skills__pill{transition:none}}:root{--color-bg:var(--ds-bg);--color-bg-variant:var(--ds-surface);--color-primary:var(--ds-green);--color-primary-variant:#7ee7872e;--color-white:var(--ds-text);--color-light:var(--ds-text-muted);--color-border:var(--ds-border);--color-blue:var(--ds-blue);--color-cursor:var(--ds-green);--container-width-lg:75%;--container-width-md:86%;--container-width-sm:90%;--transition:var(--ds-transition)}*,:after,:before{border:0;box-sizing:border-box;list-style:none;margin:0;outline:0;padding:0;scroll-behavior:smooth;text-decoration:none}[role=button]:focus-visible,[tabindex]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{border-radius:var(--ds-radius-sm);outline:2px solid var(--ds-green-btn);outline-offset:2px}html{background:var(--ds-bg);scroll-behavior:smooth}body,html{-ms-overflow-style:none;max-width:100%;overflow-x:hidden;scrollbar-width:none}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--ds-bg);color:var(--ds-text);font-family:var(--ds-font);line-height:1.7;min-height:500px;transition:background-color .25s ease,color .25s ease}code{font-family:var(--ds-font-mono)}::-webkit-scrollbar{display:none}.container{margin:0 auto;width:75%;width:var(--container-width-lg)}section{margin-top:8rem;text-align:start}section>h4,section>h5{color:var(--ds-text-muted);font-size:.95rem;font-weight:400;margin-bottom:.5rem;text-align:center}section>h2{color:var(--ds-text);font-size:1.8rem;font-weight:700;margin-bottom:3rem;position:relative;text-align:center}section>h2:after{background:var(--ds-green);border-radius:2px;content:"";display:block;height:2px;margin:.6rem auto 0;width:3rem}h1,h2,h3,h4,h5{color:var(--ds-text);font-weight:600}h1{font-size:2.5rem}a{color:var(--ds-blue);transition:var(--ds-transition)}a:hover{color:var(--ds-text)}.btn{background:#0000;border:1px solid var(--ds-green-btn);border-radius:var(--ds-radius-sm);color:var(--ds-green);cursor:pointer;display:inline-block;font-size:.9rem;font-weight:600;padding:.65rem 1.4rem;transition:var(--ds-transition);width:-webkit-max-content;width:max-content;z-index:999}.btn:hover{border-color:var(--ds-green-btn-hover)}.btn-primary,.btn:hover{background:var(--ds-green-btn);color:var(--ds-text-on-accent)}.btn-primary{border-color:var(--ds-green-btn)}.btn-primary:hover{background:var(--ds-green-btn-hover);border-color:var(--ds-green-btn-hover);color:var(--ds-text-on-accent)}.text-light{color:var(--ds-text-muted)}.page-back-nav{align-self:stretch;padding:1.5rem 2rem 0}.back-btn{background:none;border:none;color:var(--ds-text-muted);cursor:pointer;font-family:var(--ds-font-mono);font-size:.85rem;padding:0;transition:color .2s ease}.back-btn:hover{color:var(--ds-green)}img{display:block;object-fit:cover;width:100%}.orange-text-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(0deg,#f12711,#f5af19);background-clip:text;-webkit-background-clip:text}.green-text-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(0deg,#11998e,#38ef7d);-webkit-background-clip:text}.blue-text-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(0deg,#2f80ed,#56ccf2);background-clip:text;-webkit-background-clip:text}@media screen and (max-width:1024px){.container{width:86%;width:var(--container-width-md)}section{margin-top:6rem}}@media screen and (max-width:600px){.container{width:90%;width:var(--container-width-sm)}section>h2{margin-bottom:2rem}}.App{background:var(--ds-bg);min-height:100vh;text-align:center}.loading-container{align-items:center;background:var(--ds-bg);display:flex;flex-direction:column;gap:1.25rem;height:100vh;justify-content:center}.loading-spinner{animation:spin .8s linear infinite;border:2px solid var(--ds-surface-2);border-radius:50%;border-top-color:var(--ds-green);height:36px;width:36px}@keyframes spin{to{transform:rotate(1turn)}}.loading-text{color:var(--ds-text-muted);font-family:Fira Code,Cascadia Code,Courier New,monospace;font-family:var(--ds-font-mono,"Fira Code","Cascadia Code","Courier New",monospace);font-size:.8rem;letter-spacing:.08em}.theme-toggle{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0d1117b3;border:1px solid var(--ds-border);border-radius:50%;color:var(--ds-green);cursor:pointer;display:flex;font-size:1.1rem;height:2.75rem;justify-content:center;position:fixed;right:1.25rem;top:1.25rem;transform:translateZ(0);transition:var(--ds-transition);width:2.75rem;will-change:transform;z-index:var(--ds-z-fixed)}:root[data-theme=light] .theme-toggle{background:#ffffffb3}.theme-toggle:hover{background:var(--ds-surface-2);border-color:var(--ds-green);transform:translateY(-2px) translateZ(0)}@media screen and (max-width:600px){.theme-toggle{font-size:.95rem;height:2.4rem;right:1rem;top:1rem;width:2.4rem}}.accent-picker{left:4.25rem;position:fixed;top:1.25rem;transform:translateZ(0);will-change:transform;z-index:var(--ds-z-fixed)}.accent-picker__btn{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0d1117b3;border:1px solid var(--ds-border);border-radius:50%;color:var(--ds-green);cursor:pointer;display:flex;font-size:1.15rem;height:2.75rem;justify-content:center;transition:var(--ds-transition);width:2.75rem}:root[data-theme=light] .accent-picker__btn{background:#faf6eeb3}.accent-picker__btn:hover{background:var(--ds-surface-2);border-color:var(--ds-green);transform:translateY(-2px)}.accent-picker__panel{grid-gap:.6rem;background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius);box-shadow:0 8px 24px #00000040;display:grid;gap:.6rem;grid-template-columns:repeat(3,1fr);left:0;padding:.75rem;position:absolute;top:calc(100% + .6rem)}.accent-picker__swatch{background:var(--swatch-color);border:2px solid #0000;border-radius:50%;box-shadow:inset 0 0 0 1px #00000026;cursor:pointer;height:1.9rem;transition:var(--ds-transition);width:1.9rem}.accent-picker__swatch:hover{transform:scale(1.12)}.accent-picker__swatch--active{border-color:var(--ds-text);box-shadow:0 0 0 2px var(--ds-surface),0 0 0 3px var(--ds-text)}.accent-picker__swatch--dynamic{animation:accent-dynamic-shimmer 4s ease infinite;background-size:220% 220%}@keyframes accent-dynamic-shimmer{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@media screen and (max-width:600px){.accent-picker{left:3.65rem;top:1rem}.accent-picker__btn{font-size:1rem;height:2.4rem;width:2.4rem}}.sound-toggle{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0d1117b3;border:1px solid var(--ds-border);border-radius:50%;color:var(--ds-green);cursor:pointer;display:flex;font-size:1.1rem;height:2.75rem;justify-content:center;position:fixed;right:4.25rem;top:1.25rem;transform:translateZ(0);transition:var(--ds-transition);width:2.75rem;will-change:transform;z-index:var(--ds-z-fixed)}:root[data-theme=light] .sound-toggle{background:#ffffffb3}.sound-toggle:hover{background:var(--ds-surface-2);border-color:var(--ds-green);transform:translateY(-2px) translateZ(0)}@media screen and (max-width:600px){.sound-toggle{font-size:.95rem;height:2.4rem;right:3.65rem;top:1rem;width:2.4rem}}.sticky-mode-toggle{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0d1117b3;border:1px solid var(--ds-border);border-radius:50%;color:var(--ds-green);cursor:pointer;display:flex;font-size:1.1rem;height:2.75rem;justify-content:center;left:1.25rem;position:fixed;top:1.25rem;transform:translateZ(0);transition:var(--ds-transition);width:2.75rem;will-change:transform;z-index:var(--ds-z-fixed)}:root[data-theme=light] .sticky-mode-toggle{background:#ffffffb3}.sticky-mode-toggle:hover{background:var(--ds-surface-2);border-color:var(--ds-green);transform:translateY(-2px) translateZ(0)}.sticky-mode-toggle[aria-pressed=true]{border-color:#e8a33d;color:#e8a33d;transform:rotate(-8deg) translateZ(0)}.sticky-mode-toggle[aria-pressed=true]:hover{transform:rotate(-8deg) translateY(-2px) translateZ(0)}@media screen and (max-width:600px){.sticky-mode-toggle{font-size:.95rem;height:2.4rem;left:1rem;top:1rem;width:2.4rem}}.achievements-tray{bottom:1.25rem;position:fixed;right:1.25rem;z-index:var(--ds-z-fixed)}.achievements-tray__btn{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0d1117b3;border:1px solid var(--ds-border);border-radius:50%;color:var(--ds-green);cursor:pointer;display:flex;font-size:1.15rem;height:2.75rem;justify-content:center;position:relative;transition:var(--ds-transition);width:2.75rem}:root[data-theme=light] .achievements-tray__btn{background:#ffffffb3}.achievements-tray__btn:hover{background:var(--ds-surface-2);border-color:var(--ds-green);transform:translateY(-2px)}.achievements-tray__count{align-items:center;background:var(--ds-green-btn);border-radius:100px;color:var(--ds-text-on-accent);display:flex;font-size:.65rem;font-weight:700;height:1.15rem;justify-content:center;min-width:1.15rem;padding:0 .3rem;position:absolute;right:-.25rem;top:-.25rem}.achievements-tray__panel{background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius);bottom:calc(100% + .75rem);box-shadow:var(--ds-shadow-lg);max-height:70vh;overflow-y:auto;padding:.5rem;position:absolute;right:0;width:17.5rem}.achievements-tray__header{align-items:center;color:var(--ds-text);display:flex;font-family:var(--ds-font-mono);font-size:.75rem;font-weight:600;justify-content:space-between;letter-spacing:.05em;padding:.5rem .6rem .75rem;text-transform:uppercase}.achievements-tray__header span{color:var(--ds-text-muted);font-weight:400}.achievements-tray__item{align-items:flex-start;border-radius:var(--ds-radius-sm);display:flex;gap:.65rem;padding:.5rem .6rem}.achievements-tray__item:not(:last-child){margin-bottom:.15rem}.achievements-tray__item--locked{opacity:.45}.achievements-tray__icon{flex-shrink:0;font-size:1.2rem;line-height:1.4}.achievements-tray__text{display:flex;flex-direction:column;gap:.1rem;text-align:left}.achievements-tray__title{color:var(--ds-text);font-size:.85rem;font-weight:600}.achievements-tray__desc{color:var(--ds-text-muted);font-size:.72rem}.achievement-toast{align-items:center;animation:achievement-toast-in .3s ease,achievement-toast-out .3s ease 3.6s;background:var(--ds-surface);border:1px solid var(--ds-green-btn);border-radius:var(--ds-radius);bottom:5.25rem;box-shadow:var(--ds-shadow-lg);display:flex;gap:.75rem;padding:.75rem 1rem;position:fixed;right:1.25rem;z-index:var(--ds-z-toast)}.achievement-toast__icon{font-size:1.5rem}.achievement-toast__text{display:flex;flex-direction:column}.achievement-toast__title{color:var(--ds-text-muted);font-family:var(--ds-font-mono);font-size:.65rem;letter-spacing:.06em;text-transform:uppercase}.achievement-toast__name{color:var(--ds-green);font-size:.9rem;font-weight:600}@keyframes achievement-toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes achievement-toast-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(12px)}}@media screen and (max-width:600px){.achievements-tray{bottom:1rem;right:1rem}.achievements-tray__btn{font-size:1rem;height:2.4rem;width:2.4rem}.achievements-tray__panel{width:15.5rem}.achievement-toast{bottom:4.75rem;left:1rem;right:1rem}}.guide-trigger{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0d1117b3;border:1px solid var(--ds-border);border-radius:50%;bottom:1.25rem;color:var(--ds-green);cursor:pointer;display:flex;font-size:1.1rem;height:2.75rem;justify-content:center;position:fixed;right:4.25rem;transform:translateZ(0);transition:var(--ds-transition);width:2.75rem;will-change:transform;z-index:var(--ds-z-fixed)}:root[data-theme=light] .guide-trigger{background:#ffffffb3}.guide-trigger:hover{background:var(--ds-surface-2);border-color:var(--ds-green);transform:translateY(-2px) translateZ(0)}@media screen and (max-width:600px){.guide-trigger{bottom:1rem;font-size:.95rem;height:2.4rem;right:3.65rem;width:2.4rem}}.guide-overlay{inset:0;position:fixed;z-index:var(--ds-z-modal)}.guide-backdrop{animation:guide-fade-in .25s ease;background:#0009;inset:0;position:absolute}.guide-spotlight{border:2px solid var(--ds-green);border-radius:50%;box-shadow:0 0 0 4px #7ee7872e,0 0 24px #7ee78759;pointer-events:none;position:fixed;transition:top .3s ease,left .3s ease,width .3s ease,height .3s ease}.guide-card{animation:guide-card-in .3s ease;background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-lg);box-shadow:var(--ds-shadow-lg);left:50%;max-height:calc(100vh - 3rem);overflow-y:auto;padding:1.5rem 1.5rem 1.25rem;position:fixed;top:50%;transform:translate(-50%,-50%);width:min(22rem,calc(100vw - 2.5rem))}.guide-card:focus{outline:none}.guide-step-count{color:var(--ds-text-muted);font-family:var(--ds-font-mono);font-size:.7rem;letter-spacing:.08em;margin-bottom:.5rem}.guide-card h3{font-size:1.15rem;margin-bottom:.5rem}.guide-card p:not(.guide-step-count){color:var(--ds-text-muted);font-size:.9rem;line-height:1.6;margin-bottom:1.25rem}.guide-actions{align-items:center;display:flex;gap:1rem;justify-content:space-between}.guide-skip{background:none;border:none;color:var(--ds-text-muted);cursor:pointer;font-size:.85rem;padding:.5rem 0;transition:color .2s ease}.guide-skip:hover{color:var(--ds-text)}.guide-nav{display:flex;gap:.6rem}.guide-back,.guide-next{border-radius:var(--ds-radius-sm);cursor:pointer;font-size:.85rem;font-weight:600;padding:.5rem 1.1rem;transition:var(--ds-transition)}.guide-back{background:#0000;border:1px solid var(--ds-border);color:var(--ds-text)}.guide-back:hover{border-color:var(--ds-green-btn)}.guide-next{background:var(--ds-green-btn);border:1px solid var(--ds-green-btn);color:var(--ds-text-on-accent)}.guide-next:hover{background:var(--ds-green-btn-hover);border-color:var(--ds-green-btn-hover)}@keyframes guide-fade-in{0%{opacity:0}to{opacity:1}}@keyframes guide-card-in{0%{opacity:0;transform:translate(-50%,calc(-50% + 12px))}to{opacity:1;transform:translate(-50%,-50%)}}@media screen and (max-width:600px){.guide-card{padding:1.25rem 1.25rem 1rem}}@media (prefers-reduced-motion:reduce){.guide-backdrop,.guide-card{animation:none}.guide-spotlight{transition:none}}
/*# sourceMappingURL=main.7f30e7ff.css.map*/