.cb-root{position:fixed;right:1rem;bottom:1rem;z-index:115}.cb-launcher{display:inline-flex;align-items:center;gap:0;height:2.85rem;padding:0 .68rem;border:1px solid rgba(var(--color-border),.9);border-radius:var(--radius-md);background:rgb(var(--color-surface));color:rgb(var(--color-text));box-shadow:var(--shadow-float-elevated);cursor:pointer;transition:gap var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base)}.cb-launcher:hover,.cb-launcher:focus-visible{gap:.5rem;border-color:rgb(var(--color-text));box-shadow:var(--shadow-md)}.cb-launcher:focus-visible{outline:2px solid rgba(var(--color-text),.45);outline-offset:2px}.cb-launcher-mark{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;font-weight:700;font-size:.85rem;letter-spacing:.04em}.cb-launcher-copy{max-width:0;overflow:hidden;opacity:0;white-space:nowrap;font-size:.85rem;font-weight:600;transition:max-width var(--transition-base),opacity var(--transition-fast)}.cb-launcher:hover .cb-launcher-copy,.cb-launcher:focus-visible .cb-launcher-copy{max-width:6rem;opacity:1}.cb-drawer{position:absolute;right:0;bottom:3.4rem;width:min(92vw,26rem)}.cb-shell{display:flex;flex-direction:column;max-height:min(78vh,40rem);overflow:hidden;border:1px solid rgba(var(--color-border),.84);border-radius:var(--radius-xl);background:rgb(var(--color-surface));box-shadow:var(--shadow-md)}.cb-header{display:flex;align-items:center;justify-content:space-between;gap:.9rem;padding:.8rem .95rem;background:linear-gradient(180deg,rgba(var(--color-accent-soft),.9),rgba(var(--color-surface),0));border-bottom:1px solid rgba(var(--color-border),.55)}.cb-brand{display:flex;align-items:center;gap:.6rem}.cb-avatar{display:inline-flex;align-items:center;justify-content:center;width:2.1rem;height:2.1rem;border-radius:999px;border:1px solid rgba(var(--color-border),.9);background:rgb(var(--color-surface));font-weight:700;font-size:.72rem}.cb-title{margin:0;font-size:1rem;font-weight:600}.cb-actions{display:inline-flex;gap:.3rem}.cb-icon{display:inline-flex;align-items:center;justify-content:center;width:2.1rem;height:2.1rem;border:0;border-radius:999px;background:transparent;color:rgb(var(--color-muted));cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.cb-icon svg{width:1.05rem;height:1.05rem}.cb-icon:hover{background:rgba(var(--color-border),.45);color:rgb(var(--color-text))}.cb-modepick{position:relative;padding:.6rem .95rem .1rem;align-self:flex-start}.cb-modepick-trigger{display:inline-flex;align-items:center;gap:.4rem;padding:.28rem .5rem .28rem .6rem;border:0;border-radius:10px;background:transparent;color:rgb(var(--color-muted));font-size:.8rem;cursor:pointer}.cb-modepick-trigger:hover{background:rgba(var(--color-border),.32);color:rgb(var(--color-text))}.cb-modepick-eyebrow{color:rgba(var(--color-muted),.85);font-size:.74rem}.cb-modepick-current{color:rgb(var(--color-text));font-weight:600}.cb-modepick-caret{width:.85rem;height:.85rem}.cb-modepick-menu{position:absolute;top:calc(100% - .05rem);left:.95rem;z-index:5;min-width:11rem;display:grid;gap:.1rem;padding:.3rem;border:1px solid rgba(var(--color-border),.85);border-radius:12px;background:rgb(var(--color-surface));box-shadow:var(--shadow-md)}.cb-modepick-option{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .6rem;border:0;border-radius:8px;background:transparent;color:rgb(var(--color-text));font-size:.86rem;text-align:left;cursor:pointer}.cb-modepick-option:hover{background:rgba(var(--color-border),.3)}.cb-modepick-option.is-active{font-weight:600}.cb-modepick-hint{margin-left:auto;font-size:.72rem;color:rgb(var(--color-muted))}.cb-body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:.85rem .95rem .4rem}.cb-welcome{display:grid;gap:.7rem;padding:.4rem .25rem .2rem}.cb-greeting{margin:0 0 .2rem;font-size:1.05rem;font-weight:600;line-height:1.4;max-width:24ch}.cb-suggestions{display:grid;gap:.15rem;padding-top:.55rem;border-top:1px solid rgba(var(--color-border),.6)}.cb-suggestion{display:flex;align-items:center;gap:.6rem;width:100%;min-height:2.3rem;padding:.4rem .5rem;border:0;border-radius:10px;background:transparent;color:rgb(var(--color-text));font-size:.86rem;text-align:left;cursor:pointer;transition:background-color var(--transition-fast)}.cb-suggestion:hover{background:rgba(var(--color-border),.3)}.cb-suggestion-label{flex:1 1 auto}.cb-suggestion-chevron{width:.9rem;height:.9rem;color:rgba(var(--color-muted),.5)}.cb-transcript{display:grid;gap:.9rem;padding:.1rem .05rem}.cb-msg-meta{margin:0 0 .3rem;font-size:.73rem;color:rgb(var(--color-muted));font-weight:600}.cb-msg-body{white-space:pre-wrap;line-height:1.65;font-size:.95rem;padding:.9rem .98rem;border-radius:1rem}.cb-msg-user{text-align:right}.cb-msg-user .cb-msg-body{display:inline-block;text-align:left;background:rgb(var(--color-text));color:rgb(var(--color-surface))}.cb-msg-assistant .cb-msg-body{border:1px solid rgba(var(--color-border),.8);background:rgb(var(--color-surface))}.cb-msg-system .cb-msg-body{border:1px dashed rgba(var(--color-border),.9);background:rgba(var(--color-surface),.76);color:rgb(var(--color-muted))}.cb-prose{white-space:normal}.cb-prose>:first-child{margin-top:0}.cb-prose>:last-child{margin-bottom:0}.cb-prose p{margin:0 0 .5rem}.cb-prose a{color:inherit;text-decoration:underline;text-underline-offset:2px;word-break:break-word}.cb-prose a:hover{opacity:.7}.cb-prose ul,.cb-prose ol{margin:.25rem 0 .5rem;padding-left:1.2rem}.cb-prose li{margin:.15rem 0}.cb-prose code{font-size:.85em;padding:.05rem .3rem;border-radius:.3rem;background:rgba(var(--color-border),.5)}.cb-prose pre{overflow-x:auto;padding:.6rem .7rem;border-radius:.6rem;background:rgba(var(--color-border),.4)}.cb-prose pre code{background:none;padding:0}.cb-prose strong{font-weight:600}.cb-typing{display:inline-flex;gap:.35rem;padding:.5rem .2rem}.cb-typing span{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.6;animation:cb-bounce 1.4s infinite ease-in-out both}.cb-typing span:nth-child(1){animation-delay:-.32s}.cb-typing span:nth-child(2){animation-delay:-.16s}@keyframes cb-bounce{0%,80%,to{transform:scale(.6)}40%{transform:scale(1)}}.cb-form{flex:0 0 auto;padding:.5rem .95rem calc(.7rem + env(safe-area-inset-bottom))}.cb-composer{display:flex;align-items:flex-end;gap:.45rem;padding:.34rem .4rem .34rem .7rem;border:1px solid rgba(var(--color-border),.88);border-radius:var(--radius-xl);background:rgb(var(--color-surface))}.cb-composer:focus-within{border-color:rgba(var(--color-text),.5);box-shadow:0 0 0 3px rgba(var(--color-text),.06)}.cb-input{flex:1 1 auto;min-width:0;min-height:1.5rem;max-height:7.5rem;resize:none;border:0;background:transparent;padding:.45rem 0;line-height:1.5;color:rgb(var(--color-text));font:inherit;overflow-y:auto}.cb-input:focus{outline:none}.cb-send{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:2.4rem;height:2.4rem;border:0;border-radius:999px;background:rgb(var(--color-text));color:rgb(var(--color-surface));cursor:pointer;transition:transform var(--transition-fast),opacity var(--transition-fast)}.cb-send:hover{transform:scale(1.05)}.cb-send:disabled{opacity:.45;cursor:default;transform:none}.cb-send-icon{width:1.05rem;height:1.05rem}.cb-send-spinner{width:1.05rem;height:1.05rem;border-radius:999px;border:2px solid rgba(var(--color-surface),.4);border-top-color:rgb(var(--color-surface));animation:cb-spin .7s linear infinite}@keyframes cb-spin{to{transform:rotate(360deg)}}@media(max-width:540px){.cb-drawer{position:fixed;left:.6rem;right:.6rem;bottom:0;width:auto}.cb-shell{max-height:85svh;border-radius:var(--radius-xl) var(--radius-xl) 0 0}.cb-input{max-height:calc(4.5em + .9rem)}}@media(max-width:767px){.cb-launcher{width:2.85rem;height:2.85rem;padding:0;justify-content:center}.cb-launcher-copy{display:none}}@media(prefers-reduced-motion:reduce){.cb-send-spinner{animation-duration:1.4s}.cb-launcher,.cb-launcher-copy,.cb-suggestion{transition:none}}:root{--font-sans: "Inter", "Segoe UI", Helvetica, Arial, sans-serif;--font-display: "Inter Tight", "Inter", "Segoe UI", sans-serif;--font-sans-zh: "Noto Sans SC", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Source Han Sans SC", sans-serif;--font-display-zh: "Noto Sans SC", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Source Han Sans SC", sans-serif;--scroll-progress: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-pill: 999px;--radius-control: .5rem;--radius-command: .65rem;--transition-curve: cubic-bezier(.4, 0, .2, 1);--transition-fast: .15s var(--transition-curve);--transition-base: .22s var(--transition-curve);--transition-spring: .3s var(--transition-curve);--transition-smooth: .36s var(--transition-curve);--container-max: 76rem;--container-max-narrow: 48rem;--color-success: 22, 163, 74;--color-danger: 220, 38, 38;--color-bg: 250, 250, 248;--color-bg-soft: 244, 244, 242;--color-surface: 255, 255, 255;--color-surface-elevated: 250, 250, 248;--color-border: 228, 228, 224;--color-text: 23, 23, 21;--color-muted: 102, 102, 97;--color-muted-strong: 82, 82, 77;--color-accent: 23, 23, 21;--color-accent-strong: 0, 0, 0;--color-accent-soft: 244, 244, 242;--color-accent-glow: 115, 115, 110;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .06), 0 1px 3px rgba(0, 0, 0, .04);--shadow-glow: none;--shadow-float-soft: 0 2px 8px rgba(0, 0, 0, .04);--shadow-float-elevated: 0 4px 16px rgba(0, 0, 0, .06);--shadow-inner-machined: none;--glass-tint: transparent;--gradient-accent: linear-gradient(135deg, rgb(23, 23, 21), rgb(82, 82, 77));--gradient-accent-subtle: linear-gradient(180deg, rgba(23, 23, 21, .03), transparent);--gradient-surface: linear-gradient(180deg, rgb(255, 255, 255), rgb(250, 250, 248));--gradient-hairline: linear-gradient(180deg, rgba(228, 228, 224, .9), rgba(228, 228, 224, .5));--gradient-hairline-soft: linear-gradient(180deg, rgba(228, 228, 224, .6), rgba(228, 228, 224, .3));--gradient-monochrome-button: linear-gradient(180deg, rgb(36, 36, 33), rgb(23, 23, 21));--gradient-monochrome-button-strong: linear-gradient(180deg, rgb(48, 48, 44), rgb(28, 28, 25));--gradient-command-surface: linear-gradient(180deg, rgb(255, 255, 255), rgb(250, 250, 248));--noise-texture: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E")}html.dark{--color-bg: 12, 12, 14;--color-bg-soft: 18, 18, 20;--color-surface: 22, 22, 24;--color-surface-elevated: 28, 28, 32;--color-border: 46, 46, 50;--color-text: 240, 240, 238;--color-muted: 155, 155, 150;--color-muted-strong: 180, 180, 175;--color-accent: 240, 240, 238;--color-accent-strong: 255, 255, 255;--color-accent-soft: 28, 28, 32;--color-accent-glow: 155, 155, 150;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .12);--shadow-sm: 0 1px 4px rgba(0, 0, 0, .16);--shadow-md: 0 4px 16px rgba(0, 0, 0, .2);--shadow-float-soft: 0 2px 8px rgba(0, 0, 0, .14);--shadow-float-elevated: 0 4px 16px rgba(0, 0, 0, .18);--gradient-accent: linear-gradient(135deg, rgb(240, 240, 238), rgb(180, 180, 175));--gradient-accent-subtle: linear-gradient(180deg, rgba(240, 240, 238, .04), transparent);--gradient-surface: linear-gradient(180deg, rgb(22, 22, 24), rgb(18, 18, 20));--gradient-hairline: linear-gradient(180deg, rgba(46, 46, 50, .8), rgba(46, 46, 50, .4));--gradient-hairline-soft: linear-gradient(180deg, rgba(46, 46, 50, .6), rgba(46, 46, 50, .3));--gradient-monochrome-button: linear-gradient(180deg, rgb(52, 52, 56), rgb(36, 36, 38));--gradient-monochrome-button-strong: linear-gradient(180deg, rgb(64, 64, 68), rgb(42, 42, 44));--gradient-command-surface: linear-gradient(180deg, rgb(22, 22, 24), rgb(18, 18, 20))}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:1rem}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}html.large-font{font-size:18px}body{min-height:100vh;font-family:var(--font-sans);color:rgb(var(--color-text));text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit;color:inherit}html[lang=zh] body{font-family:var(--font-sans-zh),var(--font-sans);letter-spacing:.01em;line-height:1.78;word-break:normal;line-break:loose;overflow-wrap:anywhere}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;line-height:1.08}html[lang=zh] h1,html[lang=zh] h2,html[lang=zh] h3,html[lang=zh] h4,html[lang=zh] h5,html[lang=zh] h6{font-family:var(--font-display-zh),var(--font-display);letter-spacing:-.01em;line-height:1.18}html[lang=zh] .site-brand-name,html[lang=zh] .admin-brand-title,html[lang=zh] .admin-panel-title,html[lang=zh] .section-title{font-family:var(--font-display-zh),var(--font-display)}html[lang=zh] p,html[lang=zh] li,html[lang=zh] .ui-button,html[lang=zh] .detail-value,html[lang=zh] .site-brand-caption,html[lang=zh] .hero-role,html[lang=zh] .hero-summary,html[lang=zh] .section-subtitle,html[lang=zh] .blog-excerpt,html[lang=zh] .practice-copy,html[lang=zh] .signature-copy,html[lang=zh] .featured-project-summary,html[lang=zh] .toolbelt-value,html[lang=zh] input,html[lang=zh] textarea,html[lang=zh] select{font-family:var(--font-sans-zh),var(--font-sans);word-break:normal;overflow-wrap:anywhere}html[lang=zh] .hero-title,html[lang=zh] .featured-project-title,html[lang=zh] .timeline-title,html[lang=zh] .practice-title,html[lang=zh] .signature-title{letter-spacing:0;line-height:1.22;word-break:keep-all;overflow-wrap:normal;line-break:normal;hyphens:none}p{color:rgb(var(--color-muted))}a{color:rgb(var(--color-text));text-decoration:none}a:hover{color:rgb(var(--color-muted-strong))}img{display:block;max-width:100%;height:auto}:focus-visible{outline:2px solid rgba(var(--color-text),.7);outline-offset:2px}mark{background:rgba(var(--color-text),.08);color:rgb(var(--color-text));padding:.05rem .18rem;border-radius:.2rem}.skip-link{position:absolute;top:-120px;left:var(--space-4);z-index:1000;background:rgb(var(--color-text));color:rgb(var(--color-bg));border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);transition:top var(--transition-base)}.skip-link:focus{top:var(--space-3)}.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}.site-container{width:min(calc(100% - 2rem),var(--container-max));margin-inline:auto}.site-container-narrow{width:min(calc(100% - 2rem),var(--container-max-narrow));margin-inline:auto}.site-stack>*+*{margin-top:var(--space-10)}body,body.page-home,body.page-blog,body.page-post,body.page-resume,body.page-changelog,body.page-admin,body.page-demos,body.page-status,html.dark body,html.dark body.page-home,html.dark body.page-blog,html.dark body.page-post,html.dark body.page-resume,html.dark body.page-changelog,html.dark body.page-admin,html.dark body.page-demos,html.dark body.page-status{background-color:rgb(var(--color-bg))}body.modal-open{overflow:hidden}@media(max-width:640px){.site-container,.site-container-narrow{width:min(calc(100% - 1.25rem),var(--container-max))}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(var(--color-muted),.18);border:2px solid transparent;background-clip:padding-box;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:rgba(var(--color-muted),.32);border:2px solid transparent;background-clip:padding-box}.hidden{display:none!important}.flex{display:flex}.grid{display:grid}.inline-flex{display:inline-flex}.block{display:block}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.items-center{align-items:center}.items-start{align-items:start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:end}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.w-full{width:100%}.w-4{width:1rem}.w-5{width:1.25rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-16{height:4rem}.min-h-screen{min-height:100vh}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-16{margin-top:4rem}.mt-20{margin-top:5rem}.ml-4{margin-left:1rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mx-auto{margin-inline:auto}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-4{padding-inline:1rem}.px-1{padding-inline:.25rem}.py-2{padding-block:.5rem}.py-3{padding-block:.75rem}.py-8{padding-block:2rem}.py-12{padding-block:3rem}.pl-4{padding-left:1rem}.space-y-4>*+*{margin-top:1rem}.space-y-5>*+*{margin-top:1.25rem}.space-y-6>*+*{margin-top:1.5rem}.space-y-8>*+*{margin-top:2rem}.space-x-4>*+*{margin-left:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.italic{font-style:italic}.text-center{text-align:center}.max-w-none{max-width:none}.max-w-2xl{max-width:42rem}.text-slate-900{color:rgb(var(--color-text))}.text-slate-600,.text-slate-500,.text-slate-400{color:rgb(var(--color-muted))}.text-slate-200{color:rgba(var(--color-muted),.5)}.text-red-500,.text-red-700{color:rgb(var(--color-danger))}.text-green-700,.text-green-200{color:rgb(var(--color-success))}.text-blue-600{color:rgb(var(--color-accent))}.dark .dark\:text-slate-100{color:rgb(var(--color-text))}.dark .dark\:text-slate-300,.dark .dark\:text-slate-400{color:rgb(var(--color-muted))}.dark .dark\:text-green-200{color:rgb(var(--color-success))}.border{border-width:1px;border-style:solid}.border-b{border-bottom-width:1px;border-bottom-style:solid}.border-b-2{border-bottom-width:2px;border-bottom-style:solid}.border-l-2{border-left-width:2px;border-left-style:solid}.border-slate-200,.border-slate-300{border-color:rgba(var(--color-border),.9)}.border-slate-400{border-color:rgba(var(--color-border),.95)}.border-transparent{border-color:transparent}.border-green-400{border-color:rgba(var(--color-success),.4)}.border-red-400{border-color:rgba(var(--color-danger),.4)}.border-blue-500{border-color:rgb(var(--color-accent))}.dark .dark\:border-slate-700,.dark .dark\:border-slate-800{border-color:rgba(var(--color-border),.8)}.dark .dark\:border-green-600{border-color:rgba(var(--color-success),.6)}.rounded{border-radius:var(--radius-sm)}.rounded-lg{border-radius:var(--radius-lg)}.bg-white\/95{background:rgba(var(--color-surface),.95)}.bg-green-100{background:rgba(var(--color-success),.1)}.bg-red-100{background:rgba(var(--color-danger),.1)}.dark .dark\:bg-slate-900{background:rgba(var(--color-bg),1)}.dark .dark\:bg-green-900{background:rgba(var(--color-success),.15)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.shadow-sm{box-shadow:var(--shadow-xs)}.overflow-y-auto{overflow-y:auto}.top-0{top:0}.z-50{z-index:50}.scroll-smooth{scroll-behavior:smooth}.min-w-\[110px\]{min-width:110px}.min-w-\[260px\]{min-width:260px}.max-w-\[110px\]{max-width:110px}.max-w-7xl{max-width:80rem}.max-w-4xl{max-width:56rem}.-mb-px{margin-bottom:-1px}@media(min-width:640px){.sm\:flex-row{flex-direction:row}.sm\:px-6{padding-inline:1.5rem}}@media(min-width:768px){.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:justify-between{justify-content:space-between}.md\:p-8{padding:2rem}.md\:p-10{padding:2.5rem}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:col-span-2{grid-column:span 2 / span 2}}@media(min-width:1024px){.lg\:px-8{padding-inline:2rem}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.text-gradient-accent{background-image:var(--gradient-accent);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes load-track{0%{transform:translate(-100%)}to{transform:translate(220%)}}@keyframes chatbotMsgIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes demo-tag-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes chatbot-bounce{0%,80%,to{transform:translateY(0);opacity:.55}40%{transform:translateY(-6px);opacity:1}}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-pop-in{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes drawer-slide-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-on-scroll{opacity:0;transform:translateY(16px);transition:opacity .6s var(--transition-curve),transform .6s var(--transition-curve)}.fade-on-scroll.fade-active{opacity:1;transform:translateY(0)}.fade-on-scroll.fade-stagger-1{transition-delay:.05s}.fade-on-scroll.fade-stagger-2{transition-delay:.1s}.fade-on-scroll.fade-stagger-3{transition-delay:.15s}.fade-on-scroll.fade-stagger-4{transition-delay:.2s}.fade-on-scroll.fade-stagger-5{transition-delay:.25s}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.fade-on-scroll{opacity:1;transform:none;transition:none}#cursorFollower{display:none}.hero-title .hero-word{opacity:1;transform:none;animation:none}.section-divider:after{transform:scaleX(1);transition:none}.demo-tech-tag{animation:none}.demo-expandable-content,.demo-expand-icon{transition:none}.demo-status-live .demo-status-dot{animation:none}.demo-card,.demo-detail-column,.demo-featured-card{transition:none}.btn-loading:after{animation:none}.modal-backdrop,.chatbot-promo-window,.site-nav-wrap{backdrop-filter:none;-webkit-backdrop-filter:none}.chatbot-magnetic{transition:none}.chatbot-typing-dots span{animation:none}}.site-masthead{position:relative;z-index:5;background:rgb(var(--color-bg));color:rgb(var(--color-text));border-bottom:1px solid transparent}.site-masthead-inner{padding-top:clamp(2rem,3vw,2.6rem);padding-bottom:clamp(1.2rem,2vw,1.6rem);display:flex;flex-direction:column;gap:0}.site-masthead.is-compact .site-masthead-inner{padding-top:clamp(1.4rem,2.4vw,1.85rem);padding-bottom:clamp(.9rem,1.6vw,1.2rem)}.site-masthead-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1.2rem;min-width:0}.site-masthead-wordmark{display:inline-block;font-family:var(--font-display);font-size:clamp(1.65rem,3vw,2.4rem);font-weight:600;letter-spacing:-.012em;line-height:1.05;color:rgb(var(--color-text));text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.35em;text-decoration-color:transparent;transition:text-decoration-color var(--transition-fast),color var(--transition-fast)}html[lang=zh] .site-masthead-wordmark{font-family:var(--font-display-zh)}.site-masthead.is-compact .site-masthead-wordmark{font-size:clamp(1.5rem,2.7vw,2.15rem)}.site-masthead-wordmark:hover,.site-masthead-wordmark:focus-visible{color:rgb(var(--color-text));text-decoration-color:rgb(var(--color-text))}.site-masthead-utilities{display:inline-flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:1rem;margin-left:auto}.site-masthead-util{appearance:none;border:0;background:transparent;padding:0;margin:0;font-family:var(--font-sans);font-size:.82rem;font-weight:500;letter-spacing:.02em;line-height:1.2;color:rgb(var(--color-muted));text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.35em;text-decoration-color:transparent;transition:text-decoration-color var(--transition-fast),color var(--transition-fast);cursor:pointer;white-space:nowrap}.site-masthead-util:hover,.site-masthead-util:focus-visible{color:rgb(var(--color-text));text-decoration-color:rgb(var(--color-text))}.site-masthead-auth-slot{display:inline-flex;align-items:center;gap:.6rem}.site-masthead-user{display:inline-flex;align-items:center;gap:.55rem;font-family:var(--font-sans);font-size:.82rem;color:rgb(var(--color-muted))}.site-masthead-user-greeting{color:rgb(var(--color-muted))}.site-masthead-user-name{max-width:12ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:rgb(var(--color-text));font-weight:500}.site-masthead-util-menu{display:none;align-items:center;gap:.5rem;min-height:2.75rem;padding-inline:.75rem;text-decoration:none}.site-masthead-util-menu:hover,.site-masthead-util-menu:focus-visible{text-decoration:none;color:rgb(var(--color-text))}.site-masthead-menu-text{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.35em;text-decoration-color:transparent;transition:text-decoration-color var(--transition-fast)}.site-masthead-util-menu:hover .site-masthead-menu-text,.site-masthead-util-menu:focus-visible .site-masthead-menu-text{text-decoration-color:rgb(var(--color-text))}.site-masthead-menu-glyph{display:inline-flex;flex-direction:column;justify-content:center;gap:.22rem;width:1rem}.site-masthead-menu-glyph span{display:block;width:100%;height:1.5px;border-radius:999px;background:currentColor}.site-masthead-tagline{margin:.45rem 0 0;font-family:var(--font-sans);font-size:clamp(.88rem,1.2vw,.98rem);font-weight:500;letter-spacing:0;line-height:1.45;color:rgb(var(--color-muted));max-width:52ch}html[lang=zh] .site-masthead-tagline{font-family:var(--font-sans-zh)}.site-masthead-context{margin:.95rem 0 0;font-family:var(--font-sans);font-size:.78rem;font-weight:500;letter-spacing:.08em;line-height:1.4;text-transform:uppercase;color:rgb(var(--color-muted))}html[lang=zh] .site-masthead-context{font-family:var(--font-sans-zh)}.site-masthead.is-compact .site-masthead-context{margin-top:.55rem}.site-masthead-rule{border:0;height:1px;background:rgba(var(--color-border),.9);margin:1.2rem 0 .85rem}.site-masthead.is-compact .site-masthead-rule{margin-top:.95rem;margin-bottom:.7rem}.site-masthead-nav{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 1.2rem;row-gap:.55rem}.site-masthead-nav-link{display:inline-block;padding:0;font-family:var(--font-sans);font-size:.78rem;font-weight:500;letter-spacing:.12em;line-height:1;text-transform:uppercase;color:rgb(var(--color-muted));text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.35em;text-decoration-color:transparent;transition:text-decoration-color var(--transition-fast),color var(--transition-fast)}html[lang=zh] .site-masthead-nav-link{font-family:var(--font-sans-zh);letter-spacing:.06em}.site-masthead-nav-link:hover,.site-masthead-nav-link:focus-visible{color:rgb(var(--color-text));text-decoration-color:rgb(var(--color-text))}.site-masthead-nav-link[aria-current=page],.site-masthead-nav-link.is-current{color:rgb(var(--color-text));font-weight:600;text-decoration-color:rgb(var(--color-text))}.site-masthead-mobile{display:none;background:rgb(var(--color-bg));border-top:1px solid rgba(var(--color-border),.9)}.site-masthead-mobile.is-open{display:block}.site-masthead-mobile-inner{padding-top:.9rem;padding-bottom:1.2rem;display:flex;flex-direction:column;gap:0}.site-masthead-mobile-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.site-masthead-mobile-list li{margin:0}.site-masthead-mobile-link{display:flex;align-items:center;min-height:2.75rem;padding:.7rem .25rem;font-family:var(--font-sans);font-size:.95rem;font-weight:500;letter-spacing:0;line-height:1.3;color:rgb(var(--color-muted));border-bottom:1px solid rgba(var(--color-border),.6);text-decoration:none;transition:color var(--transition-fast)}html[lang=zh] .site-masthead-mobile-link{font-family:var(--font-sans-zh)}.site-masthead-mobile-link:hover,.site-masthead-mobile-link:focus-visible{color:rgb(var(--color-text))}.site-masthead-mobile-link[aria-current=page],.site-masthead-mobile-link.is-current{color:rgb(var(--color-text));font-weight:600}.site-masthead-mobile-utilities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;padding:.85rem 0;margin-top:.4rem;border-top:1px solid rgba(var(--color-border),.6)}.site-masthead-mobile-utility{min-height:2.75rem;font-size:.88rem;text-align:left}.site-masthead-mobile-auth{display:flex;flex-direction:column;gap:.5rem;padding-top:.85rem;border-top:1px solid rgba(var(--color-border),.6)}.site-masthead-mobile-user{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem;font-size:.88rem;color:rgb(var(--color-muted))}.site-masthead-wordmark:focus-visible,.site-masthead-util:focus-visible,.site-masthead-nav-link:focus-visible,.site-masthead-mobile-link:focus-visible{outline:2px solid rgba(var(--color-text),.45);outline-offset:2px;border-radius:var(--radius-sm)}.site-status-banner{margin-top:0;border-top:1px solid rgba(var(--color-border),.7);border-bottom:1px solid rgba(var(--color-border),.7);background:rgb(var(--color-surface-elevated))}.site-status-banner-inner{padding-block:.7rem;font-size:.88rem;line-height:1.65;color:rgb(var(--color-text))}@media(min-width:980px){.site-masthead-util-mobile{display:none}.site-masthead-mobile{display:none!important}}@media(max-width:979px){.site-masthead-util-desktop,.site-masthead-util-language,.site-masthead-util-theme,.site-masthead-util-font{display:none}.site-masthead-util-menu{display:inline-flex}.site-masthead-nav{display:none}}@media(max-width:640px){.site-masthead-inner{padding-top:clamp(1.2rem,4vw,1.5rem);padding-bottom:clamp(.85rem,3vw,1.1rem)}.site-masthead-wordmark{font-size:clamp(1.4rem,6vw,1.7rem)}.site-masthead.is-compact .site-masthead-wordmark{font-size:clamp(1.25rem,5.4vw,1.55rem)}.site-masthead-tagline{margin-top:.35rem;font-size:.82rem}.site-masthead-context{margin-top:.7rem;font-size:.72rem}.site-masthead-rule{margin-top:.9rem;margin-bottom:0}.site-masthead-utilities{gap:.85rem}}@media(prefers-reduced-motion:reduce){.site-masthead-wordmark,.site-masthead-util,.site-masthead-nav-link,.site-masthead-mobile-link,.site-masthead-menu-text{transition:none}}.section-block{position:relative;padding-block:clamp(3.5rem,6.5vw,5.5rem)}.section-header{display:grid;gap:.65rem;margin-bottom:var(--space-8)}.section-title{font-size:clamp(1.6rem,3.5vw,2.2rem);font-weight:650;letter-spacing:-.03em;margin:0;text-wrap:balance}.section-subtitle{margin:0;max-width:40rem;font-size:.95rem;line-height:1.72}.section-block[data-section-index]:before{content:attr(data-section-index);position:absolute;top:clamp(1.8rem,4vw,3rem);right:clamp(1rem,4vw,3rem);font-family:var(--font-display);font-size:clamp(3rem,7vw,5rem);font-weight:700;line-height:1;color:rgba(var(--color-border),.3);pointer-events:none;user-select:none;letter-spacing:-.04em}.section-divider{border-top:none;position:relative}.section-divider:after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:rgba(var(--color-border),.8);transform:scaleX(0);transform-origin:left;transition:transform .7s var(--transition-curve)}.section-divider.fade-active:after,.section-divider:has(.fade-active):after,.section-block.section-divider:after{transform:scaleX(1)}.eyebrow{display:inline-flex;align-items:center;gap:.45rem;margin:0;font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgb(var(--color-muted))}.eyebrow:before{content:"";width:1.5rem;height:1px;background:rgb(var(--color-text));border-radius:0}.content-split{display:grid;gap:clamp(2rem,5vw,4rem)}.detail-list{display:grid;gap:.85rem}.detail-item{display:grid;gap:.2rem;padding-top:.85rem;border-top:1px solid rgba(var(--color-border),.7)}.detail-label{font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgb(var(--color-muted))}.detail-value{font-size:.95rem;color:rgb(var(--color-text))}@media(min-width:960px){.content-split{grid-template-columns:minmax(0,1.3fr) minmax(18rem,.7fr);align-items:start}}@media(max-width:767px){.section-block[data-section-index]:before{font-size:clamp(2.2rem,12vw,3.5rem);right:.5rem;top:clamp(1.2rem,3vw,2rem)}}.site-footer{position:relative;margin-top:clamp(4rem,8vw,7rem);padding:clamp(3.5rem,7vw,5rem) 0 2rem;border-top:1px solid rgba(var(--color-border),.8)}.site-footer-grid{display:grid;gap:clamp(1.5rem,4vw,3rem);position:relative;z-index:1}.site-footer-kicker,.site-footer-meta p{margin:0;font-size:.9rem;color:rgb(var(--color-muted))}.site-footer-kicker{max-width:26rem}.site-footer-title{margin:.35rem 0 0;font-size:clamp(1.5rem,2.8vw,2rem);color:rgb(var(--color-text));font-family:var(--font-display);letter-spacing:-.03em}.site-footer-links{display:flex;flex-wrap:wrap;gap:.6rem 1.3rem;align-items:start}.site-footer-link{color:rgb(var(--color-text));font-weight:550;font-size:.92rem;transition:color var(--transition-fast)}.site-footer-link:hover{color:rgb(var(--color-muted))}.site-footer-meta{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;justify-content:space-between;padding-top:1.25rem;margin-top:1.4rem;border-top:1px solid rgba(var(--color-border),.8);position:relative;z-index:1}.footer-watermark,.footer-aura{display:none}@media(min-width:960px){.site-footer-grid{grid-template-columns:minmax(0,1fr) auto;align-items:end}}@media(max-width:767px){.site-footer{padding-top:3rem}.site-footer-grid{gap:1.5rem}.site-footer-links{display:grid;grid-template-columns:repeat(2,minmax(0,max-content))}}.glass-card,.ui-card{border:1px solid rgba(var(--color-border),.8);border-radius:var(--radius-lg);background:rgb(var(--color-surface));box-shadow:var(--shadow-xs);transition:border-color var(--transition-base),box-shadow var(--transition-base),transform .24s var(--transition-curve)}.glass-card:hover,.ui-card-hover:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}html.dark .glass-card,html.dark .ui-card{background:rgb(var(--color-surface));border-color:rgba(var(--color-border),.7)}html.dark .glass-card:hover,html.dark .ui-card-hover:hover{box-shadow:var(--shadow-sm)}.panel-grid{display:grid;gap:1rem}.ui-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:2.75rem;padding:.68rem 1.1rem;border:1px solid rgba(var(--color-border),.9);border-radius:var(--radius-control);font-weight:550;letter-spacing:.01em;cursor:pointer;color:rgb(var(--color-text));background:rgb(var(--color-surface));box-shadow:var(--shadow-xs);transition:transform .2s var(--transition-curve),box-shadow var(--transition-fast),border-color var(--transition-fast),background-color var(--transition-fast),color var(--transition-fast)}.ui-button:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm);background:rgb(var(--color-surface-elevated))}.ui-button:active{transform:translateY(0)}.ui-button:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.ui-button-primary{color:rgb(var(--color-bg));background:rgb(var(--color-text));border-color:rgb(var(--color-text));box-shadow:var(--shadow-xs)}.ui-button-primary:hover{background:rgb(var(--color-muted-strong));border-color:rgb(var(--color-muted-strong));color:rgb(var(--color-bg));box-shadow:var(--shadow-sm)}.ui-button-secondary,.ui-button-ghost{color:rgb(var(--color-text));background:rgb(var(--color-surface));border-color:rgba(var(--color-border),.9);box-shadow:none}.ui-button-secondary:hover,.ui-button-ghost:hover{color:rgb(var(--color-text));background:rgb(var(--color-surface-elevated));border-color:rgba(var(--color-border),1)}.ui-button-danger{background:rgb(var(--color-danger));border-color:rgb(var(--color-danger));color:#fff}.ui-button-danger:hover{opacity:.9;color:#fff}.ui-button-sm{min-height:2.2rem;padding:.42rem .72rem;font-size:.88rem}.ui-button-icon{min-width:2.75rem;padding-inline:.65rem}.ui-input{width:100%;min-height:2.85rem;padding:.72rem .88rem;border:1px solid rgba(var(--color-border),.9);border-radius:var(--radius-command);background:rgb(var(--color-surface));color:rgb(var(--color-text));box-shadow:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.ui-input::placeholder{color:rgba(var(--color-muted),.6)}.ui-input:focus{outline:none;border-color:rgb(var(--color-text));box-shadow:0 0 0 1px rgb(var(--color-text))}.ui-input-command{min-height:2.85rem;height:2.85rem;resize:none;overflow:hidden;line-height:1.45}.ui-input-command:focus,.ui-input-command:not(:placeholder-shown){min-height:7rem;height:7rem}.ui-input:disabled,textarea:disabled,input:disabled{cursor:not-allowed;opacity:.5;background:rgb(var(--color-surface-elevated))}.form-label{display:block;margin-bottom:.4rem;font-size:.88rem;color:rgb(var(--color-text));font-weight:550}.ui-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .55rem;border-radius:var(--radius-control);font-size:.78rem;font-weight:600;border:1px solid rgba(var(--color-border),.8);background:rgb(var(--color-surface-elevated));color:rgb(var(--color-muted))}.ui-badge-success{background:rgba(var(--color-success),.08);border-color:rgba(var(--color-success),.2);color:rgb(var(--color-success))}.ui-badge-neutral{color:rgb(var(--color-muted))}.alert{padding:.75rem 1rem;border-radius:var(--radius-command);border:1px solid}.alert-success{background:rgba(var(--color-success),.06);border-color:rgba(var(--color-success),.18);color:rgb(var(--color-success))}.alert-error{background:rgba(var(--color-danger),.06);border-color:rgba(var(--color-danger),.18);color:rgb(var(--color-danger))}.alert-info{background:rgba(var(--color-border),.18);border-color:rgba(var(--color-border),.85);color:rgb(var(--color-text))}#message-status:empty{display:none}form.is-disabled{position:relative;opacity:.78}form.is-disabled:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,transparent 0,transparent 14px,rgba(var(--color-border),.08) 14px,rgba(var(--color-border),.08) 16px);border-radius:inherit;pointer-events:none}form.is-disabled :is(input,textarea,button,select){cursor:not-allowed}.status-pill{display:inline-flex;align-items:center;justify-content:center;min-height:1.9rem;padding:.3rem .7rem;border-radius:var(--radius-control);border:1px solid rgba(var(--color-border),.8);background:rgb(var(--color-surface-elevated));color:rgb(var(--color-text));font-size:.78rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.status-pill-live{color:rgb(var(--color-success));border-color:rgba(var(--color-success),.2);background:rgba(var(--color-success),.06)}.status-pill-muted{color:rgb(var(--color-muted))}.prose{color:rgb(var(--color-muted));font-size:1.06rem;line-height:1.85;max-width:68ch}.prose h1,.prose h2,.prose h3,.prose h4{margin-top:1.9em;margin-bottom:.75em;color:rgb(var(--color-text));line-height:1.18}.prose h1{font-size:clamp(2rem,5vw,2.8rem)}.prose h2{font-size:clamp(1.55rem,4vw,2rem)}.prose h3{font-size:1.25rem}.prose p,.prose ul,.prose ol,.prose blockquote,.prose pre{margin-top:1.1em;margin-bottom:1.1em}.prose ul,.prose ol{padding-left:1.25rem;display:grid;gap:.4rem}.prose strong{color:rgb(var(--color-text))}.prose a{color:rgb(var(--color-accent));text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:.18em}.prose code{padding:.15rem .42rem;border-radius:.45rem;border:1px solid rgba(var(--color-accent),.18);background:rgba(var(--color-accent),.08);color:rgb(var(--color-text));font-size:.9em}.prose pre{position:relative;overflow-x:auto;padding:1rem;border-radius:var(--radius-md);border:1px solid rgba(var(--color-border),.9);background:rgba(var(--color-bg-soft),.92);scrollbar-width:thin;-webkit-overflow-scrolling:touch}.prose pre:after{content:"";position:sticky;top:0;right:0;display:block;width:2.5rem;height:100%;margin-left:auto;margin-top:-100%;pointer-events:none;background:linear-gradient(to right,transparent,rgb(var(--color-surface)) 80%);opacity:.85}html.dark .prose pre{background:#0c0c0e}html.dark .prose pre:after{background:linear-gradient(to right,transparent,rgb(12,12,14) 80%)}.prose blockquote{margin-left:0;padding-left:1rem;border-left:3px solid rgba(var(--color-accent),.45);color:rgb(var(--color-text))}.modal{display:grid;place-items:center;padding:clamp(1rem,4vh,2rem);isolation:isolate;z-index:120}.modal:not(.hidden) .modal-backdrop{animation:overlay-fade-in .18s var(--transition-curve) both}.modal:not(.hidden) .modal-panel{animation:modal-pop-in .22s var(--transition-curve) both}.modal-backdrop{position:absolute;inset:0;background:rgba(var(--color-bg),.6);backdrop-filter:blur(3px)}.modal-panel{position:relative;width:min(calc(100% - 1.5rem),42rem);max-height:min(100vh - 2rem,44rem);margin:0;padding:1.5rem;overflow-y:auto;border-radius:var(--radius-lg);border:1px solid rgba(var(--color-border),.8);background:rgb(var(--color-surface));box-shadow:var(--shadow-md)}.auth-modal-panel{width:min(100%,26rem);padding:1rem;background:rgb(var(--color-surface));box-shadow:var(--shadow-md)}.modal-close{position:absolute;top:.75rem;right:.75rem;width:2rem;height:2rem;border:1px solid rgba(var(--color-border),.7);border-radius:var(--radius-sm);background:transparent;color:rgb(var(--color-muted));font-size:1rem;cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast)}.modal-close:hover{border-color:rgba(var(--color-border),1);color:rgb(var(--color-text))}.auth-modal-content,.auth-modal-header{display:grid;gap:.4rem}.auth-modal-content{gap:.8rem}.auth-modal-header{padding-right:2rem;padding-bottom:.35rem;border-bottom:1px solid rgba(var(--color-border),.6)}.auth-modal-title{margin:0;max-width:none;font-size:clamp(1.35rem,3vw,1.7rem);line-height:1.08;letter-spacing:-.03em;color:rgb(var(--color-text))}.auth-forms{display:grid;gap:.65rem}.auth-form{display:grid;gap:.75rem;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.auth-form-intro{display:grid;gap:.12rem}.auth-form-title{margin:0;font-size:.98rem;line-height:1.25}.auth-field{display:grid;gap:.4rem}.auth-field .form-label{margin-bottom:0;color:rgb(var(--color-text))}.auth-form .ui-input{min-height:2.85rem;padding:.72rem .85rem;background:rgb(var(--color-surface));border-color:rgba(var(--color-border),.8);color:rgb(var(--color-text));box-shadow:none}.auth-form .ui-input::placeholder{color:rgba(var(--color-muted),.5)}.auth-form .ui-input:hover{border-color:rgba(var(--color-border),.95)}.auth-form .ui-input:focus{box-shadow:0 0 0 1px rgb(var(--color-text))}.auth-switch{margin:0;font-size:.86rem;color:rgb(var(--color-muted));line-height:1.5}.auth-switch a{font-weight:600;color:rgb(var(--color-text));text-decoration:underline;text-underline-offset:.2em}.auth-divider{display:flex;align-items:center;gap:.6rem;margin:.08rem 0;color:rgb(var(--color-muted));font-size:.7rem;letter-spacing:.06em;text-transform:uppercase}.auth-divider:before,.auth-divider:after{content:"";flex:1 1 auto;height:1px;background:rgba(var(--color-border),.8)}.auth-oauth-button{gap:.65rem;justify-content:center;min-height:2.75rem}.auth-oauth-mark{display:inline-flex;align-items:center;justify-content:center;width:1.45rem;height:1.45rem;border-radius:999px;border:1px solid rgba(var(--color-border),.7);background:rgb(var(--color-surface-elevated));color:rgb(var(--color-text));font-size:.78rem;font-weight:700;line-height:1}.auth-oauth-disabled{opacity:.45;pointer-events:none}.auth-runtime-note,.contact-runtime-note{margin-bottom:.9rem}.auth-form-disabled{opacity:.65}.auth-form-disabled .ui-input{pointer-events:none}.auth-form-disabled .auth-oauth-button{opacity:.45;pointer-events:none}@media(max-width:640px){.modal{padding:.75rem}.auth-modal-panel{width:min(100%,30rem);padding:.9rem}.auth-modal-header{padding-right:2rem}}.loading-spinner{position:relative;display:inline-block;width:4rem;height:1.5px;border-radius:999px;overflow:hidden;background:rgba(var(--color-border),.5)}.loading-spinner-large{width:6rem}.loading-spinner:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgb(var(--color-text)),transparent);transform:translate(-100%);animation:load-track 1.1s var(--transition-curve) infinite}.loading-text{color:rgb(var(--color-muted));font-size:.92rem}.btn-loading{pointer-events:none}.btn-loading .btn-text{opacity:.84}.btn-loading:after{content:"";position:absolute;inset:auto .78rem .38rem;height:1px;border-radius:999px;background:linear-gradient(90deg,transparent,rgb(var(--color-muted)),transparent);transform:translate(-100%);animation:load-track 1.15s var(--transition-curve) infinite}.skeleton{background:linear-gradient(90deg,rgba(var(--color-border),.3) 25%,rgba(var(--color-border),.5),rgba(var(--color-border),.3) 75%);background-size:200% 100%;animation:shimmer 1.2s infinite}.skeleton-text{height:1rem;border-radius:var(--radius-sm);margin-bottom:.5rem}.skeleton-title{height:1.4rem;border-radius:var(--radius-sm);margin-bottom:.85rem}.site-toast-root{position:fixed;right:1rem;bottom:1rem;z-index:130;display:grid;gap:.65rem;pointer-events:none}.site-toast-root>*{pointer-events:auto}.site-toast{min-width:16rem;max-width:22rem;padding:.85rem 1rem;border-radius:var(--radius-md);border:1px solid rgba(var(--color-border),.9);background:rgb(var(--color-surface));color:rgb(var(--color-text));box-shadow:var(--shadow-md)}.site-toast-success{border-color:rgba(var(--color-success),.3)}.site-toast-error{border-color:rgba(var(--color-danger),.3)}.site-toast-info{border-color:rgba(var(--color-border),.8)}#scrollProgressBar{position:fixed;inset:0 auto auto 0;width:0;height:1.5px;z-index:70;background:rgb(var(--color-text))}#networkProgressBar{position:fixed;inset:0 auto auto 0;width:100%;height:1px;z-index:110;pointer-events:none;opacity:0;transform:scaleX(0);transform-origin:0 50%;background:rgb(var(--color-text));transition:opacity var(--transition-fast),transform var(--transition-base)}#networkProgressBar.is-active{opacity:1}.ui-lens-surface{position:relative;overflow:hidden;isolation:isolate}.ui-lens-surface .ui-lens-flare{position:absolute;inset:-1px;z-index:0;pointer-events:none;opacity:0;border-radius:inherit;background:radial-gradient(circle at var(--lens-x, 50%) var(--lens-y, 50%),rgba(255,255,255,.06),transparent 48%);transition:opacity var(--transition-base)}.ui-lens-surface>:not(.ui-lens-flare){position:relative;z-index:1}.ui-lens-surface.is-pointer-active .ui-lens-flare{opacity:1}#cursorFollower{position:fixed;top:0;left:0;width:8px;height:8px;margin-left:-4px;margin-top:-4px;border-radius:50%;background:rgba(var(--color-text),.12);pointer-events:none;opacity:0;z-index:90;transition:width .25s var(--transition-curve),height .25s var(--transition-curve),margin .25s var(--transition-curve),opacity var(--transition-fast)}#cursorFollower.cursor-hover{width:28px;height:28px;margin-left:-14px;margin-top:-14px;background:rgba(var(--color-text),.05)}#backToTopBtn{position:fixed;right:1rem;bottom:1rem;z-index:100;opacity:0;pointer-events:none;transform:translateY(6px);transition:opacity var(--transition-base),transform var(--transition-base);border-radius:50%;width:2.75rem;height:2.75rem;min-height:2.75rem;min-width:2.75rem;padding:0;box-shadow:var(--shadow-sm)}#backToTopBtn.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}body.has-chatbot #backToTopBtn{bottom:5.8rem}.site-runtime-note{display:grid;gap:.35rem;padding:.85rem 1rem;border:1px solid rgba(var(--color-border),.8);border-radius:var(--radius-md);background:rgb(var(--color-surface-elevated));color:rgb(var(--color-muted));line-height:1.65}.site-runtime-note strong{color:rgb(var(--color-text))}.ohnohoney{opacity:0;position:absolute;top:0;left:0;height:0;width:0;overflow:hidden;pointer-events:none;z-index:-1}@media(max-width:767px){.site-toast-root{left:.75rem;right:.75rem;bottom:max(.75rem,env(safe-area-inset-bottom))}.site-toast{min-width:0;max-width:none}}@media(max-width:640px){#backToTopBtn{right:.75rem;bottom:.75rem}}body.page-blog #mainContent,body.page-resume #mainContent,body.page-status #mainContent,body.page-admin #mainContent,body.page-post #mainContent,body.page-changelog #mainContent,body.page-newpost #mainContent,body.page-404 #mainContent{position:relative;isolation:isolate;margin-top:0;padding-top:clamp(1.4rem,3vw,2.4rem)}body.page-demos #mainContent{position:relative;isolation:isolate;padding-top:clamp(1.4rem,3vw,2.4rem)}.site-status-banner+#mainContent:is(.site-container,.demos-main){margin-top:clamp(.9rem,2.8vw,1.4rem)}.site-status-banner+#mainContent.site-container{padding-top:clamp(1.15rem,2.8vw,1.75rem)}.site-status-banner+#mainContent.demos-main{padding-top:clamp(1.1rem,2.6vw,1.6rem)}.article-shell{width:min(100%,var(--container-max-narrow));margin-inline:auto}.article-hero,.search-shell,.page-demos .demos-hero-inner{position:relative;overflow:hidden;border:1px solid rgba(var(--color-border),.7);border-radius:var(--radius-lg);background:rgb(var(--color-surface));box-shadow:var(--shadow-xs)}.article-hero,.page-demos .demos-hero-inner{padding:clamp(1.5rem,3.5vw,2.2rem)}.search-shell{padding:.65rem}html.dark .article-hero,html.dark .search-shell,html.dark .page-demos .demos-hero-inner{border-color:rgba(var(--color-border),.7)}.page-blog .section-title,.page-resume .section-title,.page-demos .demos-hero .section-title{max-width:15ch;letter-spacing:-.04em}.page-blog .section-subtitle,.page-resume .section-subtitle,.page-demos .demos-hero .section-subtitle{max-width:42rem;line-height:1.68}@media(max-width:767px){body.page-blog #mainContent,body.page-resume #mainContent,body.page-status #mainContent,body.page-admin #mainContent,body.page-post #mainContent,body.page-changelog #mainContent,body.page-newpost #mainContent,body.page-404 #mainContent{margin-top:0;padding-top:1rem}body.page-demos #mainContent{padding-top:1rem}.site-status-banner+#mainContent:is(.site-container,.demos-main){margin-top:.8rem}.site-status-banner+#mainContent.site-container,.site-status-banner+#mainContent.demos-main{padding-top:.8rem}.article-hero,.page-demos .demos-hero-inner{padding:1.15rem}.page-blog .section-title,.page-resume .section-title,.page-demos .demos-hero .section-title{max-width:11ch}}.hero-guide-kicker{margin:0;font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgb(var(--color-muted))}.hero-service-card{display:grid;gap:.8rem;padding:1.1rem;border:1px solid rgba(var(--color-border),.8);border-radius:var(--radius-md);background:rgb(var(--color-surface));box-shadow:var(--shadow-xs)}.hero-service-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.85rem}.hero-service-copy{display:grid;gap:.3rem}.hero-service-actions{display:grid;justify-items:end;gap:.5rem}.hero-service-title,.hero-service-summary,.hero-service-note{margin:0}.hero-service-title{font-size:clamp(1.08rem,2vw,1.35rem);line-height:1.4;max-width:21ch}.hero-service-badge{display:inline-flex;align-items:center;justify-content:center;min-height:1.9rem;padding:.25rem .65rem;border-radius:var(--radius-control);border:1px solid rgba(var(--color-border),.8);font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:rgb(var(--color-muted));background:rgb(var(--color-surface-elevated))}.hero-service-badge.is-live{color:rgb(var(--color-success));border-color:rgba(var(--color-success),.2);background:rgba(var(--color-success),.06)}.hero-service-badge.is-fallback,.hero-service-badge.is-error{color:rgb(var(--color-danger));border-color:rgba(var(--color-danger),.2);background:rgba(var(--color-danger),.06)}.hero-service-summary,.hero-service-note,.hero-service-value{font-size:.92rem;line-height:1.65}.hero-service-summary{color:rgb(var(--color-text))}.hero-service-note{color:rgb(var(--color-muted))}.hero-service-list{display:grid;gap:0;border-top:1px solid rgba(var(--color-border),.7)}.hero-service-item{display:flex;align-items:center;justify-content:space-between;gap:.7rem;padding:.75rem 0;border-bottom:1px solid rgba(var(--color-border),.7)}.hero-service-label{font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:rgb(var(--color-muted))}.hero-service-value{color:rgb(var(--color-text));text-align:right}@media(max-width:900px){.hero-service-header{flex-direction:column}.hero-service-actions{width:100%;justify-items:start}}@media(max-width:767px){.hero-service-actions{justify-items:stretch}.hero-service-item{flex-direction:column;align-items:flex-start}.hero-service-value{text-align:left}.hero-service-actions .ui-button{width:100%;justify-content:center}}.featured-project{display:grid;gap:1.3rem;padding:clamp(1.4rem,3.5vw,2.2rem);border:1px solid rgba(var(--color-border),.8);border-radius:var(--radius-lg);background:rgb(var(--color-surface));box-shadow:var(--shadow-xs);position:relative;overflow:hidden;transition:border-color var(--transition-base),box-shadow var(--transition-base)}.featured-project:before{display:none}.featured-project:hover{border-color:rgba(var(--color-border),1);box-shadow:var(--shadow-sm)}html.dark .featured-project{background:rgb(var(--color-surface));border-color:rgba(var(--color-border),.7)}html.dark .featured-project:before{display:none}.featured-project-hero{display:grid;gap:1.5rem}.featured-project-copy{display:grid;gap:.65rem}.featured-project-title{margin:0;font-size:clamp(1.85rem,5vw,2.8rem);line-height:.95;text-wrap:balance}.featured-project-summary{margin:0;max-width:42ch;font-size:.95rem;line-height:1.65}.featured-project-summary-secondary{color:rgb(var(--color-muted))}.featured-project-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:.3rem}.featured-project-signals{display:grid;gap:.35rem}.featured-project-signal{display:grid;gap:.25rem;padding:.85rem;border:1px solid rgba(var(--color-border),.7);border-radius:var(--radius-sm);background:rgb(var(--color-surface-elevated));transition:border-color var(--transition-fast)}.featured-project-grid{display:grid;gap:.55rem}.featured-project-column{display:grid;gap:.8rem;padding:.9rem;border:1px solid rgba(var(--color-border),.7);border-radius:var(--radius-sm);background:rgb(var(--color-surface-elevated));transition:border-color var(--transition-fast),transform .25s var(--transition-curve)}.featured-project-column:hover{border-color:rgba(var(--color-border),1);transform:translateY(-1px)}html.dark .featured-project-signal,html.dark .featured-project-column{background:rgb(var(--color-surface-elevated));border-color:rgba(var(--color-border),.6)}.featured-project-column-title{margin:0;font-size:1.15rem}.featured-project-list{margin:0;padding-left:1.1rem;display:grid;gap:.45rem;color:rgb(var(--color-muted));line-height:1.62}.contact-panel{position:relative;overflow:hidden;padding:clamp(1.15rem,3.5vw,1.8rem);border:1px solid rgba(var(--color-border),.8);background:rgb(var(--color-surface))}.contact-panel:before{display:none}html.dark .contact-panel:before{display:none}.contact-panel.is-unavailable{border-style:solid}.contact-panel.is-unavailable #message-form{opacity:.9}.contact-runtime-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-bottom:.9rem}.contact-captcha,html.dark .contact-captcha{background:rgb(var(--color-surface-elevated))}.contact-captcha-row{flex-wrap:wrap;align-items:center}.contact-captcha-row #captcha-answer{width:min(100%,6.5rem)}@media(max-width:420px){.contact-captcha-row{flex-direction:column;align-items:stretch;gap:.5rem}.contact-captcha-row #captcha-answer{width:100%;max-width:none}.contact-captcha-row .ui-button{width:100%;justify-content:center}}@media(min-width:980px){.featured-project-hero{grid-template-columns:minmax(0,1.15fr) minmax(14rem,.85fr);gap:1.6rem;align-items:start}.featured-project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.featured-project-column{min-height:100%}}@media(max-width:767px){.featured-project-actions .ui-button{width:100%;min-width:0;max-width:none;padding-inline:1rem;justify-content:center;white-space:normal;text-align:center}.featured-project-actions .ui-button span{white-space:normal;text-align:center}}.error-hero{position:relative;display:grid;gap:1.25rem;isolation:isolate;overflow:hidden}.error-hero-glyph{position:absolute;top:clamp(.4rem,1.4vw,1.2rem);right:clamp(.6rem,2vw,2rem);font-family:var(--font-display, var(--font, inherit));font-size:clamp(5.2rem,18vw,11rem);font-weight:800;line-height:.82;letter-spacing:-.06em;color:rgba(var(--color-border),.35);pointer-events:none;user-select:none;z-index:0}html.dark .error-hero-glyph{color:rgba(var(--color-border),.4)}.error-hero>.section-header,.error-hero>.error-actions{position:relative;z-index:1}.error-hero .section-title{max-width:18ch}.error-hero .section-subtitle{max-width:44rem;line-height:1.7}.error-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:.35rem}.error-routes{display:grid;gap:1.1rem}.error-routes-header{display:grid;gap:.45rem}.error-route-grid{display:grid;gap:.85rem;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}.error-route-card{display:grid;gap:.45rem;padding:1.05rem 1.15rem;border:1px solid rgba(var(--color-border),.7);border-radius:var(--radius-lg);background:rgb(var(--color-surface));color:rgb(var(--color-text));text-decoration:none;transition:border-color var(--transition-base),box-shadow var(--transition-base),transform .3s var(--transition-curve)}.error-route-card:hover{border-color:rgba(var(--color-border),1);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.error-route-card:focus-visible{outline:2px solid rgba(var(--color-text),.45);outline-offset:3px}html.dark .error-route-card{border-color:rgba(var(--color-border),.7)}.error-route-label{font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgb(var(--color-muted))}.error-route-title{font-size:1.05rem;font-weight:600;color:rgb(var(--color-text));letter-spacing:-.01em}.error-route-desc{margin:0;font-size:.88rem;line-height:1.55;color:rgb(var(--color-muted))}.error-route-arrow{display:inline-flex;align-items:center;gap:.3rem;margin-top:.2rem;font-size:.78rem;font-weight:600;letter-spacing:.04em;color:rgb(var(--color-text));transition:transform var(--transition-fast)}.error-route-card:hover .error-route-arrow{transform:translate(2px)}@media(max-width:767px){.error-hero-glyph{top:.2rem;right:.5rem;font-size:clamp(4.5rem,22vw,7rem)}.error-hero .section-title{max-width:12ch}.error-actions{flex-direction:column;align-items:stretch}.error-actions .ui-button{width:100%;justify-content:center}.error-route-grid{grid-template-columns:1fr}}#root{min-height:100dvh;display:flex;flex-direction:column}.app-main{flex:1 1 auto}.route-loading,.route-error{display:grid;place-items:center;min-height:40dvh;color:rgb(var(--color-muted));font-size:.95rem}.route-error{color:rgb(var(--color-danger))}.skip-link{position:absolute;left:-9999px;top:0;z-index:200;padding:.5rem .9rem;background:rgb(var(--color-text));color:rgb(var(--color-surface));border-radius:var(--radius-sm)}.skip-link:focus{left:.5rem;top:.5rem}.hp-field{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.inline-spinner{display:inline-block;width:1rem;height:1rem;border:2px solid rgba(var(--color-muted),.4);border-top-color:rgb(var(--color-text));border-radius:999px;animation:app-spin .7s linear infinite;vertical-align:-.2em}@keyframes app-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.inline-spinner{animation-duration:1.4s}}