@layer reset,base,components,utilities;:root{color-scheme:light;--bg: #eaf6ff;--bg-soft: rgba(234, 246, 255, .58);--panel: rgba(255, 255, 255, .34);--panel-strong: rgba(255, 255, 255, .46);--panel-glow: rgba(147, 217, 255, .2);--line: rgba(157, 210, 255, .34);--line-strong: rgba(125, 192, 255, .52);--text: #174a71;--text-soft: #30638e;--text-muted: #5480a7;--brand: #7fd8ff;--brand-soft: #c9efff;--brand-strong: #62baf8;--accent: #98d7ff;--accent-pink: #ffd7ec;--white: rgba(255, 255, 255, .94);--shadow: 0 24px 60px rgba(102, 167, 219, .18);--shadow-soft: 0 18px 45px rgba(140, 202, 255, .2);--radius: 28px;--radius-sm: 18px;--container: 1120px}@layer reset{*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body,h1,h2,h3,h4,p,ul,ol,li,figure,blockquote{margin:0}ul[role=list],ol[role=list]{list-style:none;padding:0}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}}@layer base{html{background:#d9f1ff}body{position:relative;min-height:100vh;font-family:Inter,Segoe UI,PingFang SC,Hiragino Sans GB,system-ui,sans-serif;line-height:1.75;color:var(--text);background:linear-gradient(180deg,#e8f6ff94,#f5fbffbd),var(--page-bg) center top / cover no-repeat fixed;overflow-x:hidden}body:before,body:after{content:"";position:fixed;inset:auto;border-radius:999px;filter:blur(12px);z-index:-2;pointer-events:none}body:before{top:8%;left:4%;width:300px;height:300px;background:#afe7ff57}body:after{right:8%;bottom:12%;width:380px;height:380px;background:#ffdcf033}main{display:block;position:relative;z-index:1}h1,h2,h3{color:var(--text);line-height:1.15;letter-spacing:-.04em}p,li{color:var(--text-soft)}strong{color:var(--text)}code{padding:.18rem .5rem;border-radius:999px;background:#ffffff8f;border:1px solid rgba(125,192,255,.24);color:#3273a6;font-size:.92em}.article-body :not(pre)>code{padding:.25rem .55rem;border:none;border-radius:4px;background:#bddcf76b;color:#35556f;line-height:2.1;font-family:Fira Code,JetBrains Mono,Consolas,Courier New,monospace;box-shadow:none}pre code{padding:0;border:0;border-radius:0;background:transparent;color:inherit;font-size:.95rem}input,select,button{font:inherit}}@layer components{.page-backdrop,.page-noise{position:fixed;inset:0;pointer-events:none}.page-backdrop{background:radial-gradient(circle at top left,rgba(255,255,255,.72),transparent 32%),radial-gradient(circle at top right,rgba(175,227,255,.24),transparent 28%),linear-gradient(180deg,#e4f4ff1a,#eff8ff38);backdrop-filter:blur(1.5px);z-index:-3}.page-noise{background-image:linear-gradient(#ffffff0d,#ffffff0d),radial-gradient(rgba(255,255,255,.16) .7px,transparent .7px);background-size:auto,16px 16px;opacity:.18;z-index:-1}.container{width:min(calc(100% - 2rem),var(--container));margin-inline:auto}.shell{position:relative;border:1px solid rgba(255,255,255,.42);background:linear-gradient(180deg,#ffffff70,#ffffff3d);box-shadow:var(--shadow);backdrop-filter:blur(18px) saturate(125%);-webkit-backdrop-filter:blur(18px) saturate(125%);overflow:hidden;isolation:isolate}.nav-wrap{overflow:visible}.shell:after,.nav-wrap:after,.footer-wrap:after,.cute-card:after,.sidebar-card:after{content:"";position:absolute;inset:-35% auto auto -20%;width:42%;height:180%;border-radius:999px;background:linear-gradient(180deg,#fff0,#ffffff47,#fff0);opacity:.45;transform:rotate(18deg) translateZ(0);filter:blur(8px);pointer-events:none;animation:border-glow-drift 8.8s ease-in-out infinite;z-index:0}.site-header{position:sticky;top:0;z-index:20;padding:1rem 0;transition:transform .28s ease,opacity .28s ease,padding .28s ease}.site-header.is-raised{padding-top:.6rem}.site-header.is-collapsed{transform:translateY(calc(-100% + 1rem));opacity:.72}.site-header:hover,.site-header:focus-within{transform:translateY(0);opacity:1}.nav-wrap,.footer-wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.4rem;border-radius:var(--radius)}.brand{display:inline-flex;align-items:center;gap:.65rem;font-weight:800;letter-spacing:-.04em;color:var(--text)}.brand-mark{display:inline-grid;place-items:center;width:1.9rem;height:1.9rem;border-radius:999px;background:linear-gradient(135deg,#7fd8ffe6,#ffd7ece6);box-shadow:0 10px 22px #7fd8ff42;color:#fff;font-size:.95rem}.nav-list,.social-list,.tag-list,.meta-list,.article-toolbar,.profile-links,.nav-more-menu{display:flex;flex-wrap:wrap;gap:.75rem;list-style:none;padding:0}.nav-list{align-items:center;gap:.35rem}.nav-list>li{display:flex;align-items:center;margin:0}.nav-list a,.social-list a,.text-link,.back-home,.sidebar-link,.nav-more summary,.nav-more-menu a{color:var(--text-muted);transition:color .2s ease,transform .2s ease,background .2s ease,box-shadow .2s ease}.nav-list a,.nav-more summary{display:inline-flex;align-items:center;justify-content:center;min-height:3.25rem;padding:0 1rem;border-radius:var(--radius-sm);white-space:nowrap}.nav-list a:hover,.social-list a:hover,.text-link:hover,.back-home:hover,.sidebar-link:hover,.nav-more summary:hover,.nav-more-menu a:hover{color:var(--text);transform:translateY(-1px)}.nav-list a:hover,.nav-more summary:hover{background:#ffffff73;box-shadow:0 8px 18px #91d0f82e}.nav-more-group{position:relative;display:flex;align-items:center}.nav-more{position:relative}.nav-more summary{display:inline-flex;align-items:center;gap:.4rem;cursor:pointer;list-style:none;user-select:none;white-space:nowrap}.nav-more summary::-webkit-details-marker{display:none}.nav-more summary:after{content:"▾";font-size:.8rem;transition:transform .2s ease}.nav-more[open] summary:after{transform:rotate(180deg)}.nav-more-menu{position:absolute;top:calc(100% + .6rem);right:0;min-width:10rem;display:grid;gap:.35rem;padding:.6rem;margin:0;border:1px solid rgba(255,255,255,.52);border-radius:20px;background:linear-gradient(180deg,#ffffffd1,#f5faffbd);box-shadow:0 18px 40px #74bcee2e;backdrop-filter:blur(16px) saturate(130%);-webkit-backdrop-filter:blur(16px) saturate(130%);z-index:30}.nav-more-menu a{display:block;padding:.7rem .85rem;border-radius:14px}.nav-more-menu a:hover{background:#ffffff9e;box-shadow:0 8px 18px #91d0f824}.hero,.section,.article-shell,.timeline-card,.card,.project-card,.post-card,.empty-state,.stat-card,.profile-card{position:relative;border:1px solid rgba(255,255,255,.42);background:linear-gradient(180deg,#ffffff57,#ffffff2e);border-radius:var(--radius);box-shadow:var(--shadow-soft);backdrop-filter:blur(18px) saturate(130%);-webkit-backdrop-filter:blur(18px) saturate(130%);overflow:hidden;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease,background .28s ease}.hero:before,.section:before,.article-shell:before,.card:before,.project-card:before,.post-card:before,.stat-card:before,.timeline-card:before,.profile-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.24),transparent 55%);pointer-events:none}.card:after,.project-card:after,.post-card:after,.stat-card:after,.profile-card:after{content:"";position:absolute;inset:-1px;border-radius:inherit;background:radial-gradient(circle at var(--glow-x, 18%) var(--glow-y, 16%),rgba(255,255,255,.24),transparent 28%),linear-gradient(135deg,rgba(255,255,255,.16),transparent 52%);opacity:0;transform:scale(.985);transition:opacity .26s ease,transform .26s ease;pointer-events:none;z-index:0}.card:hover,.project-card:hover,.post-card:hover,.stat-card:hover,.profile-card:hover,.card:focus-within,.project-card:focus-within,.post-card:focus-within,.stat-card:focus-within,.profile-card:focus-within{border-color:#ffffff94;box-shadow:0 20px 42px #74bcee2e}.card:hover:after,.project-card:hover:after,.post-card:hover:after,.stat-card:hover:after,.profile-card:hover:after,.card:focus-within:after,.project-card:focus-within:after,.post-card:focus-within:after,.stat-card:focus-within:after,.profile-card:focus-within:after{opacity:1;transform:scale(1)}.rounded-card,.cute-card,.sidebar-card{border-radius:var(--radius)}.nav-wrap,.footer-wrap,.cute-card,.sidebar-card,.shell{animation:border-glow-breathe 5.8s ease-in-out infinite}.hero-split-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.72fr);gap:1.8rem;margin:2rem auto 1.5rem;align-items:start}.hero-main{min-width:0}.hero-main-panel{padding:clamp(2rem,6vw,3rem);display:grid;gap:1.5rem}.hero-copy{display:grid;gap:1.2rem;min-width:0}.hero-highlight-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:.35rem}.hero-highlight-card{min-height:100%;padding:1rem 1.05rem}.hero-sidebar{display:grid;gap:1rem;align-content:start;position:sticky;top:5.75rem}.profile-card{display:grid;gap:1rem;padding:1rem;transform-origin:78% 16%;transition:transform .38s cubic-bezier(.22,1,.36,1),box-shadow .32s ease,border-color .32s ease;will-change:transform}.hero-sidebar .profile-card:hover,.hero-sidebar .profile-card:focus-within{transform:perspective(1200px) rotate(-1.2deg) rotateX(1.8deg) translate3d(0,-8px,0);box-shadow:0 26px 56px #6cb5eb38;border-color:#ffffff9e}.profile-about-card{grid-template-columns:minmax(180px,240px) minmax(0,1fr);align-items:center}.profile-card-copy{display:grid;gap:.75rem}.profile-avatar{width:100%;aspect-ratio:1 / 1.08;object-fit:cover;border-radius:24px;border:1px solid rgba(255,255,255,.55);box-shadow:0 14px 26px #66a7db26;transition:transform .42s cubic-bezier(.22,1,.36,1),box-shadow .3s ease,filter .3s ease;transform-origin:center}.hero-sidebar .profile-card:hover .profile-avatar,.hero-sidebar .profile-card:focus-within .profile-avatar{transform:scale(1.018) rotate(.45deg);box-shadow:0 20px 36px #66a7db33;filter:saturate(1.04) brightness(1.02)}.profile-avatar-large{max-width:100%}.sidebar-link,.back-home,.button,.button-secondary,.filter-chip{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:46px;padding:.88rem 1.1rem;border-radius:var(--radius-sm);border:1px solid transparent;font-weight:700;transform:translateZ(0) scale(1);transform-origin:center;transition:transform .26s cubic-bezier(.2,.9,.22,1.35),border-color .2s ease,background .2s ease,box-shadow .24s ease,filter .2s ease,color .2s ease}.sidebar-link,.back-home,.button-secondary,.filter-chip{border-color:#ffffff6b;background:#ffffff4d;color:var(--text)}.button{background:linear-gradient(135deg,#74cafff5,#ffdef2e0);color:#0f527e;box-shadow:0 16px 28px #73c3f53d}.button:active,.button-secondary:active,.back-home:active,.sidebar-link:active,.filter-chip:active{transform:translateY(1px) scale(.965);transition-duration:.14s}.back-home.secondary{background:#ffffff2e;color:var(--text-muted)}.button:hover,.button-secondary:hover,.back-home:hover,.sidebar-link:hover,.filter-chip:hover{transform:translateY(-3px) scale(1.022);box-shadow:0 18px 34px #80cbfa38;filter:brightness(1.02)}.button:focus-visible,.button-secondary:focus-visible,.back-home:focus-visible,.sidebar-link:focus-visible,.filter-chip:focus-visible,.blog-filters input:focus-visible,.blog-filters select:focus-visible{outline:none;transform:translateY(-1px) scale(1.01);box-shadow:0 0 0 3px #ffffff75,0 14px 28px #80cbfa33}.eyebrow{display:inline-flex;width:fit-content;padding:.75rem 1rem;border:1px solid rgba(255,255,255,.46);border-radius:var(--radius-sm);color:#39719b;background:#ffffff6b;box-shadow:0 10px 20px #8bcdff2e}.article-badge{position:absolute;top:1.5rem;right:1.5rem;z-index:1}.article-heading{padding-top:1rem}.hero h1,.page-heading h1,.article-shell h1{font-size:clamp(2.9rem,7vw,4.8rem);text-shadow:0 8px 20px rgba(255,255,255,.35)}.hero p,.page-heading p,.article-shell .lead{font-size:1.08rem;max-width:64ch}.metric-grid,.card-grid,.project-grid,.post-grid,.two-column{display:grid;gap:1rem}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-grid-vertical{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.metric-grid-vertical .stat-card{display:grid;place-items:center;text-align:center;min-height:116px;gap:.4rem}.card-grid,.project-grid,.post-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.two-column{grid-template-columns:1.2fr .8fr;align-items:start}.stat-card,.card,.project-card,.post-card,.timeline-card,.empty-state{padding:1.25rem}.stat-card strong,.project-card h2,.project-card h3,.post-card h2,.post-card h3,.card h2,.card h3,.timeline-card h3,.profile-card strong{color:var(--text)}.tag{display:inline-flex;align-items:center;padding:.45rem .82rem;border-radius:16px;border:1px solid rgba(255,255,255,.5);color:#4c7ca3;background:#ffffff61;font-size:.92rem}.section{padding:1.5rem;margin:1.5rem auto}.section-heading,.page-heading{display:grid;gap:.8rem;margin-bottom:1.5rem}.cta-row,.article-toolbar{display:flex;flex-wrap:wrap;gap:.9rem}.compact-stack{gap:.5rem}.blog-index{gap:1.25rem}.blog-filters{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(220px,.5fr);gap:1rem;align-items:start}.filter-field{display:grid;gap:.6rem}.filter-field-search{min-width:0}.filter-field label,.filter-tags-group legend{font-weight:700;color:var(--text)}.filter-tags-group{grid-column:1 / -1;padding:0;border:0;min-width:0}.filter-tag-list{display:flex;flex-wrap:wrap;gap:.75rem}.blog-filters input,.blog-filters select{width:100%;min-height:48px;padding:.85rem 1rem;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.46);background:#fff6;color:var(--text);box-shadow:inset 0 1px #ffffff42;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease,transform .2s ease}.blog-filters input::placeholder{color:var(--text-muted)}.blog-filters select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,rgba(45,106,153,.72) 50%),linear-gradient(135deg,rgba(45,106,153,.72) 50%,transparent 50%);background-position:calc(100% - 20px) calc(50% - 2px),calc(100% - 14px) calc(50% - 2px);background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:2.75rem}.filter-chip{min-height:42px;padding:.65rem .95rem;background:#ffffff5c;cursor:pointer}.filter-chip.is-active{background:linear-gradient(135deg,#74caffeb,#ffdef2d1);border-color:#ffffffb8;color:#0f527e;box-shadow:0 16px 30px #73c3f53d}.blog-filter-status{min-height:1.75rem}.blog-empty-state[hidden],.post-card[hidden]{display:none}.article-shell{padding:clamp(1.5rem,5vw,3rem);margin:2rem auto}.article-body{display:grid;gap:1.15rem}.article-body blockquote{margin:1rem 0;padding:0 1rem;border-left:3px solid #1e3e3f;border-radius:3px;background:#d9e8ff6b;overflow:auto}.article-body blockquote>:first-child{margin-top:.9rem}.article-body blockquote>:last-child{margin-bottom:.9rem}.article-body pre{position:relative;margin:1.6rem 0;padding:3.4rem 1.5rem 1.35rem;border:1px solid #ebeef5;border-radius:15px;background:#fffffff0;box-shadow:0 2px 12px #0000001a;overflow:auto;white-space:pre}.article-body pre:before{content:attr(data-language);position:absolute;top:0;left:30px;display:inline-flex;align-items:center;min-height:2.5rem;padding:.65rem .95rem;border-radius:0 0 12px 12px;background:linear-gradient(135deg,#f37fb2,#ff9d76);color:#fff;font-size:.82rem;font-weight:700;letter-spacing:.01em;text-transform:none;box-shadow:0 10px 22px #f37fb22e;z-index:1}.code-copy-button{position:absolute;top:.85rem;right:.95rem;display:inline-flex;align-items:center;justify-content:center;min-width:4.25rem;min-height:2.2rem;padding:.4rem .8rem;border:1px solid rgba(31,62,97,.08);border-radius:10px;background:#ffffffeb;color:#5c6b72;box-shadow:0 8px 18px #a9bfd62e;cursor:pointer;opacity:0;transform:translateY(-4px);transition:opacity .2s ease,transform .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease;z-index:2}.article-body pre:hover .code-copy-button,.article-body pre:focus-within .code-copy-button{opacity:1;transform:translateY(0)}.code-copy-button:hover{background:#fff;color:#3c5568;box-shadow:0 12px 24px #a9bfd63d}.code-copy-button:focus-visible{opacity:1;transform:translateY(0);outline:none;box-shadow:0 0 0 3px #66afef2e,0 12px 24px #a9bfd63d}.code-copy-button[data-copy-state=copied]{background:#66afef;color:#fff}.code-copy-button[data-copy-state=error]{background:#f37fb2;color:#fff}.article-body pre code{display:block;min-width:max-content;font-family:Fira Code,JetBrains Mono,Consolas,Courier New,monospace;line-height:2;color:#1e3e3f;background:transparent;font-weight:500;counter-reset:code-line}.article-body pre code span{text-shadow:none!important;opacity:1!important;filter:saturate(1.12) contrast(1.08)}.article-body pre code .line{display:inline-block;width:100%}.article-body pre code .line:before{content:counter(code-line);counter-increment:code-line;display:inline-block;min-width:1.5rem;margin-right:1.1rem;color:#c2c8d0;text-align:right;user-select:none}.article-body pre[data-language=""]:before,.article-body pre:not([data-language]):before{content:"code"}.article-body pre::-webkit-scrollbar{height:12px}.article-body pre::-webkit-scrollbar-thumb{background:#8ab5ff linear-gradient(45deg,rgba(255,255,255,.4) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.4) 75%,transparent 75%,transparent);border:3px solid #e6efff;border-radius:999px}.article-body pre::-webkit-scrollbar-track{background:#e6efff;border-radius:999px}.article-body h2,.article-body h3{margin-top:1.2rem;color:var(--text)}.article-body ul,.article-body ol{padding-left:1.2rem}.article-body a,.text-link{color:#3972a8;text-decoration-thickness:.08em;text-underline-offset:.16em}.site-footer{padding:1rem 0 2rem}.footer-copy{display:grid;gap:.25rem}.footer-copy-with-logo{grid-template-columns:auto 1fr;align-items:center;gap:1rem}.footer-copy-text{display:grid;gap:.25rem}.studio-badge{position:relative;display:inline-flex;align-items:center;justify-content:center;width:110px;min-width:110px;padding:.45rem;border-radius:22px;background:linear-gradient(180deg,#ffffffb8,#ffffff57);border:1px solid rgba(255,255,255,.58);box-shadow:0 12px 26px #7ec1ec2e;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;overflow:hidden}.studio-badge:hover{transform:translateY(-2px) scale(1.01);box-shadow:0 16px 30px #7ec1ec38;border-color:#ffffffb8}.studio-badge-image{display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(77,154,234,.12))}.muted{color:var(--text-muted)}}@layer utilities{.stack{display:grid;gap:1rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}@media(max-width:900px){.hero-split-layout,.hero-highlight-grid,.two-column,.profile-about-card,.blog-filters,.metric-grid,.metric-grid-vertical{grid-template-columns:1fr}.nav-wrap,.footer-wrap{border-radius:24px;align-items:flex-start;flex-direction:column}.footer-copy-with-logo{grid-template-columns:1fr}.studio-badge{width:min(140px,100%)}.site-header.is-collapsed{transform:translateY(calc(-100% + 1.5rem))}}@media(max-width:640px){.filter-tag-list{gap:.6rem}.filter-chip{width:100%}}@keyframes border-glow-breathe{0%,to{box-shadow:var(--shadow),inset 0 1px #ffffff3d,0 0 #7fd8ff00}50%{box-shadow:0 22px 54px #66a7db2e,inset 0 1px #ffffff5c,0 0 28px #a6e4ff38}}@keyframes border-glow-drift{0%,to{transform:rotate(18deg) translateZ(0);opacity:.3}50%{transform:rotate(18deg) translate3d(14px,-4px,0);opacity:.5}}