:root{color:#cdd6f4;font-synthesis:none;background:#1e1e2e;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:56px}body{margin:0}button,a{font:inherit}button{color:inherit}.app{background:#1e1e2e;min-height:100vh}.backdrop{pointer-events:none;opacity:.35;background-image:radial-gradient(circle at 10% 10%,#cba6f724,#0000 27%),radial-gradient(circle at 88% 8%,#89b4fa20,#0000 24%),linear-gradient(#31324433 1px,#0000 1px),linear-gradient(90deg,#31324433 1px,#0000 1px);background-size:auto,auto,40px 40px,40px 40px;position:fixed;inset:0}header{z-index:50;background:#11111bf2;border-bottom:1px solid #313244;align-items:center;gap:12px;height:56px;padding:0 14px;display:flex;position:fixed;inset:0 0 auto}header button{cursor:pointer;background:0 0;border:0;border-radius:8px;padding:8px}header svg{width:19px}.brand{white-space:nowrap;align-items:center;gap:8px;font-weight:800;display:flex}.brand svg{color:#89b4fa}.search{text-align:left;align-items:center;width:min(100%,440px);display:flex;color:#6c7086!important;background:#181825!important;border:1px solid #313244!important;gap:8px!important;margin:auto!important}.search kbd{border:1px solid #45475a;border-radius:4px;margin-left:auto;padding:1px 5px}.search+a{color:#cba6f7;background:#313244;border-radius:50%;place-items:center;padding:8px;display:grid}aside{z-index:40;background:#181825;border-right:1px solid #313244;width:256px;padding:12px;position:fixed;top:56px;bottom:0;left:0}.identity{background:#1e1e2e;border:1px solid #313244;border-radius:12px;flex-direction:column;padding:12px;display:flex}.identity small{color:#bac2de}.identity em{color:#a6e3a1;margin-top:8px;font-size:11px;font-style:normal}aside>label{color:#6c7086;text-transform:uppercase;letter-spacing:.15em;padding:16px 12px 7px;font-size:10px;font-weight:700;display:block}nav button{color:#bac2de;cursor:pointer;background:0 0;border:0;border-left:3px solid #0000;border-radius:8px;align-items:center;gap:12px;width:100%;padding:10px 12px;display:flex}nav button svg{width:17px}nav button svg:last-child{width:14px;margin-left:auto}.active{color:#89b4fa!important;background:#89b4fa18!important;border-left-color:#89b4fa!important}.status{border:1px solid #313244;border-radius:9px;padding:12px;font-size:12px;position:absolute;bottom:12px;left:12px;right:12px}.status svg{float:left;color:#a6e3a1;width:16px;margin-right:7px}.status small{clear:both;color:#bac2de;margin-top:5px;display:block}.shade{display:none}main{padding-top:56px;transition:all .2s;position:relative}.shift{padding-left:256px}section{border-bottom:1px solid #313244;padding:28px}.page-title,.section-row{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:20px;display:flex}.page-title small{color:#6c7086}.page-title h1{margin:4px 0;font-size:30px}.page-title p,.pad>p,.project p{color:#bac2de}.actions{flex-wrap:wrap;gap:8px;display:flex}.actions a{color:#cdd6f4;border:1px solid #45475a;border-radius:8px;align-items:center;gap:6px;padding:9px 12px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.actions svg{width:14px}.actions .primary{color:#11111b;background:#89b4fa;border-color:#89b4fa}.panel{background:#181825d9;border:1px solid #313244;border-radius:12px;overflow:hidden;box-shadow:0 16px 45px #0003}.stats{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.stat{justify-content:space-between;padding:16px;display:flex}.stat small,.stat strong{display:block}.stat small{color:#bac2de;font-size:11px}.stat strong{margin:3px 0;font-size:22px}.stat i,.project-top i{border-radius:9px;place-items:center;width:38px;height:38px;display:grid}.overview-grid{grid-template-columns:1.3fr .7fr;gap:16px;margin-top:16px;display:grid}.panel-head{border-bottom:1px solid #313244;align-items:center;gap:9px;padding:12px 16px;display:flex}.panel-head small{color:#6c7086;display:block}.pad{padding:20px}.pad h2{font-size:28px;line-height:1.15}.pad h2 span,.accent{color:#89b4fa}.mini{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px;display:grid}.mini div{background:#1e1e2e;border:1px solid #313244;border-radius:9px;padding:12px;font-size:12px;font-weight:700}.mini svg{color:#94e2d5;width:18px;margin-bottom:8px;display:block}.bars>div{margin-bottom:17px}.bars label{justify-content:space-between;font-size:12px;display:flex}.bars i{background:#313244;border-radius:20px;height:8px;margin-top:5px;display:block;overflow:hidden}.bars i span{border-radius:20px;height:100%;display:block}.ok{background:#a6e3a10c;border:1px solid #a6e3a155;border-radius:8px;padding:11px;font-size:12px}.ok svg{vertical-align:middle;color:#a6e3a1;width:15px;margin-right:7px}.title small,.project label,.contact>div>small{color:#89b4fa;text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:700}.title h2{margin:3px 0;font-size:26px}.list{gap:12px;display:grid}.list summary{cursor:pointer;align-items:center;gap:18px;padding:15px;list-style:none;display:flex}.list summary>span{border-radius:6px;width:150px;padding:5px 8px;font-size:12px;font-weight:700}.list summary div{flex-direction:column;display:flex}.list summary small{color:#bac2de}.list ul{color:#bac2de;margin:0;padding:0 28px 16px 50px;font-size:14px}.filters{flex-wrap:wrap;gap:7px;display:flex}.filters button{color:#bac2de;cursor:pointer;background:#181825;border:1px solid #45475a;border-radius:8px;padding:7px 10px;font-size:11px}.filters .selected{color:#89b4fa;background:#89b4fa18;border-color:#89b4fa}.project-grid,.skill-grid,.credential-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.stripe{height:4px}.project-top{justify-content:space-between;display:flex}.project-top small{border-radius:20px;padding:5px 8px}.project h3{margin-bottom:4px}.project a{color:#89b4fa;gap:5px;margin-top:16px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.project a svg{width:13px}.tags{flex-wrap:wrap;gap:7px;display:flex}.tags span{color:#bac2de;border:1px solid #45475a;border-radius:7px;padding:6px 9px;font-size:11px}.skill-grid{margin-top:17px}.two{grid-template-columns:repeat(2,1fr)}.certs>div{border-bottom:1px solid #313244;gap:10px;padding:15px;display:flex}.certs svg{color:#fab387;width:18px}.certs p{margin:0}.certs small{color:#bac2de;display:block}.contact{background:linear-gradient(135deg,#89b4fa0f,#181825)}.contact .pad{padding:35px}.contact h2{font-size:30px}.contact p{max-width:700px}footer{text-align:center;color:#6c7086;margin-top:24px;font-size:11px}.modal{z-index:80;background:#000a;justify-content:center;align-items:flex-start;padding:12vh 16px;display:flex;position:fixed;inset:0}.command{background:#181825;border:1px solid #45475a;border-radius:12px;width:min(100%,570px);overflow:hidden;box-shadow:0 25px 80px #0008}.command>div{border-bottom:1px solid #313244;align-items:center;gap:10px;padding:0 15px;display:flex}.command input{color:#cdd6f4;background:0 0;border:0;outline:0;width:100%;padding:16px 0}.command button{color:#cdd6f4;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;width:100%;padding:11px 15px;display:flex}.command>div button{width:auto}.command button span{color:#6c7086;margin-left:auto}.command svg{width:17px}@media (width<=900px){.stats{grid-template-columns:repeat(2,1fr)}.overview-grid{grid-template-columns:1fr}.brand span{display:none}}@media (width<=767px){aside:not(.mobile){display:none}.shift{padding-left:0}.mobile{display:block}.shade{z-index:30;background:#0009;border:0;display:block;position:fixed;inset:0}.search{font-size:0}.search svg{display:block}.search kbd{display:none}section{padding:18px}.page-title,.section-row{flex-direction:column;align-items:flex-start}.stats{grid-template-columns:1fr 1fr}.stat strong{font-size:16px}.project-grid,.skill-grid,.credential-grid,.mini{grid-template-columns:1fr}.two{grid-template-columns:1fr 1fr}.list summary{flex-direction:column;align-items:flex-start;gap:8px}.list summary>span{width:auto}.list ul{padding-left:35px}.actions a{overflow-wrap:anywhere}.contact .pad{padding:22px}}@media (width<=440px){.stats,.two{grid-template-columns:1fr}.page-title h1{font-size:25px}.pad h2{font-size:23px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline-offset:4px;outline:2px solid #94e2d5}button:hover,a:hover{filter:brightness(1.15)}.skip-link{z-index:100;color:#11111b;background:#89b4fa;padding:12px;position:fixed;top:-60px;left:16px}.skip-link:focus{top:8px}.page-title h1{letter-spacing:-.045em;font-size:clamp(30px,4vw,48px)}.page-title p{max-width:580px;line-height:1.65}.panel{padding:0}.stat{padding:16px}.pad>p{line-height:1.65}.route-options{gap:7px;display:grid}.route-options button,.text-button,.tour-bar button,.copy-button,.empty button{color:#cdd6f4;background:#1e1e2e;border:1px solid #45475a;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.route-options .selected{color:#94e2d5;background:#94e2d515;border-color:#94e2d5}.route-detail{margin-top:18px}.route-detail>small{color:#bac2de;margin-bottom:10px;display:block}.text-button{color:#89b4fa;background:0 0;border:0;margin-top:12px;padding-left:0}.tour-bar{background:#181825;border:1px dashed #45475a;border-radius:12px;flex-wrap:wrap;align-items:center;gap:14px;margin:24px 28px 0;padding:14px 18px;display:flex}.tour-bar>span{align-items:center;gap:10px;display:flex}.tour-bar button{margin-left:auto;font-size:12px}.tour-bar p{color:#bac2de;width:100%;margin:0;font-size:13px;line-height:1.7}.list summary:after{content:"+";color:#89b4fa;margin-left:auto;font-size:22px}.list details[open] summary:after{content:"−"}.list li{line-height:1.7}.project-search{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;font-size:12px;display:flex}.project-search input{color:#cdd6f4;min-width:180px;font:inherit;background:#181825;border:1px solid #45475a;border-radius:8px;flex:1;padding:11px 14px}.project-search span{color:#bac2de}.empty{text-align:center;border:1px dashed #45475a;border-radius:12px;grid-column:1/-1;padding:36px}.empty button{margin:auto}.copy-button{font-size:12px;font-weight:700}.copy-status{color:#94e2d5;align-self:center;font-size:12px}.command .command-results{max-height:55vh;padding:8px;display:block;overflow:auto}.command-results button{text-align:left;border-radius:8px}.command-results button:hover,.command-results button:focus-visible{background:#313244}.command-results button>div{flex:1}.command-results small{color:#bac2de;margin-top:3px;display:block}.command-hint{color:#bac2de;padding:0 16px;font-size:11px}.search{color:#bac2de!important}.panel-head small,.page-title small,footer{color:#bac2de}.project{transition:border-color .2s,box-shadow .2s}.project:hover{box-shadow:0 12px 40px #89b4fa18}.project-top i{animation:.6s both boot-in}@keyframes boot-in{0%{transform:rotate(-12deg)scale(.8)}to{transform:rotate(0)scale(1)}}@media (width<=767px){.tour-bar{margin:18px 18px 0}.project-search label{width:100%}.contact .actions{flex-direction:column;align-items:flex-start}}.command .command-search:focus-within{border-radius:11px 11px 0 0;box-shadow:inset 0 0 0 2px #94e2d5}.command input:focus-visible{outline:none}.command input{min-width:0;font:inherit}.command-search>svg{flex-shrink:0}.command-search button:focus-visible{outline-offset:-3px;border-radius:6px}.project-search input:focus-visible{outline-offset:2px}.role-toggle{text-align:left;background:0 0;border:0;align-items:center;gap:18px;width:100%;padding:18px;display:flex}.role-toggle:focus-visible{outline-offset:-3px;border-radius:11px}.role-date{border-radius:6px;flex-shrink:0;width:150px;padding:5px 8px;font-size:12px;font-weight:700}.role-title{flex-direction:column;gap:4px;display:flex}.role-title small{color:#bac2de}.role-chevron{color:#89b4fa;margin-left:auto;display:flex}.role-description{overflow:hidden}.tech-stack{border:1px solid #45475a;border-left:3px solid var(--stack-accent);background:linear-gradient(120deg,#31324466,#11111b66);border-radius:10px;margin-top:22px;padding:16px}.stack-heading{color:var(--stack-accent);align-items:center;gap:8px;font-size:13px;display:flex}.stack-heading span{color:#bac2de;text-transform:uppercase;letter-spacing:.08em;margin-left:auto;font:10px ui-monospace,monospace}.tech-stack dl{gap:12px;margin:14px 0 0;display:grid}.tech-stack dl>div{grid-template-columns:105px 1fr;gap:10px;display:grid}.tech-stack dt{color:#bac2de;font-size:11px}.tech-stack dd{margin:0;font-size:12px;line-height:1.5}@media (width<=767px){.role-toggle{flex-wrap:wrap;gap:12px}.role-date{width:auto}.role-title{order:3;width:100%}.tech-stack dl>div{grid-template-columns:1fr;gap:3px}}
