html{min-height:110vh}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{color-scheme:dark;font-size:16px;min-height:110vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.8rem;line-height:1.5;color:#fff;background-color:#09090b;min-height:100vh;padding:1rem}a{color:#8b5cf6;text-decoration:none;transition:color .15s ease}a:hover{color:#a78bfa}h1,h2,h3,h4,h5,h6{color:#fff;line-height:1.2;margin-bottom:.5rem;letter-spacing:-.02em}h1{font-size:2.25rem;font-weight:600}h2{font-size:1.35rem;font-weight:500;margin-top:1rem;margin-bottom:2rem;text-transform:uppercase;letter-spacing:.05em;color:#d4d4d8}h3{font-size:.9rem;font-weight:500;color:#fff}p{color:#d4d4d8;margin-bottom:.5rem}section{margin-bottom:1rem}code{font-family:JetBrains Mono,ui-monospace,SF Mono,Monaco,monospace;font-size:.7rem;background:#27272a;padding:1px .25rem;border-radius:.25rem}pre{font-family:JetBrains Mono,ui-monospace,SF Mono,Monaco,monospace;font-size:.7rem;background:#18181b;padding:.75rem;border-radius:.25rem;overflow-x:auto;border:1px solid #27272a;margin-bottom:.5rem}pre code{background:transparent;padding:0}ul,ol{padding-left:1rem;color:#d4d4d8;margin-bottom:.5rem}li{margin-bottom:.25rem}.container{max-width:835px;margin:0 auto;padding:12em 2vw}@media (min-width: 640px){.container{padding:12em 5.75em}}.text-muted{color:#71717a;font-size:.7rem}.text-accent{color:#8b5cf6}.chip{display:inline-block;padding:0 .5rem;font-size:.7rem;font-family:JetBrains Mono,ui-monospace,SF Mono,Monaco,monospace;background:#27272a;color:#8b5cf6;border:1px solid #3f3f46;border-radius:9999px;margin-right:.25rem;margin-bottom:.25rem}.skill-category{margin-bottom:1.5rem}.skill-category h3{margin-top:2.15rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #3f3f46}.skill-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:1rem 3rem}@media (max-width: 600px){.skill-list{grid-template-columns:1fr}}.skill-row{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0}.skill-row .skill-name{font-family:JetBrains Mono,ui-monospace,SF Mono,Monaco,monospace;font-size:.8rem;color:#fff}.skill-row .skill-bars{display:flex;align-items:flex-end;gap:2px}.skill-row .skill-bars .bar{width:4px;background:currentColor;border-radius:1px 1px 0 0}.skill-row .skill-bars .bar:nth-child(1){height:4px}.skill-row .skill-bars .bar:nth-child(2){height:7px}.skill-row .skill-bars .bar:nth-child(3){height:10px}.skill-row .skill-bars .bar:nth-child(4){height:13px}.skill-row .skill-bars .bar:nth-child(5){height:16px}.skill-row .skill-bars .bar.dim{opacity:.15}.skill-row.proficient .skill-bars{color:#8b5cf6}.skill-row.working .skill-bars{color:#a78bfa}.skill-row.foundational .skill-bars{color:#71717a}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.25rem .75rem;font-size:.7rem;font-weight:500;border-radius:.25rem;border:none;cursor:pointer;transition:all .15s ease}.btn-primary{background:#8b5cf6;color:#fff}.btn-primary:hover{background:#a78bfa}.btn-secondary{background:#27272a;color:#fff;border:1px solid #3f3f46}.btn-secondary:hover{background:#3f3f46}.card{background:#18181b;border:1px solid #27272a;border-radius:.25rem;padding:.75rem}.card:hover{border-color:#3f3f46}.section-divider{display:flex;align-items:center;margin:3rem 0}.section-divider:before,.section-divider:after{content:"";flex:1;height:1px;background:#8b5cf6;opacity:.4}.section-divider:after{margin-left:.75rem}.section-divider:before{margin-right:.75rem}.section-divider .dot{width:5px;height:5px;border-radius:50%;background:#8b5cf6}.sidebar-nav{position:fixed;right:1rem;left:auto;bottom:1rem;top:auto;transform:none;display:flex;flex-direction:column;gap:.5rem;background:#18181b;border:1px solid #27272a;border-radius:.75rem;padding:.5rem;z-index:100}.sidebar-nav .nav-links{display:none;flex-direction:column;gap:.5rem}.sidebar-nav.open .nav-links{display:flex}.sidebar-nav .nav-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:none;cursor:pointer;border-radius:.5rem;transition:background .15s ease}.sidebar-nav .nav-toggle:hover{background:#27272a}.sidebar-nav .nav-toggle .hamburger{position:relative;width:18px;height:2px;background:#fff;border-radius:1px;transition:all .15s ease}.sidebar-nav .nav-toggle .hamburger:before,.sidebar-nav .nav-toggle .hamburger:after{content:"";position:absolute;left:0;width:18px;height:2px;background:#fff;border-radius:1px;transition:all .15s ease}.sidebar-nav .nav-toggle .hamburger:before{top:-6px}.sidebar-nav .nav-toggle .hamburger:after{top:6px}.sidebar-nav.open .nav-toggle .hamburger{background:transparent}.sidebar-nav.open .nav-toggle .hamburger:before{top:0;transform:rotate(45deg)}.sidebar-nav.open .nav-toggle .hamburger:after{top:0;transform:rotate(-45deg)}@media (min-width: 640px){.sidebar-nav{top:50%;bottom:auto;transform:translateY(-50%)}.sidebar-nav .nav-toggle{display:none}.sidebar-nav .nav-links{display:flex}}.sidebar-nav a{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:.5rem;transition:all .15s ease;text-decoration:none}.sidebar-nav a:hover{background:#27272a}.sidebar-nav a:hover .nav-tooltip{opacity:1;visibility:visible;transform:translateY(-50%) translate(0)}.sidebar-nav a.active{background:#8b5cf6}.sidebar-nav a.active .nav-emoji{filter:brightness(1.2)}.sidebar-nav .nav-emoji{font-size:1.25rem;line-height:1}.sidebar-nav .nav-tooltip{position:absolute;right:calc(100% + .5rem);left:auto;top:50%;transform:translateY(-50%) translate(8px);background:#27272a;border:1px solid #3f3f46;border-radius:.5rem;padding:.25rem .5rem;font-size:.8rem;color:#fff;white-space:nowrap;opacity:0;visibility:hidden;transition:all .15s ease;pointer-events:none}@media (min-width: 900px){body{padding-left:80px}}.loading{color:#71717a;text-align:center;padding:1rem}.posts-list{display:flex;flex-direction:column;gap:.75rem}.post-card{cursor:pointer;transition:border-color .15s ease,transform .15s ease}.post-card:hover{border-color:#8b5cf6;transform:translateY(-2px)}.post-card h3{margin-bottom:.25rem;color:#fff}.post-card .post-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem}.post-card .tags{display:flex;gap:.25rem;flex-wrap:wrap}.like-btn{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:transparent;border:1px solid #3f3f46;border-radius:9999px;cursor:pointer;transition:all .15s ease;font-size:.8rem;color:#d4d4d8}.like-btn:hover:not(.liked){border-color:#8b5cf6;background:#8b5cf61a}.like-btn:disabled{opacity:.6;cursor:not-allowed}.like-btn.liked{border-color:#8b5cf6;background:#8b5cf626;cursor:default}.like-btn.liked .like-emoji{animation:pulse .3s ease-out}.like-btn .like-emoji{font-size:1rem}.like-btn .like-count{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.8rem;font-weight:500}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.modal-overlay{position:fixed;inset:0;background:#09090bd9;display:flex;align-items:center;justify-content:center;z-index:999;padding:1rem;backdrop-filter:blur(4px);overflow:hidden}.modal-content{position:relative;background:#18181b;border:1px solid #3f3f46;border-radius:.75rem;max-width:640px;width:100%;max-height:calc(100vh - 4rem);display:flex;flex-direction:column;padding:1.5rem;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}.modal-content h2{margin-top:0;font-size:1.35rem;color:#fff;flex-shrink:0;padding-right:2rem}.modal-content .modal-tags{margin:.5rem 0 1rem;display:flex;gap:.25rem;flex-wrap:wrap;flex-shrink:0}.modal-content .modal-body{color:#d4d4d8;line-height:1.7;flex:1;overflow-y:auto;overflow-x:hidden;padding-right:.75rem;margin-right:-.5rem;min-height:0}.modal-content .modal-body p{margin-bottom:.75rem}.modal-content .modal-body code{font-family:JetBrains Mono,ui-monospace,SF Mono,Monaco,monospace;background:#27272a;padding:2px .25rem;border-radius:.25rem}.modal-content .modal-body ul,.modal-content .modal-body ol{margin-bottom:.75rem}.modal-content .modal-footer{margin-top:1rem;padding-top:.75rem;border-top:1px solid #27272a;flex-shrink:0;display:flex;justify-content:flex-end}.modal-close{position:absolute;top:.75rem;right:.75rem;background:transparent;border:none;color:#71717a;font-size:1.1rem;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:.25rem;transition:all .15s ease}.modal-close:hover{background:#27272a;color:#fff}.docs-explorer{display:flex;flex-direction:column;gap:1rem}.docs-folders{display:flex;flex-direction:column;gap:.5rem}.docs-folder-btn{display:flex;align-items:center;gap:.5rem;width:100%;padding:.75rem;background:#18181b;border:1px solid #27272a;border-radius:.25rem;color:#fff;cursor:pointer;transition:all .15s ease;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.8rem;text-align:left}.docs-folder-btn:hover{border-color:#3f3f46;background:#27272a}.docs-folder-btn.active{border-color:#8b5cf6;background:#8b5cf614}.docs-folder-btn .folder-icon{font-size:1.1rem;flex-shrink:0}.docs-folder-btn .folder-name{flex:1;font-weight:500}.docs-folder-btn .folder-count{font-family:JetBrains Mono,ui-monospace,SF Mono,Monaco,monospace;font-size:.7rem;color:#71717a;background:#27272a;padding:1px .5rem;border-radius:9999px}.docs-folder-contents{padding-left:.75rem;border-left:2px solid #27272a;margin-left:.75rem}