:root{color:#f8fbff;background:#090d16;--diagram-border: rgba(141, 160, 255, .2);--diagram-border-strong: rgba(165, 178, 219, .38);--diagram-line: #d8dfec;--diagram-panel-end: rgba(12, 17, 29, .86);--diagram-panel-start: rgba(24, 32, 52, .74);--diagram-text: #e1e7f5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at 74% 18%,rgba(87,118,255,.2),transparent 30%),radial-gradient(circle at 18% 18%,rgba(65,95,180,.18),transparent 28%),linear-gradient(180deg,#080c14,#0c111d 56%,#080b12)}body:before{position:fixed;inset:0;pointer-events:none;content:"";background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.65),transparent 72%)}a{color:inherit}.page{position:relative;width:min(1180px,calc(100% - 48px));margin:0 auto}.site-header{display:grid;grid-template-columns:auto 1fr auto;gap:32px;align-items:center;padding:26px 0}.brand{color:#f8fbff;font-size:1.05rem;font-weight:900;text-decoration:none;text-transform:uppercase}.brand span{color:#7b91ff}.nav{display:flex;justify-content:center;gap:30px}.nav a,.social a{color:#e1e7f5;font-size:.92rem;font-weight:700;text-decoration:none}.nav a[aria-current=page]{color:#8da0ff;border-bottom:2px solid #657cff;padding-bottom:10px}.nav a:hover,.social a:hover{color:#fff}.social{display:flex;gap:10px;align-items:center}.social-icon{display:inline-grid;width:40px;height:40px;place-items:center;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#ffffff09}.social-icon svg{width:18px;height:18px;fill:currentColor}.social-badge{width:auto;min-width:48px;padding:0 12px;color:#f8fbff;font-size:.78rem;font-weight:900;letter-spacing:0}.hero{display:grid;grid-template-columns:minmax(0,.95fr) minmax(360px,1.05fr);gap:48px;align-items:center;min-width:0;min-height:610px;padding:68px 0 78px}.hero>*{min-width:0}.intro-kicker{margin:0 0 8px;color:#dde4f4;font-size:1.24rem;line-height:1.4}h1{margin:0;color:#fff;font-size:4.9rem;line-height:1.02}.role{margin:22px 0 0;color:#8da0ff;font-size:1.38rem;font-weight:800;line-height:1.45}.lead{max-width:560px;margin:24px 0 0;color:#d7def0;font-size:1.08rem;line-height:1.75}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}.button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.16);border-radius:12px;padding:12px 20px;background:linear-gradient(135deg,#6f86ff,#4967eb);box-shadow:0 18px 42px #4967eb52;color:#fff;font-weight:800;text-decoration:none}.button.secondary{background:#ffffff08;box-shadow:none}.visual{position:relative;width:100%;min-width:0;min-height:430px;transform:translateY(-18px);isolation:isolate}.visual:before{position:absolute;inset:18px 4px 18px 30px;z-index:-1;border-radius:20px;background:linear-gradient(rgba(122,145,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(122,145,255,.08) 1px,transparent 1px);background-size:26px 26px;mask-image:linear-gradient(135deg,transparent 0%,black 24%,black 78%,transparent 100%);content:""}.code-panel{position:absolute;inset:8px 0 0;overflow:hidden;border:1px solid rgba(147,166,255,.18);border-radius:18px;background:linear-gradient(135deg,#1c2741f0,#0c1220db),#141d31e0;box-shadow:0 28px 76px #05091357,inset 0 1px #ffffff14;backdrop-filter:blur(14px)}.code-titlebar{display:grid;grid-template-rows:34px 42px;min-height:76px;border-bottom:1px solid rgba(255,255,255,.08);background:#ffffff0e;color:#e0e6f7;font-size:.78rem;font-weight:700}.window-controls{width:8px;height:8px;border-radius:50%;background:#ff6b6b;box-shadow:16px 0 #f7c948,32px 0 #39d98a;flex:0 0 auto;margin:0 0 0 16px;align-self:center}.code-tabs{display:flex;align-self:stretch;min-width:0;overflow:hidden;border-top:1px solid rgba(255,255,255,.07)}.code-tab{position:relative;display:inline-flex;min-height:42px;align-items:center;gap:9px;border-right:1px solid rgba(255,255,255,.08);padding:0 15px;color:#aeb8d2;white-space:nowrap}.code-tab.active{background:#0c1220e0;color:#fff}.code-tab.active:before{position:absolute;top:-1px;right:0;left:0;height:2px;background:#4f8dff;content:""}.code-tab.active:after{position:absolute;right:0;bottom:-1px;left:0;height:1px;background:#0c1220f2;content:""}.code-tab.muted{background:#ffffff06;color:#7f8ba8;font-weight:600}.tab-kind{color:#54c8ff;font-weight:900}.tab-astro-icon{position:relative;width:16px;height:16px;color:#d0d6e2;flex:0 0 auto}.tab-astro-icon:before{position:absolute;top:3px;left:5px;width:8px;height:2px;background:currentColor;box-shadow:-3px 5px 0 currentColor,0 10px 0 currentColor;content:""}.tab-astro-icon:after{position:absolute;top:7px;left:2px;width:2px;height:7px;background:currentColor;content:""}.tab-close{color:#d9deeb;font-size:1.05rem;line-height:1}.code-panel pre{margin:0;padding:18px 26px 26px;color:#dce4f6;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.82rem;line-height:1.42;white-space:normal}.line{display:block;min-height:1.42em;overflow-wrap:anywhere;white-space:pre-wrap}.line.gap{min-height:.34em}.token-comment{color:#8fc47e}.token-keyword{color:#8eb5ff;font-weight:800}.token-type{color:#75d6c5}.token-function{color:#f0d98a}.token-property{color:#9bd6ff}.token-string{color:#ffb894}.token-operator{color:#dce4f6}.token-bracket{color:#d8a7ff}.content-panel{border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:28px;background:#111724c2;box-shadow:0 28px 80px #0000003d;backdrop-filter:blur(14px)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:22px}.section-heading h2{margin:0;color:#fff;font-size:1.2rem}.section-heading h2:after{display:block;width:28px;height:2px;margin-top:10px;background:#7b91ff;content:""}.section-heading a,.back-link,.text-link{color:#8da0ff;font-size:.92rem;font-weight:800;text-decoration:none}.section-heading a:hover,.back-link:hover,.text-link:hover{color:#fff}.expertise-grid{display:grid;grid-template-columns:repeat(3,minmax(260px,1fr));gap:16px}.expertise-grid>*{width:100%;min-width:0}.project-grid,.collection-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.expertise-card,.project-card,.collection-card{border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#ffffff0b}.project-card,.collection-card{display:block;min-width:0;overflow:hidden;text-decoration:none}.project-card:hover,.collection-card:hover{border-color:#8da0ff61;background:#fff1}.expertise-card{min-height:150px;padding:20px}.expertise-mark{display:grid;width:46px;height:46px;place-items:center;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:linear-gradient(145deg,#ffffff24,#ffffff0a),#7b91ff2e;box-shadow:inset 0 1px #ffffff2e,0 12px 28px #0000002e;color:#dfe7ff;font-size:.85rem;font-weight:900}.expertise-card[data-accent=fw] .expertise-mark{border-color:#5dddff61;background:linear-gradient(145deg,#5ad2ff3d,#355cbe24),#183b66b3;color:#dff7ff}.expertise-card[data-accent=sw] .expertise-mark{border-color:#a691ff6b;background:linear-gradient(145deg,#9c81ff42,#4859da24),#2f2b69b8;color:#eee9ff}.expertise-card[data-accent=ai] .expertise-mark{border-color:#70ebc76b;background:linear-gradient(145deg,#53e1b93d,#3770b824),#184c50b8;color:#e1fff6}.expertise-card h3,.project-card h3,.collection-card h2{margin:18px 0 8px;color:#fff;font-size:.98rem;overflow-wrap:anywhere;word-break:break-word}.expertise-card p,.project-card p,.collection-card p{margin:0;color:#cbd4e6;font-size:.9rem;line-height:1.65;overflow-wrap:anywhere;word-break:break-word}.projects{margin-top:30px}.project-preview{display:grid;aspect-ratio:16 / 9;overflow:hidden;min-height:118px;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,rgba(123,145,255,.28),transparent 58%),linear-gradient(180deg,#ffffff14,#ffffff05)}.project-preview img{width:100%;height:100%;object-fit:cover}.project-body,.collection-body{max-width:100%;min-width:0;padding:18px}.tag,.tag-list span{display:inline-flex;border-radius:8px;padding:5px 9px;background:#7b91ff2e;color:#cfd7ff;font-size:.78rem;font-weight:800}.tag{margin-top:16px}.tag-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;min-width:0}.collection-hero{padding:70px 0 34px}.collection-hero h1,.detail h1{max-width:760px;font-size:3.2rem;line-height:1.08}.collection-hero p,.detail-summary{width:100%;max-width:720px;margin:18px 0 0;color:#d7def0;font-size:1.05rem;line-height:1.75;overflow-wrap:anywhere;word-break:break-word}.collection-list{padding:18px 0 80px}.collection-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.collection-meta,.detail-meta{color:#8da0ff;font-size:.82rem;font-weight:800}.empty-state{border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:22px;background:#ffffff0b;color:#cbd4e6;line-height:1.7}.empty-state p{margin:0}.detail{max-width:820px;padding:68px 0 88px}.detail-header{margin-bottom:34px}.detail-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:24px}.prose{color:#d7def0;font-size:1rem;line-height:1.8}.prose h2,.prose h3{color:#fff;line-height:1.3}.prose a{color:#8da0ff;font-weight:800}.prose hr{height:1px;border:0;margin:34px 0;background:#ffffff24}.prose table{width:100%;margin:22px 0 28px;border-collapse:collapse;overflow-wrap:normal}.prose th,.prose td{border-bottom:1px solid rgba(255,255,255,.09);padding:10px 12px;text-align:left;vertical-align:top}.prose th{color:#f3f7ff;font-weight:800}.prose td{color:#d4dced}.prose :not(pre)>code{border:1px solid rgba(141,160,255,.16);border-radius:6px;padding:.1em .35em;background:#8da0ff1f;color:#dfe7ff;font-size:.92em}.prose pre{overflow-x:auto;border:1px solid rgba(141,160,255,.16);border-radius:8px;margin:22px 0 30px;padding:18px 20px;background:linear-gradient(180deg,#182034f5,#0c111df5),#0c111d!important;box-shadow:inset 0 1px #ffffff0d;color:#dce4f6!important;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.9rem;line-height:1.38}.prose pre code{color:inherit!important}.prose pre .line{display:inline;min-height:0;white-space:pre}.prose pre .line:empty{display:inline-block;min-height:0}.prose pre span[style*="color:#24292E"]{color:#dce4f6!important}.prose pre span[style*="color:#D73A49"]{color:#ff8d9b!important}.prose pre span[style*="color:#6F42C1"]{color:#c7a8ff!important}.prose pre span[style*="color:#005CC5"]{color:#89b8ff!important}.prose pre span[style*="color:#032F62"]{color:#9fe3c4!important}.prose pre span[style*="color:#6A737D"]{color:#97a4b8!important}.prose img{display:block;max-width:100%;height:auto}.prose p:has(>img:only-child){display:flex;align-items:center;justify-content:center;overflow-x:auto;border:1px solid var(--diagram-border);border-radius:8px;margin:24px 0 32px;padding:clamp(18px,3vw,28px);background:linear-gradient(180deg,var(--diagram-panel-start),var(--diagram-panel-end)),#111724b8;box-shadow:inset 0 1px #ffffff0d,0 14px 34px #0000001f;color:var(--diagram-text)}.prose p:has(>img:only-child) img{flex:0 1 auto}.mermaid{display:flex;align-items:center;justify-content:center;overflow-x:auto;border:1px solid var(--diagram-border);border-radius:8px;margin:24px 0 32px;padding:clamp(18px,3vw,28px);background:linear-gradient(180deg,var(--diagram-panel-start),var(--diagram-panel-end)),#111724b8;box-shadow:inset 0 1px #ffffff0d,0 14px 34px #0000001f;color:var(--diagram-text);scrollbar-color:var(--diagram-border-strong) transparent}.mermaid svg{max-width:100%;height:auto;color:var(--diagram-text)}.mermaid text,.mermaid span{letter-spacing:0}.back-link{display:inline-flex;margin-bottom:28px}@media(max-width:980px){.site-header{grid-template-columns:1fr}.nav{justify-content:flex-start;gap:18px}.social{justify-content:flex-start}.hero{grid-template-columns:1fr;min-height:auto}.visual{transform:none;min-height:360px}.code-panel{position:relative;inset:auto}.expertise-grid,.project-grid,.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.page{width:calc(100% - 28px);max-width:1180px}.site-header{padding:20px 0}.nav{row-gap:10px}.social{flex-wrap:wrap}.hero{gap:34px;padding:44px 0 52px}h1{font-size:3.2rem}.collection-hero h1,.detail h1{font-size:2.4rem}.role{font-size:1.12rem}.lead{font-size:1rem}.visual{min-height:0}.visual:before{inset:14px 0 14px 16px}.code-panel pre{padding:18px;font-size:.72rem}.content-panel{padding:18px}.section-heading{align-items:flex-start;flex-direction:column}.expertise-grid,.project-grid,.collection-grid{grid-template-columns:minmax(0,1fr)}}.detail-visual{margin:34px 0;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:0;background:#11172473;box-shadow:0 18px 48px #00000029,inset 0 1px #ffffff0a;backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;overflow:hidden}.architecture-diagram{width:100%;max-width:100%;height:auto;display:block}