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:2px .5rem;font-size:.7rem;font-family:JetBrains Mono,ui-monospace,SF Mono,Monaco,monospace;background:#8b5cf61a;color:#a78bfa;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}.top-nav{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:flex-end;background:#18181b;border-bottom:1px solid #27272a;padding:.5rem 1rem}.top-nav .nav-select{background:#27272a;color:#fff;border:1px solid #3f3f46;border-radius:.5rem;padding:.25rem .75rem;font-size:.8rem;cursor:pointer}.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}.modal-overlay{position:fixed;inset:0;background:#09090bd9;display:flex;align-items:flex-start;justify-content:center;z-index:999;padding:1rem;backdrop-filter:blur(4px);overflow-y:auto}.modal-content{position:relative;margin:auto;background:#18181b;border:1px solid #3f3f46;border-radius:.75rem;max-width:640px;width:100%;max-height:calc(100vh - 4rem);max-height:calc(100dvh - 4rem);display:flex;flex-direction:column;padding:1.5rem;overflow:hidden;overscroll-behavior:contain}.modal-content article{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.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;overscroll-behavior:contain;overflow-wrap:break-word;padding-right:.75rem;margin-right:-.5rem;min-height:0}.modal-content .modal-body h1,.modal-content .modal-body h2,.modal-content .modal-body h3,.modal-content .modal-body h4,.modal-content .modal-body h5,.modal-content .modal-body h6{text-transform:none;letter-spacing:normal;color:#fff}.modal-content .modal-body h2{font-size:1.1rem;margin:1.5rem 0 .5rem}.modal-content .modal-body h3{font-size:.9rem;margin:1rem 0 .5rem}.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 pre{background:#27272a;padding:.75rem;border-radius:.25rem;overflow-x:auto;margin-bottom:.75rem}.modal-content .modal-body pre code{background:transparent;padding:0}.modal-content .modal-body img{max-width:100%;height:auto}.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}