@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&family=Instrument+Serif:ital@0;1&display=swap";:root,:root[data-theme=dark]{--bg: #08090b;--bg-2: #0d0e11;--bg-3: #111215;--surface: rgba(20, 21, 26, .55);--surface-2: rgba(28, 29, 34, .65);--surface-hover: rgba(34, 35, 40, .78);--paper: linear-gradient(180deg, rgba(24, 24, 28, .6), rgba(14, 14, 18, .5));--border: rgba(244, 244, 245, .06);--border-2: rgba(244, 244, 245, .1);--border-hover: rgba(244, 244, 245, .18);--text: #f4f4f5;--text-2: #a1a1aa;--text-3: #71717a;--text-4: #52525b;--text-5: #3f3f46;--accent: #2dd4bf;--accent-2: #14b8a6;--accent-soft: #5eead4;--accent-mint: #34d399;--accent-rose: #fb7185;--accent-gold: #fbbf24;--accent-cream: #e8d9b5;--on-accent: #062925;--glow: 0 1px 0 rgba(255, 255, 255, .04) inset, 0 12px 32px rgba(0, 0, 0, .5);--glow-hover: 0 1px 0 rgba(255, 255, 255, .08) inset, 0 24px 48px rgba(0, 0, 0, .6);--r-xs: 6px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 20px;--r-2xl: 24px;--sidebar-w: 280px;--content-max: 940px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", ui-monospace, Menlo, Consolas, monospace;--font-serif: "Instrument Serif", Georgia, serif}:root[data-theme=light]{--bg: #fafaf9;--bg-2: #ffffff;--bg-3: #f4f4f5;--surface: rgba(255, 255, 255, .78);--surface-2: rgba(250, 250, 250, .85);--surface-hover: rgba(244, 244, 245, .95);--paper: linear-gradient(180deg, rgba(255, 255, 255, .85), rgba(250, 250, 250, .7));--border: rgba(9, 9, 11, .07);--border-2: rgba(9, 9, 11, .12);--border-hover: rgba(9, 9, 11, .22);--text: #09090b;--text-2: #3f3f46;--text-3: #52525b;--text-4: #71717a;--text-5: #a1a1aa;--accent: #0d9488;--accent-2: #0f766e;--accent-soft: #14b8a6;--accent-mint: #059669;--accent-rose: #e11d48;--accent-gold: #b45309;--accent-cream: #7a6234;--on-accent: #ffffff;--glow: 0 1px 0 rgba(255, 255, 255, .6) inset, 0 6px 24px rgba(9, 9, 11, .06);--glow-hover: 0 1px 0 rgba(255, 255, 255, .8) inset, 0 12px 32px rgba(9, 9, 11, .1)}.theme-transition *{transition:background-color .32s ease,border-color .32s ease,color .32s ease,box-shadow .32s ease!important}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-scrolling iframe{pointer-events:none}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"ss01","cv11";font-variant-ligatures:common-ligatures}.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 (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}html{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar{width:0;height:0;display:none}::selection{background:color-mix(in srgb,var(--accent) 30%,transparent);color:var(--text)}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{max-width:100%;display:block}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}::view-transition-old(root){z-index:1}::view-transition-new(root){z-index:999}.bg-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-10;pointer-events:none;--mx: 50vw;--my: 35vh}.bg-base{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-9;background:var(--bg)}.bg-mesh{position:fixed;top:-18%;right:-18%;bottom:-18%;left:-18%;z-index:-8;background:radial-gradient(46% 38% at 14% 10%,color-mix(in oklab,var(--accent) 32%,transparent) 0%,transparent 70%),radial-gradient(42% 34% at 86% 14%,color-mix(in oklab,var(--accent-rose) 18%,transparent) 0%,transparent 72%),radial-gradient(55% 50% at 82% 90%,color-mix(in oklab,var(--accent-2) 26%,transparent) 0%,transparent 75%),radial-gradient(40% 32% at 18% 88%,color-mix(in oklab,var(--accent-gold) 14%,transparent) 0%,transparent 72%);filter:blur(80px) saturate(120%);opacity:.55;animation:mesh-drift 38s cubic-bezier(.45,.05,.55,.95) infinite alternate;will-change:transform}:root[data-theme=light] .bg-mesh{opacity:.32;filter:blur(110px) saturate(108%)}@keyframes mesh-drift{0%{transform:translate3d(-1.5%,-1%,0) scale(1.02)}to{transform:translate3d(2%,2%,0) scale(1.06)}}.bg-conic{position:fixed;top:-30%;right:-30%;bottom:-30%;left:-30%;z-index:-8;background:conic-gradient(from 220deg at 50% 35%,transparent 0deg,color-mix(in oklab,var(--accent) 8%,transparent) 60deg,transparent 140deg,color-mix(in oklab,var(--accent-rose) 6%,transparent) 220deg,transparent 300deg,color-mix(in oklab,var(--accent-2) 7%,transparent) 350deg,transparent 360deg);filter:blur(70px);opacity:.5;mix-blend-mode:screen;animation:conic-spin 120s linear infinite;will-change:transform}:root[data-theme=light] .bg-conic{opacity:.22;mix-blend-mode:multiply}@keyframes conic-spin{to{transform:rotate(1turn)}}.bg-grid{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-7;background-image:linear-gradient(to right,color-mix(in srgb,var(--text) 4.5%,transparent) 1px,transparent 1px),linear-gradient(to bottom,color-mix(in srgb,var(--text) 4.5%,transparent) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse 78% 58% at 50% 28%,#000 0%,rgba(0,0,0,.55) 45%,transparent 78%);-webkit-mask-image:radial-gradient(ellipse 78% 58% at 50% 28%,#000 0%,rgba(0,0,0,.55) 45%,transparent 78%);opacity:.7}:root[data-theme=light] .bg-grid{opacity:.5}.bg-vignette{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-5;background:radial-gradient(ellipse 110% 85% at 50% 50%,transparent 48%,color-mix(in srgb,#000 35%,transparent) 92%,color-mix(in srgb,#000 60%,transparent) 100%);pointer-events:none}:root[data-theme=light] .bg-vignette{background:radial-gradient(ellipse 115% 92% at 50% 50%,transparent 55%,color-mix(in srgb,#0b1010 8%,transparent) 100%);opacity:.55}.bg-noise{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 220 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.1' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.65 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:220px 220px}:root[data-theme=light] .bg-noise{opacity:.06;mix-blend-mode:multiply}.app-shell{max-width:1240px;margin:0 auto;padding:28px;display:grid;grid-template-columns:var(--sidebar-w) 1fr;gap:40px;align-items:start}@media (max-width: 960px){.app-shell{grid-template-columns:minmax(0,1fr);gap:18px;padding:14px 14px 28px}.app-shell>*{min-width:0}}.main-col{min-width:0;width:100%;max-width:var(--content-max);align-self:start}.sidebar{position:sticky;top:28px;align-self:start;max-height:calc(100vh - 56px);display:flex;flex-direction:column;gap:14px}@media (max-width: 960px){.sidebar{position:relative;top:0;max-height:none}}.profile-card{position:relative;padding:22px;border-radius:var(--r-xl);background:var(--paper);border:1px solid var(--border);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);box-shadow:var(--glow)}.profile-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(420px 180px at 50% -10%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 60%);border-radius:inherit;pointer-events:none}.profile-top{display:flex;align-items:center;gap:14px;position:relative;z-index:1}.profile-avatar{position:relative;width:56px;height:56px;border-radius:50%;border:1px solid var(--border-2);background:var(--bg-3);flex-shrink:0}.profile-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.profile-avatar-media{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;overflow:hidden;isolation:isolate;z-index:1}.profile-avatar .pa-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:50%;will-change:transform,opacity;backface-visibility:hidden;transition:transform .85s cubic-bezier(.16,1,.3,1),opacity .5s ease}.pa-img--day{transform:translateY(0) scale(1);opacity:1}.pa-img--night{transform:translateY(102%) scale(1.08);opacity:0}:root[data-theme=dark] .pa-img--day{transform:translateY(-102%) scale(1.08);opacity:0}:root[data-theme=dark] .pa-img--night{transform:translateY(0) scale(1);opacity:1}.profile-avatar{transition:border-color .6s ease,box-shadow .6s ease}:root[data-theme=light] .profile-avatar{box-shadow:0 4px 16px -9px #00000047}:root[data-theme=dark] .profile-avatar{border-color:#7ea6ff66;box-shadow:0 0 0 1px #7ea6ff1a,0 8px 26px -8px #4a74e08c}@media (prefers-reduced-motion: reduce){.profile-avatar .pa-img{transition:opacity .35s ease;transform:none!important}}.profile-avatar:after{content:"";position:absolute;bottom:-2px;right:-2px;width:14px;height:14px;border-radius:50%;background:var(--status-color, var(--accent-mint));border:2px solid var(--bg);box-shadow:0 0 10px color-mix(in srgb,var(--status-color, var(--accent-mint)) 55%,transparent);transition:background .4s ease,box-shadow .4s ease;z-index:2}.profile-avatar[data-status=online]:after{animation:pulse-dot 2.2s ease-in-out infinite}.profile-avatar[data-status=idle]:after,.profile-avatar[data-status=dnd]:after{animation:none}.profile-avatar[data-status=idle]:after:before{content:""}.profile-avatar[data-status=idle]:after{background:radial-gradient(circle at 70% 38%,var(--bg) 0 4px,transparent 4.5px),var(--status-color)}.profile-avatar[data-status=dnd]:after{background:linear-gradient(var(--bg),var(--bg)) center/7px 2px no-repeat,var(--status-color)}.profile-avatar[data-status=offline]:after{background:radial-gradient(circle,var(--bg) 0 3px,transparent 3.5px),var(--status-color);box-shadow:none}@keyframes pulse-dot{0%,to{box-shadow:0 0 color-mix(in srgb,var(--status-color, var(--accent-mint)) 55%,transparent)}50%{box-shadow:0 0 0 7px color-mix(in srgb,var(--status-color, var(--accent-mint)) 0%,transparent)}}.profile-name{font-size:16px;font-weight:600;letter-spacing:-.01em;color:var(--text);line-height:1.2}.profile-handle{font-family:var(--font-mono);font-size:11.5px;color:var(--text-3);margin-top:3px}.profile-bio{position:relative;z-index:1;font-size:13.5px;line-height:1.65;color:var(--text-2);margin-top:16px}.profile-bio em{font-family:var(--font-serif);font-style:italic;font-weight:400;color:var(--accent)}.profile-meta{position:relative;z-index:1;margin-top:16px;display:flex;flex-direction:column;gap:9px;font-size:12.5px;color:var(--text-3)}.profile-meta-item{display:flex;align-items:center;gap:10px}.profile-meta-item i{width:14px;color:var(--text-4)}.profile-meta-item .val{color:var(--text-2)}.profile-meta-item a.val:hover{color:var(--accent)}.profile-socials{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:18px}.social-chip{display:flex;align-items:center;justify-content:center;height:38px;border-radius:10px;border:1px solid var(--border);background:color-mix(in srgb,var(--text) 2%,transparent);color:var(--text-2);transition:all .2s ease}.social-chip:hover{color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent);border-color:color-mix(in srgb,var(--accent) 35%,transparent);transform:translateY(-2px)}.social-chip svg{width:18px;height:18px}.social-chip[data-platform=github]:hover{color:#fff;background:#24292f;border-color:#24292f;box-shadow:0 8px 22px -10px #24292fb3}.social-chip[data-platform=twitter]:hover{color:#fff;background:#0f1419;border-color:#0f1419;box-shadow:0 8px 22px -10px #0f1419b3}.social-chip[data-platform=telegram]:hover{color:#fff;background:linear-gradient(135deg,#2aabee,#229ed9);border-color:#229ed9;box-shadow:0 8px 22px -10px #229ed9a6}.social-chip[data-platform=instagram]:hover{color:#fff;background:linear-gradient(135deg,#833ab4,#fd1d1d 55%,#fcaf45);border-color:#e1306c;box-shadow:0 8px 22px -10px #e1306ca6}.cta-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;position:relative;z-index:1}.btn-fancy{--bf-bg: color-mix(in srgb, var(--text) 4%, transparent);--bf-border: var(--border-2);--bf-fg: var(--text-2);--bf-icon-bg: color-mix(in srgb, var(--text) 8%, transparent);--bf-icon-fg: var(--text);position:relative;display:inline-flex;align-items:center;gap:8px;padding:4px 14px 4px 4px;height:40px;border-radius:999px;background:var(--bf-bg);border:1px solid var(--bf-border);color:var(--bf-fg);font-size:12.5px;font-weight:600;letter-spacing:.01em;text-decoration:none;overflow:hidden;isolation:isolate;transition:transform .25s cubic-bezier(.2,.7,.2,1),color .2s ease,border-color .2s ease,box-shadow .3s ease,background .25s ease}.btn-fancy .btn-icon{width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--bf-icon-bg);color:var(--bf-icon-fg);font-size:13px;flex-shrink:0;transition:transform .4s cubic-bezier(.2,.7,.2,1),background .25s ease}.btn-fancy .btn-text{line-height:1;padding-right:4px}.btn-fancy:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;padding:1px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 50%,transparent),transparent 40%,color-mix(in srgb,var(--accent-mint) 35%,transparent));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:0}.btn-fancy:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(110deg,transparent 20%,color-mix(in srgb,white 35%,transparent) 50%,transparent 80%);transform:translate(-120%);transition:transform .7s cubic-bezier(.2,.7,.2,1);pointer-events:none;z-index:1;opacity:.55}.btn-fancy>*{position:relative;z-index:2}.btn-fancy:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 40%,var(--border-2));color:var(--text);box-shadow:0 10px 28px -12px color-mix(in srgb,var(--accent) 35%,transparent)}.btn-fancy:hover:before{opacity:1}.btn-fancy:hover:after{transform:translate(120%)}.btn-fancy:hover .btn-icon{transform:rotate(-12deg) scale(1.06)}.btn-fancy:active{transform:translateY(0)}.btn-fancy.primary{--bf-bg: var(--text);--bf-border: var(--text);--bf-fg: var(--bg);--bf-icon-bg: color-mix(in srgb, var(--bg) 22%, transparent);--bf-icon-fg: var(--bg);box-shadow:0 8px 24px -10px color-mix(in srgb,var(--text) 55%,transparent),inset 0 1px color-mix(in srgb,var(--bg) 25%,transparent)}.btn-fancy.primary:before{background:linear-gradient(135deg,color-mix(in srgb,var(--bg) 55%,transparent),transparent 40%,color-mix(in srgb,var(--bg) 20%,transparent));opacity:.8}.btn-fancy.primary:hover{box-shadow:0 16px 40px -12px color-mix(in srgb,var(--text) 75%,transparent),inset 0 1px color-mix(in srgb,var(--bg) 35%,transparent);color:var(--bg)}.btn-fancy.primary .btn-icon{background:color-mix(in srgb,var(--bg) 22%,transparent)}.cta-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 12px;border-radius:10px;font-size:13px;font-weight:500;border:1px solid var(--border-2);background:color-mix(in srgb,var(--text) 2%,transparent);color:var(--text-2);transition:all .2s ease}.cta-btn:hover{background:color-mix(in srgb,var(--text) 6%,transparent);color:var(--text)}.cta-btn.primary{background:var(--accent);color:var(--on-accent);font-weight:600}.social-chip-wrap{position:relative;display:block}.social-preview{position:fixed;width:300px;max-width:calc(100vw - 24px);background:var(--bg-2, #18181c);border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:0 32px 64px -16px #000000a6,0 8px 16px #00000059,0 0 0 1px #0006;opacity:0;pointer-events:none;transform-origin:bottom center;will-change:transform,opacity,filter;z-index:9999;text-align:left;backface-visibility:hidden}.social-preview.placement-bottom{transform-origin:top center}.social-preview.placement-top{transform-origin:bottom center}.social-preview.open{pointer-events:auto;animation:sp-mac-open .5s cubic-bezier(.22,1,.36,1) both}.social-preview.closing{pointer-events:none;animation:sp-mac-close .22s cubic-bezier(.4,0,1,1) both}@keyframes sp-mac-open{0%{opacity:0;transform:scale(.58) translateY(10px);filter:blur(9px)}48%{opacity:1}60%{transform:scale(1.028) translateY(0);filter:blur(0)}78%{transform:scale(.991)}to{opacity:1;transform:scale(1) translateY(0);filter:blur(0)}}@keyframes sp-mac-close{0%{opacity:1;transform:scale(1) translateY(0);filter:blur(0)}to{opacity:0;transform:scale(.84) translateY(6px);filter:blur(6px)}}@media (prefers-reduced-motion: reduce){.social-preview.open{animation:sp-fade-in .18s ease both}.social-preview.closing{animation:sp-fade-out .14s ease both}}@keyframes sp-fade-in{0%{opacity:0}to{opacity:1}}@keyframes sp-fade-out{0%{opacity:1}to{opacity:0}}.sp-banner{height:64px;background:var(--sp-banner, linear-gradient(135deg, var(--accent), var(--accent-mint)));position:relative}.sp-avatar{position:absolute;left:14px;top:34px;width:56px;height:56px;border-radius:50%;border:3px solid var(--bg-2, #18181c);background:var(--bg-3);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;color:var(--text)}.sp-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.sp-platform-icon{position:absolute;right:-2px;bottom:-2px;width:22px;height:22px;border-radius:50%;background:var(--sp-color, var(--accent));color:#fff;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-2, #18181c);font-size:11px}.sp-platform-icon svg{width:11px;height:11px}.sp-platform-icon i{font-size:10px}.sp-body{padding:36px 14px 14px}.sp-name-row{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.sp-name-block{min-width:0}.sp-name{display:inline-flex;align-items:center;gap:4px;font-weight:700;font-size:14px;color:var(--text);letter-spacing:-.01em}.sp-verified{color:#1d9bf0;font-size:13px}.sp-handle{font-size:12px;color:var(--text-3);margin-top:1px}.sp-follow{flex-shrink:0;padding:6px 12px;border-radius:999px;background:var(--sp-color, var(--accent));color:#fff;font-size:11.5px;font-weight:700;letter-spacing:.01em;border:none;text-decoration:none;transition:transform .18s ease,filter .18s ease}.sp-follow:hover{transform:scale(1.05);filter:brightness(1.1);color:#fff}.sp-bio{margin-top:10px;font-size:12.5px;line-height:1.5;color:var(--text-2)}.sp-stats{margin-top:12px;display:flex;gap:14px;padding-top:10px;border-top:1px solid var(--border)}.sp-stat{display:flex;flex-direction:column;gap:1px}.sp-stat strong{font-size:12.5px;color:var(--text);font-weight:700}.sp-stat span{font-size:10.5px;color:var(--text-3);letter-spacing:.04em;text-transform:uppercase;font-family:var(--font-mono)}@media (max-width: 640px){.social-preview{width:280px}}.side-nav{display:flex;flex-direction:column;gap:2px;padding:6px 4px 6px 18px;background:transparent;border:none;position:relative}.side-nav-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:var(--text-4);padding:0 0 10px 14px}.side-nav-item{display:flex;align-items:center;gap:12px;padding:7px 14px;font-size:14px;font-weight:500;color:var(--text-3);transition:color .2s ease,padding .25s cubic-bezier(.2,.7,.2,1);position:relative;border-radius:0;background:transparent}.side-nav-item i,.side-nav-item .kbd{display:none}.side-nav-item:before{content:"";position:absolute;left:0;top:50%;width:0;height:1.5px;background:var(--text);transform:translateY(-50%);transition:width .3s cubic-bezier(.2,.7,.2,1),background .2s ease;border-radius:2px}.side-nav-item:hover{color:var(--text-2);padding-left:18px;background:transparent}.side-nav-item:hover:before{width:8px;background:var(--text-3)}.side-nav-item.active{color:var(--text);font-weight:600;padding-left:30px;background:transparent}.side-nav-item.active:before{width:22px;height:1.5px;background:var(--text);top:50%;bottom:auto}@media (max-width: 960px){.side-nav{display:none}.sidebar{gap:0}}.now-strip{position:relative;z-index:1;margin-top:14px;padding:10px 12px;border-radius:10px;border:1px dashed var(--border-2);background:color-mix(in srgb,var(--text) 1.5%,transparent);font-size:11.5px;color:var(--text-3);display:flex;align-items:center;gap:8px}.now-strip .dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent)}.now-strip .label{font-family:var(--font-mono);font-size:9.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-4)}.now-strip .val{color:var(--text-2)}.now-inline{position:relative;margin-top:14px;padding-top:12px;border-top:1px dashed color-mix(in srgb,var(--text) 10%,transparent);display:flex;align-items:center;gap:10px;font-size:12px;color:var(--text-3);min-height:36px}.now-inline.placeholder{color:var(--text-4)}.now-pulse{width:6px;height:6px;border-radius:50%;background:var(--text-4);animation:now-pulse-soft 1.6s ease-in-out infinite}@keyframes now-pulse-soft{0%,to{opacity:.3;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}.now-inline .now-label{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-4);flex-shrink:0}.now-inline .now-label i{font-size:11px;color:var(--text-3)}.now-whisper{color:var(--text-2);font-size:12px}.now-inline.spotify{padding:12px 0 0}.now-inline-row{display:flex;align-items:center;gap:10px;min-width:0;flex:1;text-decoration:none;color:inherit;transition:opacity .2s ease}.now-inline-row:hover{opacity:.85}.now-vinyl{width:30px;height:30px;border-radius:50%;overflow:hidden;flex-shrink:0;border:1px solid var(--border-2);background:var(--bg-3);animation:vinyl-spin 8s linear infinite;position:relative}.now-vinyl:after{content:"";position:absolute;top:40%;right:40%;bottom:40%;left:40%;background:var(--bg);border-radius:50%;border:1px solid var(--border-2)}.now-vinyl img{width:100%;height:100%;object-fit:cover;display:block}@keyframes vinyl-spin{to{transform:rotate(360deg)}}.now-meta{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}.now-inline .eq{display:inline-flex;gap:2px;align-items:flex-end;height:8px;margin-right:4px}.now-inline .eq span{display:block;width:2px;background:#1ed760;border-radius:1px;animation:eq-bar .9s ease-in-out infinite}.now-inline .eq span:nth-child(1){height:40%;animation-delay:-.4s}.now-inline .eq span:nth-child(2){height:90%;animation-delay:-.15s}.now-inline .eq span:nth-child(3){height:60%;animation-delay:-.25s}.now-marquee{position:relative;overflow:hidden;max-width:100%;mask-image:linear-gradient(90deg,transparent 0,#000 12px,#000 calc(100% - 24px),transparent);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 12px,#000 calc(100% - 24px),transparent)}.now-marquee-track{display:inline-block;white-space:nowrap;font-size:12.5px;color:var(--text);font-weight:500;animation:marquee-slide 18s linear infinite;padding-left:12px}.now-marquee-track .dim{color:var(--text-3);font-weight:400}.now-marquee-track .gap{display:inline-block;padding:0 18px;color:var(--text-4)}@keyframes marquee-slide{0%{transform:translate(0)}to{transform:translate(-50%)}}.now-pop{position:absolute;bottom:calc(100% + 10px);left:0;right:0;background:var(--bg-2, #18181c);border:1px solid var(--border);border-radius:14px;padding:12px;display:flex;gap:12px;box-shadow:0 32px 64px -16px #000000a6,0 8px 16px #00000059;opacity:0;transform:translateY(6px);pointer-events:none;transition:opacity .2s ease,transform .22s cubic-bezier(.2,.7,.2,1);z-index:200}.now-inline.spotify:hover .now-pop,.now-inline.spotify:focus-within .now-pop{opacity:1;transform:translateY(0)}.now-pop-art{width:88px;height:88px;border-radius:10px;overflow:hidden;flex-shrink:0;border:1px solid var(--border-2);box-shadow:0 10px 24px -8px #00000059}.now-pop-art img{width:100%;height:100%;object-fit:cover;display:block}.now-pop-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.now-pop-tag{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:#1ed760}.now-pop-song{font-size:13.5px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}.now-pop-artist{font-size:12px;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.now-pop-album{font-size:11px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.now-pop-album em{font-family:var(--font-serif);font-style:italic;color:var(--text-2)}.now-pop-bar{height:3px;border-radius:999px;background:color-mix(in srgb,var(--text) 10%,transparent);overflow:hidden;margin-top:6px}.now-pop-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent),#1ed760);border-radius:999px;transition:width 1s linear}.now-pop-times{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:9.5px;color:var(--text-4)}.now-pop-cta{margin-top:8px;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#1ed760;color:#062c14;font-size:11px;font-weight:700;letter-spacing:.02em;text-decoration:none;align-self:flex-start;transition:transform .18s ease,filter .18s ease}.now-pop-cta:hover{transform:translateY(-1px);filter:brightness(1.05);color:#062c14}@media (max-width: 960px){.now-pop{display:none!important}.now-inline{max-width:100%;width:100%;min-width:0;overflow:hidden}.now-inline-row,.now-meta{min-width:0;max-width:100%}.now-marquee{max-width:100%;min-width:0}.now-marquee-track{font-size:12px}}.theme-toggle{position:relative;width:100%;height:38px;border-radius:10px;border:1px solid var(--border);background:color-mix(in srgb,var(--text) 2%,transparent);color:var(--text-2);display:inline-flex;align-items:center;justify-content:center;gap:9px;margin-top:12px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;overflow:hidden;transition:all .2s ease}.theme-toggle:hover{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 30%,transparent);background:color-mix(in srgb,var(--accent) 6%,transparent)}.theme-toggle .icon-wrap{position:relative;width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center}.theme-toggle .icon-sun,.theme-toggle .icon-moon{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;transition:transform .55s cubic-bezier(.65,.05,.36,1),opacity .35s ease}:root[data-theme=dark] .theme-toggle .icon-sun{transform:rotate(-180deg) scale(0);opacity:0}:root[data-theme=dark] .theme-toggle .icon-moon{transform:rotate(0) scale(1);opacity:1}:root[data-theme=light] .theme-toggle .icon-sun{transform:rotate(0) scale(1);opacity:1}:root[data-theme=light] .theme-toggle .icon-moon{transform:rotate(180deg) scale(0);opacity:0}:root[data-theme=dark] .theme-toggle .label-light{display:none}:root[data-theme=light] .theme-toggle .label-dark{display:none}.theme-mini{position:absolute;top:12px;right:12px;width:30px;height:30px;border-radius:50%;border:1px solid var(--border);background:color-mix(in srgb,var(--text) 4%,transparent);color:var(--text-2);display:inline-flex;align-items:center;justify-content:center;overflow:hidden;z-index:3;cursor:pointer;transition:transform .25s cubic-bezier(.2,.7,.2,1),color .2s ease,border-color .2s ease,background .2s ease,box-shadow .3s ease}.theme-mini:hover{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 45%,transparent);background:color-mix(in srgb,var(--accent) 10%,transparent);transform:rotate(-15deg) scale(1.05);box-shadow:0 6px 18px -8px color-mix(in srgb,var(--accent) 60%,transparent)}.theme-mini .icon-wrap{position:relative;width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center}.theme-mini .icon-sun,.theme-mini .icon-moon{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;transition:transform .55s cubic-bezier(.65,.05,.36,1),opacity .35s ease}:root[data-theme=dark] .theme-mini .icon-sun{transform:rotate(-180deg) scale(0);opacity:0}:root[data-theme=dark] .theme-mini .icon-moon{transform:rotate(0) scale(1);opacity:1}:root[data-theme=light] .theme-mini .icon-sun{transform:rotate(0) scale(1);opacity:1}:root[data-theme=light] .theme-mini .icon-moon{transform:rotate(180deg) scale(0);opacity:0}.theme-fab{position:fixed;top:14px;right:14px;width:40px;height:40px;border-radius:12px;background:var(--surface-2);border:1px solid var(--border-2);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:var(--text);display:none;align-items:center;justify-content:center;z-index:100;overflow:hidden;transition:all .2s ease}.theme-fab .icon-wrap{position:relative;width:16px;height:16px;display:flex;align-items:center;justify-content:center}.theme-fab .icon-sun,.theme-fab .icon-moon{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;transition:transform .55s cubic-bezier(.65,.05,.36,1),opacity .35s ease}:root[data-theme=dark] .theme-fab .icon-sun{transform:rotate(-180deg) scale(0);opacity:0}:root[data-theme=dark] .theme-fab .icon-moon{transform:rotate(0) scale(1);opacity:1}:root[data-theme=light] .theme-fab .icon-sun{transform:rotate(0) scale(1);opacity:1}:root[data-theme=light] .theme-fab .icon-moon{transform:rotate(180deg) scale(0);opacity:0}.theme-fab:hover{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 30%,transparent)}@media (max-width: 960px){.theme-fab{display:flex}}.mobile-nav{display:none;position:sticky;top:8px;z-index:50;margin:0 auto 14px;padding:5px;border-radius:999px;width:max-content;max-width:calc(100% - 48px);isolation:isolate;--gx: 50%;--gy: 0%;--g-opacity: 0;background:linear-gradient(180deg,color-mix(in srgb,var(--text) 9%,transparent),transparent 46%),color-mix(in srgb,var(--bg) 62%,transparent);border:1px solid color-mix(in srgb,var(--text) 12%,transparent);backdrop-filter:blur(26px) saturate(180%);-webkit-backdrop-filter:blur(26px) saturate(180%);box-shadow:inset 0 1px color-mix(in srgb,#fff 55%,transparent),inset 0 -8px 18px -10px color-mix(in srgb,var(--bg) 90%,transparent),0 10px 30px -12px #0000008c,0 0 0 1px color-mix(in srgb,var(--text) 4%,transparent);overflow:hidden}:root[data-theme=light] .mobile-nav{background:linear-gradient(180deg,#ffffffb3,#ffffff2e 48%),color-mix(in srgb,var(--bg-2) 55%,transparent);border-color:color-mix(in srgb,var(--text) 10%,transparent);box-shadow:inset 0 1px #ffffffe6,inset 0 -8px 16px -12px #09090b2e,0 12px 30px -14px #09090b38}.mobile-nav-sheen{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;z-index:0;overflow:hidden}.mobile-nav-sheen:before{content:"";position:absolute;top:-40%;bottom:-40%;left:-30%;width:32%;background:linear-gradient(100deg,transparent,color-mix(in srgb,#fff 38%,transparent),transparent);filter:blur(2px);transform:skew(-18deg);animation:nav-sheen 6.5s cubic-bezier(.5,0,.3,1) infinite}:root[data-theme=light] .mobile-nav-sheen:before{background:linear-gradient(100deg,transparent,rgba(255,255,255,.85),transparent)}@keyframes nav-sheen{0%{left:-30%;opacity:0}18%{opacity:1}42%{left:105%;opacity:0}to{left:105%;opacity:0}}.mobile-nav-glare{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;z-index:0;opacity:var(--g-opacity);transition:opacity .4s ease;background:radial-gradient(120px 80px at var(--gx) var(--gy),color-mix(in srgb,var(--accent) 30%,transparent),transparent 70%)}.mobile-nav-items{position:relative;z-index:1;display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-x;overscroll-behavior-x:contain}.mobile-nav-items::-webkit-scrollbar{display:none}.mobile-nav .nav-item{position:relative;padding:7px 15px;border-radius:999px;font-size:12.5px;font-weight:500;color:var(--text-3);white-space:nowrap;transition:color .25s ease}.mobile-nav .nav-item-label{position:relative;z-index:2}.mobile-nav .nav-item:hover{color:var(--text-2)}.mobile-nav .nav-item.active{color:var(--text)}.nav-glass-pill{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:999px;background:linear-gradient(180deg,color-mix(in srgb,#fff 30%,transparent),transparent 55%),color-mix(in srgb,var(--accent) 16%,transparent);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);box-shadow:inset 0 1px color-mix(in srgb,#fff 60%,transparent),0 4px 14px -6px color-mix(in srgb,var(--accent) 60%,transparent);overflow:hidden}:root[data-theme=light] .nav-glass-pill{background:linear-gradient(180deg,#ffffffd9,#ffffff40 55%),color-mix(in srgb,var(--accent) 14%,transparent);border-color:color-mix(in srgb,var(--accent) 28%,transparent)}.nav-glass-sheen{position:absolute;top:0;left:0;right:0;height:52%;border-radius:999px 999px 40% 40%/999px 999px 60% 60%;background:linear-gradient(180deg,color-mix(in srgb,#fff 55%,transparent),transparent);opacity:.7;pointer-events:none}@media (prefers-reduced-motion: reduce){.mobile-nav-sheen:before{animation:none;opacity:0}}@media (max-width: 960px){.mobile-nav{display:block}}section{scroll-margin-top:24px}.section-block{margin-bottom:56px}@media (max-width: 640px){.section-block{margin-bottom:40px}}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:16px;flex-wrap:wrap}.section-head-left{display:flex;align-items:center;gap:10px;min-width:0;flex-wrap:wrap}.section-tag{font-family:var(--font-mono);font-size:10.5px;font-weight:500;color:var(--accent);padding:3px 7px;border-radius:5px;background:color-mix(in srgb,var(--accent) 8%,transparent);border:1px solid color-mix(in srgb,var(--accent) 22%,transparent);letter-spacing:.04em;text-transform:uppercase}.section-title-2{font-size:19px;font-weight:600;letter-spacing:-.012em;color:var(--text)}.section-title-2 .ital{font-family:var(--font-serif);font-style:italic;font-weight:400;color:var(--accent);margin-left:2px}.section-view-all{font-size:12.5px;color:var(--text-3);display:inline-flex;align-items:center;gap:6px;transition:color .2s ease}.section-view-all:hover{color:var(--accent)}.section-sub{font-size:14px;color:var(--text-3);margin-bottom:22px;max-width:620px;line-height:1.65}.project-mobile-copy{display:none}@media (max-width: 640px){.project-desktop-copy{display:none}.project-mobile-copy{display:inline}}.intro-card{position:relative;padding:30px;border-radius:var(--r-2xl);background:var(--paper);border:1px solid var(--border-2);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);box-shadow:var(--glow);overflow:hidden}.intro-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(600px 280px at 95% -20%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 60%),radial-gradient(420px 220px at -10% 110%,color-mix(in srgb,var(--accent-2) 10%,transparent),transparent 60%);pointer-events:none}.intro-card:after{content:"";position:absolute;top:16px;right:18px;width:22px;height:22px;background-image:linear-gradient(to right,var(--accent) 0 12px,transparent 12px 100%),linear-gradient(to bottom,var(--accent) 0 12px,transparent 12px 100%);background-size:12px 1.5px,1.5px 12px;background-position:top right,top right;background-repeat:no-repeat;opacity:.45;pointer-events:none}.intro-top{display:flex;align-items:center;gap:10px;position:relative;z-index:1;margin-bottom:16px;flex-wrap:wrap}.intro-pill{display:inline-flex;align-items:center;gap:8px;padding:5px 11px 5px 9px;border-radius:999px;background:color-mix(in srgb,var(--accent-mint) 10%,transparent);border:1px solid color-mix(in srgb,var(--accent-mint) 25%,transparent);font-size:11.5px;font-weight:500;color:var(--accent-mint);font-family:var(--font-mono);letter-spacing:.02em}.intro-pill .dot{width:7px;height:7px;border-radius:50%;background:var(--accent-mint);box-shadow:0 0 8px var(--accent-mint);animation:pulse-dot 2s infinite}.intro-time{font-family:var(--font-mono);font-size:11px;color:var(--text-4);letter-spacing:.02em}.intro-title{position:relative;z-index:1;font-size:clamp(30px,5.4vw,46px);font-weight:500;letter-spacing:-.025em;line-height:1.08;color:var(--text);margin-bottom:14px}.intro-title .accent{font-family:var(--font-serif);font-style:italic;font-weight:400;color:var(--accent-cream)}.intro-title .underline{position:relative;display:inline-block}.intro-title .underline:after{content:"";position:absolute;left:2%;right:2%;bottom:-2px;height:6px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent-cream) 70%,transparent),transparent);filter:blur(2px)}.intro-lede{position:relative;z-index:1;font-size:15.5px;line-height:1.65;color:var(--text-2);max-width:560px}.intro-lede strong{color:var(--text);font-weight:600}.intro-list{position:relative;z-index:1;margin-top:18px;display:grid;gap:8px;list-style:none}.intro-list-item{display:flex;align-items:flex-start;gap:12px;font-size:14px;color:var(--text-2);line-height:1.55}.intro-list-item:before{content:"→";font-family:var(--font-mono);color:var(--accent-cream);font-size:12px;margin-top:3px;flex-shrink:0}.proj-link{position:relative;display:inline-flex;align-items:baseline;gap:3px;font-weight:600;color:var(--proj-color, var(--accent));text-decoration:none;background-image:linear-gradient(var(--proj-color, var(--accent)),var(--proj-color, var(--accent)));background-repeat:no-repeat;background-position:0 100%;background-size:100% 1.5px;padding-bottom:1px;transition:color .2s ease,background-size .25s ease;cursor:pointer}.proj-link:hover,.proj-link:focus-visible{color:var(--proj-color, var(--accent));background-size:100% 2.5px;outline:none}.proj-link--accent{--proj-color: var(--accent-cream)}.proj-link--gold{--proj-color: var(--accent-gold)}.proj-link-icon{font-size:.62em;opacity:0;transform:translate(-3px,1px);transition:opacity .2s ease,transform .25s cubic-bezier(.2,.7,.2,1)}.proj-link:hover .proj-link-icon,.proj-link:focus-visible .proj-link-icon{opacity:1;transform:translate(0)}.intro-cta-row{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:12px;font-size:13.5px;font-weight:600;background:var(--accent);color:var(--on-accent);border:1px solid color-mix(in srgb,var(--accent) 70%,white);box-shadow:0 6px 22px color-mix(in srgb,var(--accent) 35%,transparent),inset 0 1px #fff3;transition:all .2s ease}.btn-primary:hover{transform:translateY(-1px);background:color-mix(in srgb,var(--accent) 92%,white);box-shadow:0 12px 32px color-mix(in srgb,var(--accent) 45%,transparent),inset 0 1px #ffffff40}.btn-ghost{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:12px;font-size:13.5px;font-weight:500;background:color-mix(in srgb,var(--text) 2.5%,transparent);color:var(--text-2);border:1px solid var(--border-2);transition:all .2s ease}.btn-ghost:hover{background:color-mix(in srgb,var(--text) 6%,transparent);color:var(--text);border-color:var(--border-hover)}.hero-now{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.now-badge{display:inline-flex;align-items:center;gap:8px;padding:5px 12px 5px 5px;border-radius:999px;background:color-mix(in srgb,var(--text) 3%,transparent);border:1px solid var(--border-2);font-size:12px;color:var(--text-2);font-family:var(--font-sans);letter-spacing:-.005em;transition:border-color .2s ease,transform .2s ease,background .2s ease}.now-badge:hover{border-color:color-mix(in srgb,var(--accent) 40%,transparent);transform:translateY(-1px);background:color-mix(in srgb,var(--accent) 5%,transparent)}.now-badge-key{display:inline-flex;align-items:center;padding:3px 9px;border-radius:999px;background:var(--bg-3);color:var(--text-3);font-family:var(--font-mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;border:1px solid var(--border)}.now-badge .em{color:var(--text);font-weight:500;letter-spacing:-.005em}.now-badge .em strong{color:var(--accent-cream);font-weight:600}.now-badge i{color:var(--accent-cream);font-size:11px}.bento-wrap{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:150px;grid-auto-flow:dense;gap:12px}@media (max-width: 1100px){.bento-wrap{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 820px){.bento-wrap{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:145px}}@media (max-width: 480px){.bento-wrap{grid-template-columns:1fr;grid-auto-rows:200px;gap:10px}}@property --neon-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.bento-cell{position:relative;border-radius:var(--r-lg);background:var(--paper);border:1px solid var(--border);overflow:hidden;cursor:pointer;transition:border-color .45s ease,transform .6s cubic-bezier(.2,.8,.2,1),box-shadow .65s cubic-bezier(.2,.8,.2,1);isolation:isolate;display:flex;flex-direction:column}.bento-cell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1.4px;background:conic-gradient(from var(--neon-angle),transparent 0deg,var(--accent) 55deg,#22d3ee 110deg,#818cf8 175deg,var(--accent-rose, #fb7185) 240deg,var(--accent-gold, #fbbf24) 300deg,var(--accent) 345deg,transparent 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .7s cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:4}.bento-cell:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1.4px;background:conic-gradient(from var(--neon-angle),transparent 0deg,var(--accent) 55deg,#22d3ee 110deg,#818cf8 175deg,var(--accent-rose, #fb7185) 240deg,var(--accent-gold, #fbbf24) 300deg,var(--accent) 345deg,transparent 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;filter:blur(7px);transition:opacity .7s cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:3}.bento-cell:hover{border-color:transparent;transform:translateY(-3px);box-shadow:0 14px 34px color-mix(in srgb,var(--bg) 35%,black),0 0 16px color-mix(in srgb,var(--accent) 14%,transparent)}.bento-cell:hover:before{opacity:1;animation:bento-neon-spin 3.4s linear infinite}.bento-cell:hover:after{opacity:.7;animation:bento-neon-spin 3.4s linear infinite}@keyframes bento-neon-spin{to{--neon-angle: 360deg}}@media (prefers-reduced-motion: reduce){.bento-cell:hover:before,.bento-cell:hover:after{animation:none}}html[data-scrolling] .bento-wrap,html[data-scrolling] .jx-timeline{pointer-events:none}html[data-scrolling] .bento-cell:before,html[data-scrolling] .bento-cell:after{animation-play-state:paused}html[data-scrolling] .bg-mesh,html[data-scrolling] .bg-conic{animation-play-state:paused}.bento-cell.size-xl{grid-column:span 2;grid-row:span 2}.bento-cell.size-wide{grid-column:span 2;grid-row:span 1}.bento-cell.size-tall{grid-column:span 1;grid-row:span 2}.bento-cell.size-sm{grid-column:span 1;grid-row:span 1}@media (max-width: 820px){.bento-cell.size-xl{grid-column:span 2;grid-row:span 2}.bento-cell.size-wide{grid-column:span 2;grid-row:span 1}.bento-cell.size-tall{grid-column:span 1;grid-row:span 2}}@media (max-width: 560px){.bento-cell.size-xl{grid-column:span 2;grid-row:span 2}.bento-cell.size-wide,.bento-cell.size-tall,.bento-cell.size-sm{grid-column:span 1;grid-row:span 1}}@media (max-width: 480px){.bento-cell.size-xl,.bento-cell.size-wide,.bento-cell.size-tall,.bento-cell.size-sm{grid-column:span 1;grid-row:span 1}}.bento-shot{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:top center;transform:scale(1.02);transition:transform .6s cubic-bezier(.2,.8,.2,1),filter .4s ease;filter:brightness(.62) saturate(.9);z-index:0}.bento-cell:hover .bento-shot{transform:scale(1.06);filter:brightness(.88) saturate(1)}.bento-shot-layer{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:top center;transition:opacity .55s cubic-bezier(.4,0,.2,1);will-change:opacity}:root[data-theme=dark] .bento-shot-layer--light{opacity:0}:root[data-theme=dark] .bento-shot-layer--dark{opacity:1}:root[data-theme=light] .bento-shot-layer--light{opacity:1}:root[data-theme=light] .bento-shot-layer--dark{opacity:0}.bento-shot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000 30%,#0000008c 75%,#000000d9)}.bento-cell:has(.bento-shot) .bento-title,.bento-cell:has(.bento-shot) .bento-desc{color:#f4f4f5}.bento-cell:has(.bento-shot) .bento-role{color:#c4b5fd}.bento-cell:has(.bento-shot) .bento-host{color:#ffffffd9;background:#00000073;border-color:#ffffff1f}.bento-cell:has(.bento-shot) .bento-badge{color:#f4f4f5;background:#00000080;border-color:#ffffff1f}.bento-logo{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--accent) 8%,transparent),transparent 60%);z-index:0}.bento-logo img{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 8px 24px rgba(0,0,0,.4));transition:transform .4s cubic-bezier(.2,.8,.2,1)}.bento-cell.size-xl .bento-logo img{width:80px;height:80px}.bento-cell.size-wide .bento-logo img{width:60px;height:60px}.bento-cell:hover .bento-logo img{transform:scale(1.08)}.bento-content{position:relative;z-index:2;margin-top:auto;padding:14px;display:flex;flex-direction:column;gap:4px}.bento-cell.size-xl .bento-content{padding:18px}.bento-role{font-family:var(--font-mono);font-size:9.5px;color:var(--accent);text-transform:uppercase;letter-spacing:.1em;font-weight:500}.bento-title{font-size:15px;font-weight:600;color:var(--text);letter-spacing:-.01em}.bento-cell.size-xl .bento-title{font-size:22px}.bento-cell.size-wide .bento-title{font-size:17px}.bento-desc{font-size:12px;line-height:1.5;color:var(--text-2);opacity:0;max-height:0;overflow:hidden;transition:opacity .35s ease,max-height .35s ease,margin-top .35s ease}.bento-cell.size-xl .bento-desc,.bento-cell.size-wide .bento-desc{opacity:1;max-height:80px}.bento-cell:hover .bento-desc{opacity:1;max-height:80px;margin-top:2px}.bento-badge{position:absolute;top:10px;right:10px;z-index:3;display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;font-family:var(--font-mono);font-size:10px;font-weight:500;background:color-mix(in srgb,var(--bg) 70%,transparent);border:1px solid var(--border-2);color:var(--text-2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:.02em;text-transform:uppercase}.bento-badge .dot{width:6px;height:6px;border-radius:50%;background:var(--accent-mint);box-shadow:0 0 6px var(--accent-mint)}.bento-badge.alt .dot{background:var(--accent);box-shadow:0 0 6px var(--accent)}.bento-badge.alt{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 30%,transparent)}.bento-host{position:absolute;top:10px;left:12px;z-index:3;font-family:var(--font-mono);font-size:10px;color:var(--text-3);background:color-mix(in srgb,var(--bg) 60%,transparent);padding:3px 8px;border-radius:999px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);opacity:0;transform:translateY(-4px);transition:opacity .3s ease,transform .3s ease}.bento-cell:hover .bento-host{opacity:1;transform:translateY(0)}.bento-cell .arrow-out{position:absolute;bottom:14px;right:14px;z-index:3;width:32px;height:32px;border-radius:50%;background:var(--accent);color:var(--on-accent);display:flex;align-items:center;justify-content:center;font-size:12px;opacity:0;transform:translate(8px,8px);transition:opacity .3s ease,transform .3s ease}.bento-cell:hover .arrow-out{opacity:1;transform:translate(0)}.bento-center-text{pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;font-family:var(--font-serif);font-style:italic;font-size:clamp(48px,10vw,110px);font-weight:400;letter-spacing:-.04em;color:var(--text);mix-blend-mode:difference;opacity:.92;white-space:nowrap;text-shadow:0 4px 24px rgba(0,0,0,.3)}@media (max-width: 820px){.bento-center-text{display:none}}.bento-cell.fade-in{opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1);will-change:opacity,transform}.bento-cell.fade-in.visible{opacity:1;transform:translateY(0)}@media (max-width: 640px){#projects{scroll-margin-top:74px}#projects .section-head{gap:12px;align-items:flex-end}#projects .section-view-all{flex-shrink:0;min-height:34px;padding:0 10px;border:1px solid var(--border);border-radius:999px;background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.project-subcopy{margin-bottom:20px;max-width:32ch}.bento-wrap{display:block;grid-auto-rows:unset;counter-reset:project-card;padding:6px 0 34px 12px;perspective:none;transform-style:flat}.bento-cell,.bento-cell.size-xl,.bento-cell.size-wide,.bento-cell.size-tall,.bento-cell.size-sm{counter-increment:project-card;grid-column:auto;grid-row:auto;position:sticky;top:82px;min-height:clamp(390px,60svh,500px);width:100%;margin-bottom:104px;background:linear-gradient(145deg,#ffffff2e,#ffffff09 32%,#ffffff14),#10151b;opacity:1!important;border:1px solid rgba(255,255,255,.28);border-radius:20px;box-shadow:0 22px 52px -30px #000000d1,0 7px #ffffff0f,0 0 0 1px #ffffff14,inset 0 1px #ffffff57,inset 0 -1px #ffffff1a;transform-origin:50% 74%;transform:translateY(0) rotate(var(--stack-tilt, 0deg))}.bento-cell:nth-child(1){--stack-tilt: -1.05deg;z-index:1}.bento-cell:nth-child(2){--stack-tilt: .85deg;z-index:2}.bento-cell:nth-child(3){--stack-tilt: -.5deg;z-index:3}.bento-cell:nth-child(4){--stack-tilt: .6deg;z-index:4}.bento-cell:nth-child(5){--stack-tilt: -.85deg;z-index:5}.bento-cell:nth-child(6){--stack-tilt: .45deg;z-index:6}.bento-cell:nth-child(7){--stack-tilt: -.35deg;z-index:7}.bento-cell:nth-child(8){--stack-tilt: .75deg;z-index:8}.bento-cell:nth-child(9){--stack-tilt: -.6deg;z-index:9}.bento-cell:nth-child(10){--stack-tilt: .35deg;z-index:10}.bento-cell:nth-child(11){--stack-tilt: -.75deg;z-index:11}.bento-cell:nth-child(12){--stack-tilt: .55deg;z-index:12}.bento-cell:nth-child(13){--stack-tilt: -.25deg;z-index:13}.bento-cell:last-child{margin-bottom:18px}.bento-cell.fade-in,.bento-cell.fade-in.visible{opacity:1;transform:translateY(0) rotate(var(--stack-tilt, 0deg));transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}.bento-cell:hover{transform:translateY(0) rotate(var(--stack-tilt, 0deg));box-shadow:0 22px 52px -30px #000000d1,0 7px #ffffff0f,0 0 0 1px #ffffff14,inset 0 1px #ffffff57,inset 0 -1px #ffffff1a}.bento-cell:active{transform:scale(.985) rotate(0);border-color:color-mix(in srgb,var(--accent) 42%,transparent)}.bento-cell:before{content:counter(project-card,decimal-leading-zero);position:absolute;top:14px;left:14px;z-index:6;width:32px;height:32px;display:grid;place-items:center;border-radius:999px;border:1px solid rgba(255,255,255,.26);background:#10151b9e;color:#f4f4f5;font-family:var(--font-mono);font-size:10px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 1px #ffffff3d,0 8px 20px #00000038}.bento-cell:after{content:"next card below";position:absolute;left:18px;bottom:16px;z-index:3;color:#f4f4f594;font-family:var(--font-mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;opacity:1;transition:opacity .24s ease}.bento-cell:not(:last-child):after{padding-right:22px;background:linear-gradient(90deg,currentColor 0 8px,transparent 8px 13px,currentColor 13px 21px);background-repeat:no-repeat;background-position:right 50%;background-size:21px 1px}.bento-cell:last-child:after{content:"end of run"}.bento-cell .bento-content:before{content:"";position:absolute;left:18px;right:68px;bottom:11px;height:1px;z-index:2;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);opacity:.38}.bento-shot{top:0;right:0;bottom:34%;left:0;border-radius:19px 19px 0 0;background-position:top center;transform:scale(1.012);filter:brightness(.96) saturate(1.08) contrast(.98);opacity:1;z-index:1}.bento-cell:hover .bento-shot{transform:scale(1.012);filter:brightness(.96) saturate(1.08) contrast(.98)}.bento-shot:after{background:linear-gradient(180deg,#090d1205,#090d120d 56%,#090d124d),radial-gradient(circle at 18% 12%,rgba(255,255,255,.18),transparent 34%)}.bento-logo{top:0;right:0;bottom:34%;left:0;border-radius:19px 19px 0 0;background:radial-gradient(circle at 50% 36%,color-mix(in srgb,var(--accent) 24%,transparent),transparent 54%),linear-gradient(145deg,color-mix(in srgb,var(--paper) 92%,black),color-mix(in srgb,var(--bg) 82%,black));z-index:1}.bento-logo img,.bento-cell.size-xl .bento-logo img,.bento-cell.size-wide .bento-logo img{width:82px;height:82px}.bento-content,.bento-cell.size-xl .bento-content{z-index:4;padding:18px 18px 54px;gap:7px;border-top:1px solid rgba(255,255,255,.16);background:radial-gradient(circle at 14% 0%,rgba(45,212,191,.16),transparent 34%),linear-gradient(135deg,#1f2a38fa,#0c121afc 56%,#0a1017);box-shadow:0 -18px 32px -28px #000000b8,inset 0 1px #ffffff1f;opacity:1;transform:translateY(0);transition:opacity .28s ease,transform .28s ease}.bento-cell .bento-content:after{content:"";position:absolute;left:18px;bottom:44px;width:38px;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--accent-mint),var(--accent));box-shadow:0 0 18px color-mix(in srgb,var(--accent-mint) 40%,transparent)}.bento-role{font-size:10px;color:#a7f3d0}.bento-title,.bento-cell.size-xl .bento-title,.bento-cell.size-wide .bento-title{font-size:clamp(23px,7.6vw,32px);line-height:1.02;color:#f4f4f5;letter-spacing:0}.bento-desc,.bento-cell.size-xl .bento-desc,.bento-cell.size-wide .bento-desc,.bento-cell:hover .bento-desc{opacity:1;max-height:none;margin-top:2px;color:#f4f4f5db;font-size:13px;line-height:1.55}.bento-host{z-index:5;top:14px;left:54px;max-width:calc(100% - 164px);opacity:1;transform:none;color:#ffffffdb;background:#10151b94;border-color:#ffffff3d;box-shadow:inset 0 1px #ffffff2e,0 8px 22px #0000002e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bento-badge{z-index:5;top:14px;right:14px;color:#f4f4f5;background:#10151ba3;border-color:#ffffff3d;box-shadow:inset 0 1px #ffffff2e,0 8px 22px #0000002e}.bento-cell .arrow-out{z-index:5;opacity:1;transform:none;bottom:18px;right:18px;width:38px;height:38px;border:1px solid color-mix(in srgb,var(--on-accent) 22%,transparent);box-shadow:0 14px 28px -16px var(--accent),inset 0 1px #ffffff57}}@supports (animation-timeline: view()){@media (max-width: 640px){.bento-cell{animation:mobile-project-rise both ease-out;animation-timeline:view();animation-range:entry 0% cover 22%}}}@keyframes mobile-project-rise{0%{opacity:1;transform:translateY(28px) scale(.96) rotate(var(--stack-tilt, 0deg));filter:saturate(.82)}to{opacity:1;transform:translateY(0) scale(1) rotate(var(--stack-tilt, 0deg));filter:saturate(1)}}@keyframes mobile-stack-pulse{0%,to{transform:scale(.92);opacity:.68}50%{transform:scale(1.08);opacity:1}}.timeline{position:relative;padding-left:28px}.timeline:before{content:"";position:absolute;left:9px;top:8px;bottom:8px;width:1px;background:linear-gradient(180deg,var(--border-hover) 0%,var(--border) 50%,transparent 100%)}.timeline-item{position:relative;padding:0 0 26px 24px}.timeline-item:last-child{padding-bottom:0}.timeline-item:before{content:"";position:absolute;left:-19px;top:8px;width:9px;height:9px;border-radius:50%;background:var(--bg);border:2px solid var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 10%,transparent);z-index:2}.timeline-item.current:before{background:var(--accent);animation:pulse-ring 2.4s ease-out infinite}@keyframes pulse-ring{0%{box-shadow:0 0 color-mix(in srgb,var(--accent) 45%,transparent)}to{box-shadow:0 0 0 14px color-mix(in srgb,var(--accent) 0%,transparent)}}.tl-date{font-family:var(--font-mono);font-size:10.5px;color:var(--text-4);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}.tl-card{padding:14px 18px;border-radius:var(--r-md);background:var(--paper);border:1px solid var(--border);transition:border-color .25s ease,transform .25s ease}.tl-card:hover{border-color:var(--border-hover);transform:translate(2px)}.tl-head{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-bottom:4px}.tl-name{font-size:14.5px;font-weight:600;color:var(--text)}.tl-role{font-size:12.5px;color:var(--text-3);font-family:var(--font-mono)}.tl-role:before{content:"· ";opacity:.5}.tl-desc{font-size:13px;color:var(--text-2);line-height:1.55}.jx-intro{font-size:14.5px;line-height:1.7;color:var(--text-2);max-width:640px;margin:-4px 0 28px}.jx-timeline{list-style:none;padding:0;margin:0;position:relative}.jx-timeline:before{content:"";position:absolute;left:19px;top:8px;bottom:8px;width:2px;background:linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--accent) 35%,transparent) 8%,var(--border-2) 50%,color-mix(in srgb,var(--accent-cream, var(--accent)) 30%,transparent) 92%,transparent 100%);border-radius:2px}.jx-item{position:relative;display:grid;grid-template-columns:40px 1fr;gap:18px;padding:0 0 26px}.jx-item:last-child{padding-bottom:0}.jx-node{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center;margin-top:4px;z-index:2}.jx-node-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--bg-2);border:1.5px solid var(--border-2);color:var(--text-2);font-size:14px;transition:color .3s ease,border-color .3s ease,background .3s ease,transform .4s cubic-bezier(.2,.7,.2,1)}.jx-node-ring{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:1px solid transparent;pointer-events:none;transition:border-color .4s ease,transform .4s ease}.jx-item:hover .jx-node-icon{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 50%,transparent);background:color-mix(in srgb,var(--accent) 8%,var(--bg-2));transform:scale(1.05)}.jx-item:hover .jx-node-ring{border-color:color-mix(in srgb,var(--accent) 20%,transparent)}.jx-item.is-current .jx-node-icon{color:var(--accent);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,var(--bg-2));box-shadow:0 0 color-mix(in srgb,var(--accent) 35%,transparent);animation:jx-pulse 2.6s ease-out infinite}@keyframes jx-pulse{0%{box-shadow:0 0 color-mix(in srgb,var(--accent) 45%,transparent)}to{box-shadow:0 0 0 16px color-mix(in srgb,var(--accent) 0%,transparent)}}.jx-item.is-future .jx-node-icon{color:var(--accent-gold);border-color:color-mix(in srgb,var(--accent-gold) 55%,transparent);background:color-mix(in srgb,var(--accent-gold) 10%,var(--bg-2))}.jx-card{position:relative;padding:16px 20px 18px;border-radius:14px;background:var(--paper);border:1px solid var(--border);transition:border-color .3s ease,transform .3s ease,box-shadow .3s ease}.jx-card:before{content:"";position:absolute;left:-10px;top:22px;width:10px;height:1px;background:var(--border-2)}.jx-card:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:0 18px 36px -22px #0000008c}.jx-item.is-current .jx-card{border-color:color-mix(in srgb,var(--accent) 35%,var(--border));box-shadow:0 18px 40px -22px color-mix(in srgb,var(--accent) 45%,transparent)}.jx-item.is-future .jx-card{border-color:color-mix(in srgb,var(--accent-gold) 35%,var(--border));background:linear-gradient(180deg,color-mix(in srgb,var(--accent-gold) 6%,transparent),transparent 60%),var(--paper)}.jx-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.jx-chapter{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-4)}.jx-chapter-num{padding:2px 6px;border-radius:4px;background:color-mix(in srgb,var(--text) 6%,transparent);border:1px solid var(--border);color:var(--text-3)}.jx-chapter-stage{color:var(--text-3)}.jx-item.is-current .jx-chapter-num,.jx-item.is-current .jx-chapter-stage{color:var(--accent)}.jx-item.is-future .jx-chapter-num,.jx-item.is-future .jx-chapter-stage{color:var(--accent-gold)}.jx-year{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);padding:3px 8px;border-radius:999px;background:color-mix(in srgb,var(--text) 5%,transparent);border:1px solid var(--border);white-space:nowrap}.jx-item.is-current .jx-year{color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);border-color:color-mix(in srgb,var(--accent) 35%,transparent)}.jx-item.is-future .jx-year{color:var(--accent-gold);background:color-mix(in srgb,var(--accent-gold) 12%,transparent);border-color:color-mix(in srgb,var(--accent-gold) 40%,transparent)}.jx-title{font-size:16.5px;font-weight:600;letter-spacing:-.015em;color:var(--text);margin:0 0 6px;line-height:1.25}.jx-desc{font-size:13.5px;line-height:1.65;color:var(--text-2);margin:0}.jx-em{font-family:var(--font-serif);font-style:italic;font-weight:500;font-size:1.06em;color:var(--text);letter-spacing:-.005em;background-image:linear-gradient(90deg,color-mix(in srgb,var(--accent) 55%,transparent),color-mix(in srgb,var(--accent-2) 55%,transparent));background-repeat:no-repeat;background-size:100% 1px;background-position:0 100%;padding-bottom:1px;transition:background-size .5s cubic-bezier(.65,.05,.36,1),color .3s ease}.jx-card:hover .jx-em{background-size:100% 2px;color:color-mix(in srgb,var(--accent) 80%,var(--text))}.jx-item.is-future .jx-em{background-image:linear-gradient(90deg,color-mix(in srgb,var(--accent-gold) 65%,transparent),color-mix(in srgb,var(--accent-cream) 65%,transparent))}.jx-item.is-future .jx-card:hover .jx-em{color:color-mix(in srgb,var(--accent-gold) 75%,var(--text))}@media (max-width: 640px){.jx-item{grid-template-columns:34px 1fr;gap:14px}.jx-timeline:before{left:16px}.jx-node,.jx-node-icon{width:34px;height:34px;font-size:12.5px}.jx-card{padding:14px 16px 16px}.jx-title{font-size:15.5px}.jx-desc{font-size:13px}}.gh-wall{--p-tl: 0;--p-tr: 0;--p-bl: 0;--p-br: 0;position:relative;display:grid;grid-template-columns:220px 1fr;gap:18px;background:#0a0a0a;border:1px solid #1f1f1f;border-radius:var(--r-lg);padding:18px;overflow:hidden;color:#e6e6e6;transition:border-color .3s ease}.gh-wall:hover{border-color:#2a2a2a}.gh-corner{position:absolute;width:26px;height:26px;pointer-events:none;z-index:2;opacity:0;transition:opacity .18s ease}.gh-corner:before,.gh-corner:after{content:"";position:absolute;background:#39d353;box-shadow:0 0 8px #39d353a6;border-radius:2px}.gh-corner:before{top:0;left:0;width:18px;height:2px}.gh-corner:after{top:0;left:0;width:2px;height:18px}.gh-corner--tl{top:6px;left:6px;opacity:var(--p-tl)}.gh-corner--tr{top:6px;right:6px;opacity:var(--p-tr);transform:scaleX(-1)}.gh-corner--bl{bottom:6px;left:6px;opacity:var(--p-bl);transform:scaleY(-1)}.gh-corner--br{bottom:6px;right:6px;opacity:var(--p-br);transform:scale(-1)}.gh-total{position:relative;z-index:3;background:#000;border:1px solid #1c1c1c;border-radius:14px;padding:18px 16px 16px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;isolation:isolate}.gh-total-vibe{width:52px;height:52px;border-radius:50%;overflow:hidden;margin-bottom:6px;border:2px solid rgba(57,211,83,.55);box-shadow:0 0 0 4px #39d3531f,0 0 18px -4px #39d3538c;background:#000}.gh-total-vibe img{width:100%;height:100%;object-fit:cover;display:block}.gh-total-num{font-size:38px;font-weight:800;line-height:1;color:#39d353;letter-spacing:-.02em;text-shadow:0 0 22px rgba(57,211,83,.35);font-feature-settings:"tnum" 1}.gh-total-label{font-size:13px;font-weight:600;color:#39d353;letter-spacing:.02em}.gh-total-range{font-family:var(--font-mono, ui-monospace, monospace);font-size:11.5px;color:#c9c9c9;margin-top:2px}.gh-total-handle{margin-top:8px;font-family:var(--font-mono, ui-monospace, monospace);font-size:11.5px;color:#c9c9c9;text-decoration:none;display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border:1px solid #1f1f1f;border-radius:999px;transition:border-color .14s ease,color .14s ease,background .14s ease}.gh-total-handle:hover{color:#fff;border-color:#39d3538c;background:#39d35314}.gh-total-handle i{color:#39d353;font-size:12px}.gh-live{display:inline-flex;align-items:center;gap:4px;margin-left:4px;padding:1px 7px 1px 6px;border-radius:999px;background:#39d35324;color:#39d353;font-size:9.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.gh-live-dot{width:5px;height:5px;border-radius:50%;background:#39d353;animation:gh-live-pulse 1.6s ease-out infinite}@keyframes gh-live-pulse{0%{box-shadow:0 0 #39d353b3}70%{box-shadow:0 0 0 6px #39d35300}to{box-shadow:0 0 #39d35300}}.gh-wall-graph{position:relative;z-index:3;min-width:0;display:flex;align-items:stretch;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#2a2a2a transparent}.gh-wall-graph::-webkit-scrollbar{height:8px}.gh-wall-graph::-webkit-scrollbar-track{background:transparent}.gh-wall-graph::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:999px}.gh-grid{display:grid;gap:3px;flex:1 1 auto;min-width:max-content}.gh-col{display:grid;grid-template-rows:repeat(7,1fr);gap:3px}.gh-cell{width:12px;height:12px;border-radius:2.5px;background:transparent;border:0;transition:transform .14s cubic-bezier(.2,.8,.2,1),filter .14s ease,box-shadow .14s ease;cursor:crosshair}.gh-cell:hover{transform:scale(1.6);z-index:4;filter:brightness(1.2);box-shadow:0 0 8px #39d3538c}.gh-cell.is-empty,.gh-cell.lvl-0{background:transparent;pointer-events:none}.gh-cell.lvl-1{background:#0e4429}.gh-cell.lvl-2{background:#006d32}.gh-cell.lvl-3{background:#26a641}.gh-cell.lvl-4{background:#39d353;box-shadow:0 0 6px #39d3538c}.gh-error{font-size:13px;color:#c9c9c9;text-align:center;padding:30px 10px;flex:1 1 auto}.gh-tooltip{position:fixed;z-index:9999;pointer-events:none;transform:translate(-50%,calc(-100% - 12px));background:#0a0a0af5;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(57,211,83,.4);box-shadow:0 10px 30px -10px #000000a6,0 0 0 1px #39d3531f,0 0 18px -4px #39d35359;border-radius:10px;padding:8px 12px;font-family:var(--font-mono, ui-monospace, monospace);color:#fff;white-space:nowrap;animation:gh-tip-in .14s cubic-bezier(.2,.8,.2,1)}.gh-tooltip:after{content:"";position:absolute;left:50%;bottom:-5px;width:8px;height:8px;background:#0a0a0af5;border-right:1px solid rgba(57,211,83,.4);border-bottom:1px solid rgba(57,211,83,.4);transform:translate(-50%) rotate(45deg)}.gh-tooltip-count{font-size:12.5px}.gh-tooltip-count strong{color:#39d353;font-weight:700;margin-right:2px}.gh-tooltip-date{font-size:10.5px;color:#c9c9c9;margin-top:2px}@keyframes gh-tip-in{0%{opacity:0;transform:translate(-50%,calc(-100% - 6px)) scale(.95)}to{opacity:1;transform:translate(-50%,calc(-100% - 12px)) scale(1)}}@media (max-width: 860px){.gh-wall{grid-template-columns:1fr}.gh-total{flex-direction:row;flex-wrap:wrap;text-align:left;align-items:center;gap:12px}.gh-total-vibe{margin-bottom:0}.gh-total-num{font-size:30px}}@media (max-width: 640px){.gh-wall{padding:14px}.gh-cell{width:10px;height:10px}}.marquee-wrap{position:relative;overflow:hidden;border-radius:var(--r-lg);padding:16px 0;background:var(--paper);border:1px solid var(--border);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.marquee-track{display:flex;gap:36px;width:max-content;animation:marquee 32s linear infinite}.marquee-wrap:hover .marquee-track{animation-play-state:paused}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (max-width: 640px){.marquee-track{gap:26px;animation-duration:40s}}.marquee-item{display:inline-flex;align-items:center;gap:9px;font-size:13px;font-weight:500;color:var(--text-3);white-space:nowrap;transition:color .2s ease}.marquee-item:hover{color:var(--text)}.marquee-item .ico{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;filter:grayscale(1) brightness(1.3);opacity:.85;transition:filter .2s ease,opacity .2s ease}.marquee-item:hover .ico{filter:none;opacity:1}.marquee-item .ico img{width:100%;height:100%;object-fit:contain}:root[data-theme=light] .marquee-item .ico{filter:grayscale(1) brightness(.4) contrast(1.2)}:root[data-theme=light] .marquee-item:hover .ico{filter:none}.tech-grid-2{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:8px;margin-top:12px}.tech-chip{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 8px;border-radius:var(--r-md);background:var(--paper);border:1px solid var(--border);transition:all .2s ease}.tech-chip:hover{border-color:color-mix(in srgb,var(--accent) 25%,transparent);background:var(--surface-hover);transform:translateY(-2px)}.tech-chip .ico{width:26px;height:26px;display:flex;align-items:center;justify-content:center;filter:grayscale(1) brightness(1.25);opacity:.8;transition:all .2s ease}.tech-chip:hover .ico{filter:none;opacity:1;transform:scale(1.06)}.tech-chip .ico img{width:100%;height:100%;object-fit:contain}.tech-chip .name{font-size:10.5px;font-weight:500;color:var(--text-3);letter-spacing:.01em}.tech-chip:hover .name{color:var(--text-2)}:root[data-theme=light] .tech-chip .ico{filter:grayscale(1) brightness(.4) contrast(1.2)}:root[data-theme=light] .tech-chip:hover .ico{filter:none}.contact-card{padding:26px;border-radius:var(--r-xl);background:var(--paper);border:1px solid var(--border-2);position:relative;overflow:hidden}.contact-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(700px 240px at 100% 0%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 60%);pointer-events:none}.contact-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:28px;align-items:center;position:relative;z-index:1}@media (max-width: 720px){.contact-grid{grid-template-columns:1fr;gap:22px}}.contact-h{font-size:clamp(22px,3.6vw,30px);font-weight:500;letter-spacing:-.02em;color:var(--text);margin-bottom:10px;line-height:1.15}.contact-h .accent{font-family:var(--font-serif);font-style:italic;font-weight:400;color:var(--accent)}.contact-p{font-size:14px;color:var(--text-2);line-height:1.65;margin-bottom:18px;max-width:440px}.contact-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:stretch}.reach-cta{position:relative;isolation:isolate;display:inline-flex;align-items:center;gap:14px;padding:12px 16px 12px 12px;border-radius:14px;text-decoration:none;background:linear-gradient(180deg,color-mix(in srgb,var(--text) 96%,transparent),color-mix(in srgb,var(--text) 88%,transparent));color:var(--bg);border:1px solid color-mix(in srgb,var(--text) 100%,transparent);box-shadow:0 1px color-mix(in srgb,var(--bg) 18%,transparent) inset,0 10px 28px -14px color-mix(in srgb,var(--text) 70%,transparent),0 2px 6px #0000002e;overflow:hidden;transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .3s ease,gap .25s ease;cursor:pointer}.reach-cta:hover,.reach-cta:focus-visible{transform:translateY(-2px);gap:18px;box-shadow:0 1px color-mix(in srgb,var(--bg) 25%,transparent) inset,0 18px 40px -16px color-mix(in srgb,var(--text) 80%,transparent),0 4px 10px #00000038;outline:none}.reach-cta-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:color-mix(in srgb,var(--bg) 18%,transparent);border:1px solid color-mix(in srgb,var(--bg) 26%,transparent);color:var(--bg);font-size:14px;flex-shrink:0;transition:transform .4s cubic-bezier(.2,.7,.2,1),background .3s ease}.reach-cta:hover .reach-cta-icon{transform:rotate(-12deg) scale(1.05);background:color-mix(in srgb,var(--bg) 28%,transparent)}.reach-cta-text{display:flex;flex-direction:column;align-items:flex-start;line-height:1.1;text-align:left}.reach-cta-title{font-size:15px;font-weight:600;letter-spacing:-.01em;color:var(--bg)}.reach-cta-sub{margin-top:3px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.04em;color:color-mix(in srgb,var(--bg) 65%,transparent)}.reach-cta-arrow{display:inline-flex;align-items:center;justify-content:center;width:20px;font-size:12px;color:color-mix(in srgb,var(--bg) 85%,transparent);transform:translate(-4px);opacity:.6;transition:transform .3s cubic-bezier(.2,.7,.2,1),opacity .25s ease}.reach-cta:hover .reach-cta-arrow{transform:translate(2px);opacity:1}.reach-cta-shine{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(120deg,transparent 0%,transparent 38%,color-mix(in srgb,var(--bg) 30%,transparent) 50%,transparent 62%,transparent 100%);transform:translate(-110%);transition:transform .7s cubic-bezier(.2,.7,.2,1);z-index:1}.reach-cta:hover .reach-cta-shine{transform:translate(110%)}.reach-cta>*:not(.reach-cta-shine){position:relative;z-index:2}.avail-mini{padding:16px;border-radius:14px;background:color-mix(in srgb,var(--bg) 35%,transparent);border:1px solid var(--border)}.avail-mini-title{font-family:var(--font-mono);font-size:10.5px;color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px;display:flex;align-items:center;justify-content:space-between}.avail-mini-title .tz{color:var(--accent)}.avail-grid-2{display:grid;grid-template-columns:22px repeat(7,1fr);gap:6px;align-items:center}.avail-h{font-size:10px;color:var(--text-4);text-align:center;font-family:var(--font-mono)}.avail-t{font-size:13px;text-align:center;color:var(--text-3)}.avail-dot-2{width:100%;aspect-ratio:1;max-width:28px;margin:0 auto;border-radius:6px;background:color-mix(in srgb,var(--text) 4%,transparent);border:1px solid var(--border)}.avail-dot-2.on{background:linear-gradient(135deg,var(--accent-mint),color-mix(in srgb,var(--accent-mint) 70%,black));border-color:color-mix(in srgb,var(--accent-mint) 50%,transparent);box-shadow:0 0 12px color-mix(in srgb,var(--accent-mint) 35%,transparent),inset 0 1px #fff3}.avail-legend{display:flex;gap:14px;margin-top:12px;font-size:10.5px;color:var(--text-3);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em}.avail-legend .sw{display:inline-flex;align-items:center;gap:6px}.avail-legend .sq{width:10px;height:10px;border-radius:3px}.avail-legend .sq.on{background:var(--accent-mint)}.avail-legend .sq.off{background:color-mix(in srgb,var(--text) 6%,transparent);border:1px solid var(--border-2)}.playground-section{margin-bottom:56px}.playground-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.widget-box,.canvas-box,.notes-box,.editable-box,.slider-widget,.counter-widget{padding:16px;border-radius:var(--r-lg);background:var(--paper);border:1px solid var(--border);transition:border-color .2s ease}.widget-box:hover,.canvas-box:hover,.notes-box:hover,.editable-box:hover,.slider-widget:hover,.counter-widget:hover{border-color:var(--border-hover)}.canvas-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.canvas-title{font-size:13px;font-weight:600;color:var(--text);display:flex;align-items:center;gap:8px}.canvas-title i{color:var(--accent)}.canvas-tools{display:flex;gap:6px}.canvas-tool{width:26px;height:26px;border-radius:6px;border:1px solid var(--border);background:color-mix(in srgb,var(--text) 2%,transparent);color:var(--text-3);font-size:11px;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.canvas-tool:hover,.canvas-tool.active{background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);border-color:color-mix(in srgb,var(--accent) 30%,transparent)}.drawing-canvas{width:100%;height:180px;border-radius:10px;background:color-mix(in srgb,var(--bg) 40%,transparent);border:1px dashed var(--border-2);cursor:crosshair;display:block}.shapes-area{width:100%;height:180px;border-radius:10px;background:color-mix(in srgb,var(--bg) 40%,transparent);border:1px dashed var(--border-2);position:relative;overflow:hidden}.draggable-shape{position:absolute;cursor:grab;transition:box-shadow .2s ease;-webkit-user-select:none;user-select:none}.draggable-shape:active{cursor:grabbing}.draggable-shape:hover{box-shadow:0 0 22px color-mix(in srgb,var(--accent) 45%,transparent)}.shape-circle{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-2))}.shape-square{width:42px;height:42px;border-radius:8px;background:linear-gradient(135deg,var(--accent-rose),var(--accent))}.shape-triangle{width:0;height:0;border-left:22px solid transparent;border-right:22px solid transparent;border-bottom:40px solid var(--accent-mint)}.notes-textarea{width:100%;height:140px;padding:14px;border-radius:10px;background:color-mix(in srgb,var(--bg) 40%,transparent);border:1px solid var(--border);color:var(--text);font-family:var(--font-sans);font-size:13.5px;line-height:1.6;resize:none;outline:none;transition:border-color .2s ease}.notes-textarea:focus{border-color:var(--accent)}.notes-textarea::placeholder{color:var(--text-4)}.color-picker{display:flex;gap:6px;margin-top:10px}.color-option{width:22px;height:22px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:all .2s ease}.color-option:hover,.color-option.active{transform:scale(1.15);border-color:var(--text)}.editable-content{padding:14px;border-radius:10px;background:color-mix(in srgb,var(--bg) 40%,transparent);border:1px solid var(--border);min-height:110px;color:var(--text);font-size:13.5px;line-height:1.6;outline:none;transition:border-color .2s ease}.editable-content:focus{border-color:var(--accent)}.editable-content:empty:before{content:"Click and type — your scratchpad.";color:var(--text-4)}.slider-display{text-align:center;padding:18px;border-radius:10px;background:color-mix(in srgb,var(--bg) 40%,transparent);margin-bottom:14px}.slider-value{font-family:var(--font-serif);font-style:italic;font-size:48px;font-weight:400;color:var(--accent)}.slider-label{font-size:10.5px;color:var(--text-4);margin-top:4px;text-transform:uppercase;letter-spacing:.1em;font-family:var(--font-mono)}.custom-slider{width:100%;height:6px;border-radius:4px;background:color-mix(in srgb,var(--text) 8%,transparent);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.custom-slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-2));cursor:pointer;box-shadow:0 2px 8px color-mix(in srgb,var(--accent) 50%,transparent);border:none}.custom-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-2));cursor:pointer;box-shadow:0 2px 8px color-mix(in srgb,var(--accent) 50%,transparent);border:none}.counter-widget{text-align:center}.counter-display{font-family:var(--font-serif);font-style:italic;font-size:56px;font-weight:400;color:var(--accent);margin:12px 0}.counter-buttons{display:flex;justify-content:center;gap:10px}.counter-btn{width:42px;height:42px;border-radius:10px;border:1px solid var(--border-2);background:color-mix(in srgb,var(--text) 3%,transparent);color:var(--text);font-size:18px;transition:all .2s ease}.counter-btn:hover{background:color-mix(in srgb,var(--accent) 10%,transparent);border-color:color-mix(in srgb,var(--accent) 30%,transparent);transform:scale(1.04)}.counter-btn:active{transform:scale(.95)}.confetti-content{display:flex;flex-direction:column;align-items:center;padding:16px 0}.party-btn{width:110px;height:110px;border-radius:50%;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-2) 60%,var(--accent-rose) 100%);border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 12px 36px color-mix(in srgb,var(--accent) 35%,transparent)}.party-btn:hover{transform:scale(1.08);box-shadow:0 16px 44px color-mix(in srgb,var(--accent) 50%,transparent)}.party-btn:active{transform:scale(.95)}.party-emoji{font-size:36px;margin-bottom:2px}.party-text{font-size:11px;font-weight:700;color:var(--on-accent);letter-spacing:.05em;text-transform:uppercase}.party-count{margin-top:14px;font-size:13px;color:var(--text-3)}.party-count strong{color:var(--accent);font-family:var(--font-mono)}.slot-widget .win-counter{font-size:11px;color:var(--accent-mint);font-weight:600;font-family:var(--font-mono)}.slot-display{display:flex;justify-content:center;gap:8px;padding:14px;background:color-mix(in srgb,var(--bg) 40%,transparent);border-radius:12px;margin:14px 0;border:1px solid var(--border)}.slot-item{width:54px;height:64px;background:linear-gradient(180deg,color-mix(in srgb,var(--text) 5%,transparent),color-mix(in srgb,var(--text) 2%,transparent));border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:32px;border:1px solid var(--border-2)}.slot-item.spinning{animation:slotSpin .1s linear infinite}@keyframes slotSpin{0%{transform:translateY(-2px)}50%{transform:translateY(2px)}to{transform:translateY(-2px)}}.spin-btn{width:100%;padding:12px;border-radius:10px;border:none;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:var(--on-accent);font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:all .3s ease}.spin-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 22px color-mix(in srgb,var(--accent) 30%,transparent)}.spin-btn:disabled{opacity:.6;cursor:not-allowed}.typing-widget{min-height:180px}.typing-idle,.typing-result{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:16px 0}.typing-desc{color:var(--text-3);font-size:13px;text-align:center}.typing-start-btn{padding:11px 24px;border-radius:10px;border:none;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:var(--on-accent);font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:all .3s ease}.typing-start-btn:hover{transform:scale(1.04);box-shadow:0 8px 20px color-mix(in srgb,var(--accent) 35%,transparent)}.typing-active{padding:12px 0}.typing-text{padding:14px;border-radius:10px;background:color-mix(in srgb,var(--bg) 40%,transparent);margin-bottom:10px;font-size:14px;line-height:1.6;letter-spacing:.3px;font-family:var(--font-mono);-webkit-user-select:none;user-select:none;cursor:default;border:1px solid var(--border)}.typing-text .char{transition:color .1s ease}.typing-text .char.pending{color:var(--text-3)}.typing-text .char.correct{color:var(--accent-mint)}.typing-text .char.incorrect{color:var(--accent-rose);background:color-mix(in srgb,var(--accent-rose) 15%,transparent);border-radius:2px}.typing-input{width:100%;padding:12px 14px;border-radius:10px;border:1px solid var(--border);background:color-mix(in srgb,var(--bg) 40%,transparent);color:var(--text);font-size:13.5px;font-family:var(--font-mono);transition:border-color .3s ease}.typing-input:focus{outline:none;border-color:var(--accent)}.typing-input::placeholder{color:var(--text-4)}.wpm-display{display:flex;flex-direction:column;align-items:center;gap:4px}.wpm-value{font-family:var(--font-serif);font-style:italic;font-size:44px;font-weight:400;color:var(--accent)}.wpm-label{font-size:10.5px;color:var(--text-3);text-transform:uppercase;letter-spacing:.15em;font-family:var(--font-mono)}.best-wpm{font-size:11px;color:var(--accent-mint);font-weight:500;font-family:var(--font-mono)}.sound-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:14px 0}.sound-key{aspect-ratio:1;border-radius:10px;border:none;background:linear-gradient(135deg,var(--pad-color),color-mix(in srgb,var(--pad-color) 70%,black));color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:all .15s ease;box-shadow:0 4px 12px color-mix(in srgb,var(--pad-color) 30%,transparent)}.sound-key:hover{transform:translateY(-2px)}.sound-key.active{transform:scale(.94)}.sound-hint{text-align:center;font-size:10.5px;color:var(--text-4);margin-top:6px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em}.reaction-widget .best-time{font-size:11px;color:var(--accent-mint);font-weight:600;font-family:var(--font-mono)}.reaction-box{height:130px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;margin:14px 0;transition:all .3s ease}.reaction-waiting{background:linear-gradient(135deg,color-mix(in srgb,var(--text) 5%,transparent),color-mix(in srgb,var(--text) 2%,transparent));border:2px dashed var(--border-2)}.reaction-ready,.reaction-go,.reaction-result{border:none}.reaction-go{animation:pulse-color .5s ease-in-out infinite}@keyframes pulse-color{0%,to{box-shadow:0 0 16px color-mix(in srgb,var(--accent) 35%,transparent)}50%{box-shadow:0 0 36px color-mix(in srgb,var(--accent) 60%,transparent)}}.reaction-result{background:linear-gradient(135deg,var(--accent),var(--accent-2))}.reaction-text{font-size:18px;font-weight:700;color:var(--on-accent);text-shadow:0 2px 8px rgba(0,0,0,.15)}.footer-2{margin-top:24px;padding:26px 24px;border-radius:var(--r-xl);background:var(--paper);border:1px solid var(--border);display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}.footer-quote{position:relative;font-family:var(--font-serif);font-style:italic;font-size:clamp(17px,2.4vw,22px);color:var(--text);text-align:center;max-width:580px;line-height:1.45;font-weight:400;animation:footer-quote-in .6s cubic-bezier(.2,.8,.2,1) both}@keyframes footer-quote-in{0%{opacity:0;transform:translateY(7px);filter:blur(3px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@media (prefers-reduced-motion: reduce){.footer-quote{animation:none}}.footer-quote .quote-mark{font-family:var(--font-serif);font-size:1.4em;color:var(--accent);margin-right:4px;vertical-align:-.1em}.footer-quote .author{display:block;margin-top:10px;font-family:var(--font-mono);font-style:normal;font-size:10.5px;letter-spacing:.18em;color:var(--accent);text-transform:uppercase}.footer-quote .quote-rotate-icon{display:inline-block;margin-left:6px;font-size:.55em;font-style:normal;color:var(--text-4);vertical-align:.18em;cursor:help;transition:color .2s ease,transform .4s ease}.footer-quote .quote-rotate-icon:hover{color:var(--accent);transform:rotate(180deg)}@keyframes eq-bar{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}.footer-sep{width:60px;height:1px;background:linear-gradient(90deg,transparent,var(--border-hover),transparent)}.footer-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center;justify-content:center;font-size:12.5px;color:var(--text-3)}.footer-row a{color:var(--text-2);transition:color .2s ease}.footer-row a:hover{color:var(--accent)}.footer-row span.dot{color:var(--text-4)}.footer-mail{font-family:var(--font-mono);font-size:11.5px;color:var(--text-4);letter-spacing:.02em}.footer-mail a{color:var(--accent)}.footer-mail a:hover{text-decoration:underline;text-underline-offset:4px}.fade-in{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease;will-change:opacity,transform}.fade-in.visible{opacity:1;transform:translateY(0)}.loader{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);display:flex;align-items:center;justify-content:center;z-index:10000;transition:opacity .5s ease,visibility .5s ease}.loader.hidden{opacity:0;visibility:hidden;pointer-events:none}.loader-brand{display:flex;flex-direction:column;align-items:center;gap:16px}.loader-ring{position:relative;width:60px;height:60px;border-radius:50%;display:grid;place-items:center}.loader-ring:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 40%,var(--accent) 70%,#818cf8 90%,transparent 100%);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 3px));animation:spin .9s linear infinite}.loader-ring:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;box-shadow:0 0 24px color-mix(in srgb,var(--accent) 45%,transparent);opacity:.7}.loader-mono{font-family:var(--font-serif);font-size:30px;line-height:1;color:var(--text);font-style:italic;transform:translateY(-1px)}.loader-word{font-family:var(--font-mono);font-size:11px;letter-spacing:.42em;text-transform:uppercase;color:var(--text-3);padding-left:.42em}.loader-track{width:116px;height:2px;border-radius:999px;background:var(--border-2);overflow:hidden}.loader-fill{display:block;height:100%;width:40%;border-radius:999px;background:linear-gradient(90deg,transparent,var(--accent),#818cf8,transparent);animation:loader-sweep 1.1s ease-in-out infinite}@keyframes loader-sweep{0%{transform:translate(-120%)}to{transform:translate(360%)}}@keyframes spin{to{transform:rotate(360deg)}}.back-to-top{position:fixed;bottom:22px;right:22px;width:40px;height:40px;border-radius:12px;background:var(--surface-2);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-2);color:var(--text);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:translateY(8px);transition:all .3s ease;z-index:999;font-size:14px}.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{background:var(--surface-hover);color:var(--accent);border-color:color-mix(in srgb,var(--accent) 30%,transparent);transform:translateY(-2px)}@media (max-width: 640px){.intro-card{padding:22px 20px;border-radius:20px}.intro-card:after{display:none}.intro-title{font-size:clamp(26px,7vw,36px);line-height:1.12}.intro-lede{font-size:14.5px}.intro-list-item{font-size:13.5px}.intro-cta-row{gap:8px}.btn-primary,.btn-ghost{padding:11px 16px;font-size:13px}.hero-now{gap:6px}.now-badge{font-size:10.5px;padding:5px 10px}.profile-card{padding:18px}.profile-name{font-size:15px}.profile-bio{font-size:13px}.contact-card{padding:20px}.avail-mini{padding:14px}.avail-grid-2{grid-template-columns:20px repeat(7,1fr);gap:4px}.avail-h{font-size:9.5px}.avail-t{font-size:12px}.avail-legend{gap:12px;font-size:9.5px}.footer-2{padding:24px 18px}.section-title-2{font-size:17px}.section-sub{font-size:13.5px;margin-bottom:16px}.tl-card{padding:12px 14px}.tl-name{font-size:13.5px}.tl-desc{font-size:12.5px}.tech-grid-2{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:7px}.tech-chip{padding:12px 6px}.tech-chip .name{font-size:10px}.back-to-top{bottom:16px;right:16px;width:38px;height:38px}.playground-grid{grid-template-columns:1fr}}@media (max-width: 380px){.app-shell{padding:12px 12px 80px}.intro-card{padding:18px 16px}.avail-mini{padding:12px}.avail-grid-2{grid-template-columns:18px repeat(7,1fr);gap:3px}}.cmdk-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:color-mix(in srgb,#000 55%,transparent);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);display:flex;justify-content:center;align-items:flex-start;padding-top:clamp(80px,14vh,160px);padding-inline:16px;animation:cmdk-fade .18s ease both}:root[data-theme=light] .cmdk-backdrop{background:color-mix(in srgb,#1a1a1a 28%,transparent)}@keyframes cmdk-fade{0%{opacity:0}to{opacity:1}}@keyframes cmdk-pop{0%{opacity:0;transform:translateY(-8px) scale(.985)}to{opacity:1;transform:none}}.cmdk-panel{width:100%;max-width:580px;background:color-mix(in srgb,var(--bg-2) 92%,transparent);border:1px solid var(--border-2);border-radius:16px;box-shadow:0 1px color-mix(in srgb,var(--text) 6%,transparent) inset,0 30px 80px #0000008c,0 0 0 1px color-mix(in srgb,var(--accent) 8%,transparent);overflow:hidden;animation:cmdk-pop .22s cubic-bezier(.22,1,.36,1) both}:root[data-theme=light] .cmdk-panel{background:color-mix(in srgb,#ffffff 96%,transparent);box-shadow:0 1px #fffc inset,0 22px 60px #09090b2e,0 0 0 1px color-mix(in srgb,var(--accent) 14%,transparent)}.cmdk-search{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border)}.cmdk-search-icon{color:var(--text-3);font-size:14px}.cmdk-input{flex:1;background:transparent;border:0;outline:0;color:var(--text);font-family:var(--font-sans);font-size:15px;font-weight:500;letter-spacing:-.005em;caret-color:var(--accent)}.cmdk-input::placeholder{color:var(--text-4);font-weight:400}.cmdk-kbd{font-family:var(--font-mono);font-size:10.5px;padding:3px 7px;border-radius:6px;background:color-mix(in srgb,var(--text) 6%,transparent);border:1px solid var(--border-2);color:var(--text-2);line-height:1}.cmdk-esc{letter-spacing:.05em}.cmdk-list{max-height:min(58vh,480px);overflow-y:auto;padding:6px;scrollbar-width:thin}.cmdk-list::-webkit-scrollbar{width:8px}.cmdk-list::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:8px}.cmdk-group-label{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--text-4);padding:10px 12px 6px}.cmdk-item{width:100%;display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;background:transparent;border:0;color:var(--text-2);text-align:left;cursor:pointer;transition:background .14s ease,color .14s ease,transform .14s ease}.cmdk-item.is-active{background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--text)}.cmdk-item.is-active .cmdk-item-icon{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 35%,transparent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.cmdk-item-icon{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:color-mix(in srgb,var(--text) 5%,transparent);border:1px solid var(--border);color:var(--text-3);font-size:13px;flex-shrink:0;transition:all .16s ease}.cmdk-item-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.cmdk-item-label{font-size:14px;font-weight:500;color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cmdk-item-hint{font-size:11.5px;color:var(--text-4);font-family:var(--font-mono)}.cmdk-item-meta{font-family:var(--font-mono);font-size:13px;color:var(--text-4);opacity:0;transition:opacity .14s ease,transform .14s ease}.cmdk-item.is-active .cmdk-item-meta{opacity:1;color:var(--accent);transform:translate(-2px)}.cmdk-empty{padding:26px 14px;text-align:center;font-size:13px;color:var(--text-4)}.cmdk-foot{display:flex;align-items:center;gap:14px;padding:9px 14px;border-top:1px solid var(--border);background:color-mix(in srgb,var(--text) 3%,transparent);font-size:11px;color:var(--text-4);font-family:var(--font-mono)}.cmdk-foot .cmdk-kbd{font-size:10px;padding:2px 6px}.cmdk-foot-spacer{flex:1}.cmdk-foot-brand{letter-spacing:.06em;text-transform:uppercase}@media (max-width: 640px){.cmdk-backdrop{padding-top:8vh}.cmdk-foot span:nth-child(3){display:none}}.hud-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:290;background:color-mix(in srgb,#000 50%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:24px;animation:cmdk-fade .18s ease both}:root[data-theme=light] .hud-backdrop{background:color-mix(in srgb,#1a1a1a 24%,transparent)}.hud-panel{width:100%;max-width:460px;background:color-mix(in srgb,var(--bg-2) 95%,transparent);border:1px solid var(--border-2);border-radius:16px;padding:22px 22px 18px;box-shadow:0 1px color-mix(in srgb,var(--text) 6%,transparent) inset,0 22px 60px #00000080;animation:cmdk-pop .22s cubic-bezier(.22,1,.36,1) both}:root[data-theme=light] .hud-panel{background:#fff;box-shadow:0 1px #fffc inset,0 18px 48px #09090b29}.hud-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.hud-eyebrow{font-family:var(--font-mono);font-size:10.5px;color:var(--text-4);text-transform:uppercase;letter-spacing:.12em}.hud-title{font-size:22px;font-weight:600;letter-spacing:-.015em;color:var(--text);margin-top:2px}.hud-close{width:30px;height:30px;border-radius:8px;border:1px solid var(--border-2);background:color-mix(in srgb,var(--text) 4%,transparent);color:var(--text-3);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .16s ease}.hud-close:hover{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 35%,transparent)}.hud-list{list-style:none;display:flex;flex-direction:column;gap:2px}.hud-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:9px 10px;border-radius:9px;transition:background .16s ease}.hud-row:hover{background:color-mix(in srgb,var(--text) 4%,transparent)}.hud-label{font-size:13.5px;color:var(--text-2)}.hud-keys{display:inline-flex;align-items:center;gap:5px;flex-shrink:0}.hud-or{font-family:var(--font-mono);font-size:10.5px;color:var(--text-4);text-transform:uppercase;letter-spacing:.08em;padding:0 4px}.hud-kbd{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 7px;border-radius:6px;border:1px solid var(--border-2);border-bottom-width:2px;background:color-mix(in srgb,var(--text) 5%,transparent);color:var(--text);font-family:var(--font-mono);font-size:11px;font-weight:600;line-height:1;box-shadow:0 1px color-mix(in srgb,var(--text) 4%,transparent) inset}.hud-foot{margin-top:14px;padding-top:12px;border-top:1px solid var(--border);font-size:11.5px;color:var(--text-4);font-family:var(--font-mono);text-align:center}.hud-foot .hud-kbd{margin:0 2px;height:18px;min-width:18px;padding:0 5px;font-size:10px}.copy-email-inline{position:relative;display:inline-flex;align-items:center;padding:0;margin:0;background:transparent;border:0;cursor:pointer;font:inherit;color:var(--text-2);line-height:1.2;transition:color .2s ease;-webkit-user-select:none;user-select:none}.copy-email-inline:hover{color:var(--accent)}.copy-email-inline .cei-label{position:relative;display:inline-grid}.copy-email-inline .cei-label>*{grid-area:1 / 1}.copy-email-inline .cei-text,.copy-email-inline .cei-done{display:inline-flex;align-items:center;gap:6px;transition:opacity .28s cubic-bezier(.22,1,.36,1),transform .32s cubic-bezier(.22,1,.36,1),filter .28s ease;will-change:opacity,transform}.copy-email-inline .cei-text{opacity:1;transform:translateY(0)}.copy-email-inline .cei-done{opacity:0;transform:translateY(4px);color:var(--accent-mint);font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.02em;pointer-events:none}.copy-email-inline .cei-done i{font-size:10.5px;width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:color-mix(in srgb,var(--accent-mint) 18%,transparent);color:var(--accent-mint);animation:cei-pop .36s cubic-bezier(.22,1,.36,1) both}.copy-email-inline.is-copied .cei-text{opacity:0;transform:translateY(-4px)}.copy-email-inline.is-copied .cei-done{opacity:1;transform:translateY(0)}@keyframes cei-pop{0%{transform:scale(.4) rotate(-10deg);opacity:0}60%{transform:scale(1.18) rotate(2deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}@media (prefers-reduced-motion: reduce){.copy-email-inline .cei-text,.copy-email-inline .cei-done{transition:opacity .12s linear;transform:none!important}.copy-email-inline .cei-done i{animation:none}}.info-fab{position:fixed;bottom:22px;left:22px;z-index:90;display:none;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:color-mix(in srgb,var(--bg-2) 80%,transparent);border:1px solid var(--border-2);color:var(--text-3);font-family:var(--font-serif);font-style:italic;font-size:17px;font-weight:700;line-height:1;backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);box-shadow:0 8px 22px #00000047;cursor:pointer;transition:color .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease,background .2s ease}:root[data-theme=light] .info-fab{background:color-mix(in srgb,#ffffff 92%,transparent);box-shadow:0 6px 18px #09090b14}.info-fab:hover{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 50%,transparent);background:color-mix(in srgb,var(--accent) 8%,var(--bg-2));transform:translateY(-1px);box-shadow:0 10px 26px color-mix(in srgb,var(--accent) 24%,transparent)}.info-fab:active{transform:translateY(0) scale(.96)}@media (min-width: 961px) and (hover: hover){.info-fab{display:inline-flex}}.blog-cover{position:relative;aspect-ratio:16 / 9;border-radius:var(--r-lg);overflow:hidden;display:grid;place-items:center;background:radial-gradient(120% 120% at 0% 0%,color-mix(in srgb,var(--cv1) 60%,transparent),transparent 60%),radial-gradient(120% 120% at 100% 100%,color-mix(in srgb,var(--cv2) 55%,transparent),transparent 60%),var(--bg-3);--cv1: var(--accent);--cv2: var(--accent-2)}.blog-cover.tone-teal{--cv1: #2dd4bf;--cv2: #0ea5a3}.blog-cover.tone-rose{--cv1: #fb7185;--cv2: #f43f5e}.blog-cover.tone-violet{--cv1: #a78bfa;--cv2: #7c3aed}.blog-cover.tone-gold{--cv1: #fbbf24;--cv2: #f59e0b}.blog-cover-glyph{font-size:clamp(34px,7vw,58px);line-height:1;color:#fff;filter:drop-shadow(0 8px 24px rgba(0,0,0,.35));transform:translateZ(0);transition:transform .5s cubic-bezier(.2,.8,.2,1)}.blog-cover-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to right,rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.06) 1px,transparent 1px);background-size:26px 26px;-webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 40%,#000 30%,transparent 90%);mask-image:radial-gradient(ellipse 80% 70% at 50% 40%,#000 30%,transparent 90%);pointer-events:none}:root[data-theme=light] .blog-cover-grid{background-image:linear-gradient(to right,rgba(0,0,0,.05) 1px,transparent 1px),linear-gradient(to bottom,rgba(0,0,0,.05) 1px,transparent 1px)}.blog-hero{margin-bottom:28px}.blog-hero-title{font-size:clamp(28px,5vw,42px);font-weight:500;letter-spacing:-.025em;line-height:1.1;color:var(--text);margin:10px 0 12px}.blog-hero-title .ital{font-family:var(--font-serif);font-style:italic;font-weight:400;color:var(--accent)}.blog-hero-sub{font-size:15px;color:var(--text-3);max-width:620px;line-height:1.7}.blog-controls{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:22px;flex-wrap:wrap}.blog-search{position:relative;display:flex;align-items:center;gap:9px;padding:9px 14px;border-radius:999px;background:var(--surface);border:1px solid var(--border-2);min-width:220px;flex:1 1 220px;max-width:320px;transition:border-color .2s ease,box-shadow .2s ease}.blog-search:focus-within{border-color:color-mix(in srgb,var(--accent) 45%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}.blog-search i{color:var(--text-4);font-size:13px}.blog-search input{border:0;outline:0;background:transparent;flex:1;font:inherit;font-size:13.5px;color:var(--text)}.blog-search input::placeholder{color:var(--text-4)}.blog-search input::-webkit-search-cancel-button{-webkit-appearance:none}.blog-tagbar{display:flex;gap:7px;flex-wrap:wrap}.blog-tag-btn{padding:6px 12px;border-radius:999px;background:var(--surface);border:1px solid var(--border);color:var(--text-3);font-size:12px;font-weight:500;font-family:var(--font-mono);letter-spacing:.01em;transition:all .2s ease}.blog-tag-btn:hover{color:var(--text);border-color:var(--border-hover)}.blog-tag-btn.active{color:var(--on-accent);background:var(--accent);border-color:var(--accent)}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}.blog-card{min-width:0}.blog-card-link{display:flex;flex-direction:column;height:100%;padding:14px;border-radius:var(--r-xl);background:var(--paper);border:1px solid var(--border-2);box-shadow:var(--glow);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .3s ease,box-shadow .35s ease}.blog-card-link:hover{transform:translateY(-4px);border-color:var(--border-hover);box-shadow:var(--glow-hover)}.blog-card-link:hover .blog-cover-glyph{transform:scale(1.08) rotate(-3deg)}.blog-card-body{display:flex;flex-direction:column;flex:1;padding:16px 6px 6px}.blog-card-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.blog-tag-chip{font-family:var(--font-mono);font-size:10px;font-weight:500;color:var(--accent);padding:3px 7px;border-radius:5px;background:color-mix(in srgb,var(--accent) 8%,transparent);border:1px solid color-mix(in srgb,var(--accent) 22%,transparent);letter-spacing:.03em;text-transform:uppercase;white-space:nowrap}.blog-card-title{font-size:17px;font-weight:600;letter-spacing:-.015em;line-height:1.3;color:var(--text);margin-bottom:8px}.blog-card-excerpt{font-size:13.5px;color:var(--text-3);line-height:1.6;margin-bottom:14px;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:11.5px;color:var(--text-4);font-family:var(--font-mono);margin-top:auto}.blog-card-meta i{margin-right:3px}.blog-card-meta .dot{opacity:.5}.blog-card-cta{margin-left:auto;display:inline-flex;align-items:center;gap:5px;color:var(--accent);font-weight:600;transition:gap .25s ease}.blog-card-link:hover .blog-card-cta{gap:9px}.blog-card.is-featured{margin-bottom:18px}.blog-card.is-featured .blog-card-link{padding:16px}@media (min-width: 720px){.blog-card.is-featured .blog-card-link{flex-direction:row;align-items:stretch;gap:8px}.blog-card.is-featured .blog-cover{width:46%;aspect-ratio:auto;min-height:260px;flex-shrink:0}.blog-card.is-featured .blog-card-body{padding:18px 16px;justify-content:center}.blog-card.is-featured .blog-card-title{font-size:23px}.blog-card.is-featured .blog-card-excerpt{font-size:14.5px;-webkit-line-clamp:4}}.blog-empty{text-align:center;padding:48px 20px;color:var(--text-3);display:flex;flex-direction:column;align-items:center;gap:12px}.blog-empty i{font-size:30px;color:var(--text-5)}.blog-empty p{font-size:14px}.blog-reset{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:999px;background:var(--accent);color:var(--on-accent);border:0;font-size:13px;font-weight:600;transition:filter .2s ease,transform .2s ease}.blog-reset:hover{filter:brightness(1.08);transform:translateY(-1px)}.blog-article{position:relative}.reading-bar{position:fixed;top:0;left:0;right:0;height:3px;z-index:200;background:linear-gradient(90deg,var(--accent),var(--accent-soft));transform-origin:0 50%;transform:scaleX(0);transition:transform 80ms linear}.blog-back{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--text-3);font-weight:500;margin-bottom:22px;transition:color .2s ease,gap .2s ease}.blog-back:hover{color:var(--accent);gap:11px}.post-header{margin-bottom:22px}.post-header-tags{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:16px}.post-title{font-size:clamp(28px,5.2vw,44px);font-weight:500;letter-spacing:-.028em;line-height:1.08;color:var(--text);margin-bottom:14px}.post-lede{font-size:17px;color:var(--text-2);line-height:1.6;max-width:680px}.post-byline{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:18px;font-size:12.5px;color:var(--text-4);font-family:var(--font-mono)}.post-byline .dot{opacity:.5}.post-author{display:inline-flex;align-items:center;gap:7px;color:var(--text-2)}.post-author i{color:var(--accent)}.post-views{display:inline-flex;align-items:center;gap:6px;font-variant-numeric:tabular-nums}.post-views i{color:var(--accent);font-size:.92em}.post-share{margin-left:auto;display:inline-flex;align-items:center;gap:7px;padding:6px 13px;border-radius:999px;background:var(--surface);border:1px solid var(--border-2);color:var(--text-2);font-size:12px;font-weight:500;font-family:var(--font-sans);transition:all .2s ease}.post-share:hover{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 45%,transparent)}.post-cover{border-radius:var(--r-2xl);aspect-ratio:21 / 8;display:grid;place-items:center;margin:24px 0 30px;background:radial-gradient(120% 140% at 0% 0%,color-mix(in srgb,var(--cv1) 55%,transparent),transparent 62%),radial-gradient(120% 140% at 100% 100%,color-mix(in srgb,var(--cv2) 50%,transparent),transparent 62%),var(--bg-3);border:1px solid var(--border-2);--cv1: var(--accent);--cv2: var(--accent-2);overflow:hidden}.post-cover.tone-teal{--cv1: #2dd4bf;--cv2: #0ea5a3}.post-cover.tone-rose{--cv1: #fb7185;--cv2: #f43f5e}.post-cover.tone-violet{--cv1: #a78bfa;--cv2: #7c3aed}.post-cover.tone-gold{--cv1: #fbbf24;--cv2: #f59e0b}.post-cover-glyph{font-size:clamp(48px,10vw,86px);line-height:1;color:#fff;filter:drop-shadow(0 10px 30px rgba(0,0,0,.4))}.post-layout{display:grid;grid-template-columns:1fr;gap:28px}@media (min-width: 1000px){.post-layout{grid-template-columns:1fr 200px;align-items:start}.post-toc{order:2;position:sticky;top:28px}.post-body{order:1}}.post-toc{padding:16px 18px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--border)}.post-toc-label{display:block;font-family:var(--font-mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-4);margin-bottom:10px}.post-toc nav{display:flex;flex-direction:column;gap:2px}.post-toc a{font-size:13px;color:var(--text-3);line-height:1.4;padding:6px 0 6px 13px;position:relative;transition:color .2s ease}.post-toc a:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:2px;border-radius:2px;background:var(--border-2);transition:background .25s ease,transform .25s ease}.post-toc a:hover{color:var(--text)}.post-toc a:hover:before{background:var(--border-hover)}.post-toc a.is-active{color:var(--accent);font-weight:500}.post-toc a.is-active:before{background:var(--accent);transform:scaleX(1.5)}@media (max-width: 999px){.post-toc{display:none}}.post-body{max-width:720px;min-width:0}.post-body>*+*{margin-top:18px}.post-p{font-size:16px;line-height:1.78;color:var(--text-2)}.post-h2{font-size:24px;font-weight:600;letter-spacing:-.02em;color:var(--text);margin-top:40px;scroll-margin-top:24px;padding-bottom:8px;border-bottom:1px solid var(--border)}.post-h3{font-size:19px;font-weight:600;color:var(--text);margin-top:28px}.post-body strong{color:var(--text);font-weight:600}.blog-inline-code{font-family:var(--font-mono);font-size:.86em;padding:2px 6px;border-radius:5px;background:color-mix(in srgb,var(--accent) 10%,var(--bg-3));border:1px solid color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent-soft)}:root[data-theme=light] .blog-inline-code{color:var(--accent-2)}.post-quote{position:relative;margin:30px 0;padding:6px 0 6px 30px}.post-quote:before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:2px;border-radius:2px;background:linear-gradient(180deg,var(--accent),color-mix(in srgb,var(--accent) 0%,transparent))}.post-quote p{font-family:var(--font-serif);font-style:italic;font-size:clamp(20px,3.2vw,25px);line-height:1.45;color:var(--text);letter-spacing:-.01em}.post-quote cite{display:block;margin-top:12px;font-style:normal;font-size:12px;font-family:var(--font-mono);color:var(--text-4);letter-spacing:.01em}.post-ul,.post-ol{padding-left:4px;display:flex;flex-direction:column;gap:10px}.post-ul li,.post-ol li{font-size:15.5px;line-height:1.7;color:var(--text-2);padding-left:26px;position:relative}.post-ul li:before{content:"";position:absolute;left:6px;top:11px;width:6px;height:6px;border-radius:50%;background:var(--accent)}.post-ol{counter-reset:step}.post-ol li{counter-increment:step}.post-ol li:before{content:counter(step);position:absolute;left:0;top:1px;width:19px;height:19px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-mono);font-size:10.5px;font-weight:600;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--accent) 25%,transparent)}.post-code{margin:24px 0;padding:40px 18px 18px;position:relative;border-radius:var(--r-lg);background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 4%,var(--bg-2)),var(--bg-2));border:1px solid var(--border-2);overflow-x:auto;font-family:var(--font-mono);font-size:13px;line-height:1.75;color:var(--text-2);box-shadow:0 12px 32px -22px #000000b3}.post-code:after{content:"";position:absolute;top:15px;left:18px;width:9px;height:9px;border-radius:50%;background:#ff5f57;box-shadow:16px 0 #febc2e,32px 0 #28c840;opacity:.9}.post-code code{font-family:inherit;white-space:pre}.post-code[data-lang]:before{content:attr(data-lang);position:absolute;top:13px;right:16px;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-5);font-weight:600}.post-callout{position:relative;display:flex;gap:14px;margin:26px 0;padding:17px 19px 17px 18px;border-radius:var(--r-lg);background:linear-gradient(180deg,color-mix(in srgb,var(--cl) 7%,transparent),color-mix(in srgb,var(--cl) 2.5%,transparent)),var(--surface);border:1px solid color-mix(in srgb,var(--cl) 22%,var(--border-2));box-shadow:0 1px #ffffff08 inset,0 8px 24px -16px color-mix(in srgb,var(--cl) 60%,transparent);overflow:hidden;--cl: var(--accent)}.post-callout:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--cl);opacity:.85}.post-callout.tone-tip{--cl: var(--accent-mint)}.post-callout.tone-warn{--cl: var(--accent-gold)}.post-callout.tone-info{--cl: var(--accent)}.post-callout-icon{flex-shrink:0;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-size:13px;line-height:1;color:var(--cl);background:color-mix(in srgb,var(--cl) 13%,transparent);border:1px solid color-mix(in srgb,var(--cl) 26%,transparent)}.post-callout-body{display:flex;flex-direction:column;gap:3px;font-size:14.5px;line-height:1.65;color:var(--text-2);padding-top:2px}.post-callout-title{color:var(--text);font-size:13px;font-weight:600;letter-spacing:.01em}.post-figure{margin:26px 0}.post-figure img{width:100%;border-radius:var(--r-lg);border:1px solid var(--border-2)}.post-figure figcaption{margin-top:9px;text-align:center;font-size:12.5px;color:var(--text-4);font-family:var(--font-mono)}.post-hr{border:0;height:1px;background:var(--border-2);margin:34px 0}.post-end{margin-top:40px;padding-top:26px;border-top:1px solid var(--border);text-align:center;color:var(--text-3);font-size:15px}.post-end-mark{display:block;font-size:20px;color:var(--accent);margin-bottom:12px}.post-end-link{color:var(--accent);font-weight:600}.post-end-link:hover{text-decoration:underline}.post-nav{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:36px}.post-nav-card{display:flex;flex-direction:column;gap:8px;padding:16px 18px;border-radius:var(--r-lg);background:var(--paper);border:1px solid var(--border-2);transition:transform .3s cubic-bezier(.2,.8,.2,1),border-color .3s ease,box-shadow .3s ease}.post-nav-card:hover{transform:translateY(-3px);border-color:var(--border-hover);box-shadow:var(--glow)}.post-nav-card.next{text-align:right;align-items:flex-end}.post-nav-dir{font-family:var(--font-mono);font-size:11px;color:var(--accent);display:inline-flex;align-items:center;gap:6px;letter-spacing:.03em}.post-nav-dir i{transition:transform .3s cubic-bezier(.2,.8,.2,1)}.post-nav-card.prev:hover .post-nav-dir i{transform:translate(-3px)}.post-nav-card.next:hover .post-nav-dir i{transform:translate(3px)}.post-nav-title{font-size:14.5px;font-weight:600;color:var(--text);line-height:1.4}.post-related{margin-top:52px}.post-related-title{font-family:var(--font-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-3);margin:0 0 18px}.post-related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}.post-related-card{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:var(--r-lg);background:var(--paper);border:1px solid var(--border-2);transition:transform .3s cubic-bezier(.2,.8,.2,1),border-color .3s ease,box-shadow .3s ease}.post-related-card:hover{transform:translateY(-3px);border-color:var(--border-hover);box-shadow:var(--glow)}.post-related-icon{flex:none;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-size:20px;color:#fff;background:linear-gradient(135deg,var(--cv1),var(--cv2))}.post-related-icon.tone-teal{--cv1: #2dd4bf;--cv2: #0ea5a3}.post-related-icon.tone-rose{--cv1: #fb7185;--cv2: #f43f5e}.post-related-icon.tone-violet{--cv1: #a78bfa;--cv2: #7c3aed}.post-related-icon.tone-gold{--cv1: #fbbf24;--cv2: #f59e0b}.post-related-body{display:flex;flex-direction:column;gap:4px;min-width:0}.post-related-head{font-size:14px;font-weight:600;color:var(--text);line-height:1.35}.post-related-meta{font-family:var(--font-mono);font-size:11px;color:var(--text-3)}@media (max-width: 560px){.post-nav{grid-template-columns:1fr}.post-nav-card.next{text-align:left;align-items:flex-start}.post-byline{font-size:11.5px}.post-share{margin-left:0}.post-p{font-size:15.5px}.post-cover{aspect-ratio:16 / 9}}.bento-cell.is-coming-soon{cursor:default;background:radial-gradient(120% 110% at 0% 0%,color-mix(in oklab,var(--accent) 14%,transparent) 0%,transparent 55%),radial-gradient(110% 100% at 100% 100%,color-mix(in oklab,var(--accent-rose) 12%,transparent) 0%,transparent 55%),color-mix(in srgb,var(--surface) 92%,transparent);border:1px dashed color-mix(in srgb,var(--accent) 28%,var(--border-2));overflow:hidden;isolation:isolate}.bento-cell.is-coming-soon:hover{border-color:color-mix(in srgb,var(--accent) 50%,var(--border-2));transform:translateY(-2px)}.bento-cell.is-coming-soon:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;padding:1px;background:linear-gradient(135deg,color-mix(in oklab,var(--accent) 55%,transparent),transparent 40%,transparent 60%,color-mix(in oklab,var(--accent-rose) 45%,transparent));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.55;pointer-events:none;animation:cs-border-rotate 7s linear infinite}@keyframes cs-border-rotate{to{filter:hue-rotate(360deg)}}.cs-glow{position:absolute;width:140%;height:140%;top:-20%;left:-20%;background:radial-gradient(closest-side,color-mix(in oklab,var(--accent) 28%,transparent) 0%,transparent 70%);filter:blur(40px);opacity:.6;pointer-events:none;z-index:0;animation:cs-glow-drift 9s ease-in-out infinite alternate}@keyframes cs-glow-drift{0%{transform:translate(-6%,-4%) scale(1)}to{transform:translate(6%,4%) scale(1.08)}}.cs-noise{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='2.4' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E");background-size:110px 110px;mix-blend-mode:overlay;opacity:.18;pointer-events:none;z-index:1}.cs-badge{z-index:3;color:var(--accent)!important;border-color:color-mix(in srgb,var(--accent) 45%,transparent)!important;background:color-mix(in srgb,var(--accent) 10%,transparent)!important}.cs-badge .dot{background:var(--accent)!important;box-shadow:0 0 10px color-mix(in srgb,var(--accent) 80%,transparent);animation:cs-pulse 1.6s ease-in-out infinite}@keyframes cs-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.85)}}.cs-content{position:relative;z-index:2}.cs-blur{filter:blur(5px);-webkit-user-select:none;user-select:none;letter-spacing:.08em;transition:filter .6s cubic-bezier(.65,.05,.36,1)}.cs-blur-strong{filter:blur(8px)}.bento-cell.is-coming-soon:hover .cs-blur{filter:blur(3.5px)}.bento-cell.is-coming-soon:hover .cs-blur-strong{filter:blur(6px)}.cs-hint{margin:10px 0 0;font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;color:var(--text-3);display:inline-flex;align-items:center;gap:7px}.cs-hint i{color:var(--accent);font-size:10.5px}.cs-role{font-family:var(--font-mono);font-size:9.5px;color:var(--accent);text-transform:uppercase;letter-spacing:.14em;font-weight:500}.cs-hero{display:none}@media (max-width: 640px){.bento-cell.is-coming-soon{background:radial-gradient(120% 92% at 50% 6%,color-mix(in oklab,var(--accent) 18%,transparent),transparent 58%),linear-gradient(145deg,#ffffff29,#ffffff08 32%,#ffffff12),#0b1117;border:1px solid rgba(255,255,255,.22)}.cs-hero{position:absolute;top:0;right:0;bottom:38%;left:0;z-index:2;display:grid;place-items:center;overflow:hidden}.cs-orb{position:relative;width:96px;height:96px;display:grid;place-items:center;border-radius:50%;color:var(--accent);font-size:30px;background:radial-gradient(circle at 50% 34%,color-mix(in srgb,var(--accent) 32%,transparent),transparent 64%),#0e131999;border:1px solid color-mix(in srgb,var(--accent) 42%,rgba(255,255,255,.16));box-shadow:inset 0 1px #ffffff52,0 0 0 1px #ffffff0d,0 22px 46px -20px color-mix(in srgb,var(--accent) 75%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:cs-orb-float 5.5s ease-in-out infinite}.cs-orb i{filter:drop-shadow(0 0 12px color-mix(in srgb,var(--accent) 75%,transparent))}.cs-orb:before,.cs-orb:after{content:"";position:absolute;top:-14px;right:-14px;bottom:-14px;left:-14px;border-radius:50%;border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);animation:cs-ring-pulse 3.6s ease-out infinite}.cs-orb:after{animation-delay:1.4s}.cs-content .cs-blur-strong{filter:blur(5px)}.cs-hint{margin-top:13px;font-size:12px}}@keyframes cs-orb-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes cs-ring-pulse{0%{transform:scale(.8);opacity:.65}to{transform:scale(1.45);opacity:0}}@media (prefers-reduced-motion: reduce){.cs-orb,.cs-orb:before,.cs-orb:after{animation:none}.cs-orb:after{opacity:0}}.scroll-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:9999;pointer-events:none;background:transparent}.scroll-progress-bar{height:100%;width:100%;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,var(--accent),#22d3ee 38%,#818cf8 68%,var(--accent-rose));box-shadow:0 0 12px color-mix(in srgb,var(--accent) 55%,transparent);will-change:transform}.cursor-spotlight{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;--spot-x: 50vw;--spot-y: 40vh;--spot-opacity: 0;opacity:var(--spot-opacity);transition:opacity .5s ease;background:radial-gradient(420px 420px at var(--spot-x) var(--spot-y),color-mix(in srgb,var(--accent) 16%,transparent),transparent 62%)}:root[data-theme=light] .cursor-spotlight{background:radial-gradient(380px 380px at var(--spot-x) var(--spot-y),color-mix(in srgb,var(--accent) 12%,transparent),transparent 60%)}