@charset "UTF-8";:root{--primary: #0088cc;--on-primary: #ffffff;--primary-container: #0088cc;--on-primary-container: #fdfcff;--secondary: #5b5f63;--on-secondary: #ffffff;--surface: #f8f9fa;--on-surface: #191c1d;--on-surface-variant: #3f4850;--surface-container: #edeeef;--surface-container-low: #f3f4f5;--surface-container-high: #e7e8e9;--surface-container-highest: #e1e3e4;--surface-container-lowest: #ffffff;--step-color: #021a33;--background: #f4f3ef;--outline-variant: rgba(191, 199, 210, .3);--error: #ba1a1a;--inverse-surface: #2e3132;--surface-bright: #f8f9fa;--primary-fixed-dim: #92ccff;--terminal-code-color: #a6e22e;--terminal-code-bg: #11171D;--radius-default: .5rem;--radius-lg: .5rem;--radius-xl: 12px;--radius-2xl: 16px;--radius-full: 9999px;--section-gap: 80px;--container-max: 1200px;--margin-desktop: 40px;--margin-mobile: 16px;--gutter: 24px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:72px;scrollbar-gutter:stable}body{background-color:var(--background);color:var(--on-surface);font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.5}section{padding-top:60px;padding-bottom:30px}@media(min-width:768px){section{padding-top:80px;padding-bottom:40px}}@media(min-width:1336px){section{padding-top:100px;padding-bottom:50px}}.container{max-width:var(--container-max);margin:0 auto;padding-inline:20px}@media(min-width:768px){.container{padding-inline:40px}}.display-lg{font-size:48px;line-height:1.1;font-weight:700;letter-spacing:-.02em}.headline-lg{font-size:32px;line-height:1.2;font-weight:600;letter-spacing:-.01em}.headline-md{font-size:24px;line-height:1.3;font-weight:600}.headline-sm{font-size:20px;line-height:1.3;font-weight:600}@media(min-width:768px){.headline-sm{font-size:22px}}.title-md{font-size:18px;line-height:1.4;font-weight:600}.body-lg{font-size:18px;line-height:1.6;font-weight:500}@media(min-width:1024px){.body-lg{font-size:20px}}@media(min-width:1336px){.body-lg{font-size:24px}}.body-md{font-size:16px;line-height:1.5;font-weight:500}.label-md{font-size:14px;line-height:1.4;font-weight:500;letter-spacing:.01em}.label-sm{font-size:12px;line-height:1.2;font-weight:600}.code,.terminal-code{font-family:monospace;font-size:13px}.code-inline{font-family:monospace;font-size:.875rem}h1{font-size:48px;line-height:1.1;font-weight:700;letter-spacing:-.02em}h2{font-size:32px;line-height:1.2;font-weight:600;letter-spacing:-.01em}h3{font-size:24px;line-height:1.3;font-weight:600}h4{font-size:20px;line-height:1.3;font-weight:600}.main-header{width:100%;position:sticky;top:0;z-index:1000;background-color:#f8f9fa80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--outline-variant)}.nav-wrapper{display:flex;align-items:center;justify-content:space-between;height:72px;gap:32px}@media(min-width:1024px){.nav-wrapper{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}}.logo{font-weight:800;letter-spacing:-.05em}@media(min-width:1024px){.logo{grid-column:1;justify-self:start}}.nav-links{--indicator-x: 0px;--indicator-w: 0px;display:none;gap:24px;position:relative}@media(min-width:1024px){.nav-links{grid-column:2;display:flex;gap:30px;list-style:none;justify-self:center}}.nav-links:after{content:"";position:absolute;bottom:-4px;left:0;height:2px;width:var(--indicator-w);background-color:var(--primary);transform:translate(var(--indicator-x));opacity:0;pointer-events:none;transition:transform .28s ease,width .28s ease,opacity .2s ease}.nav-links.is-ready:after{opacity:1}.nav-link{text-decoration:none;color:var(--on-surface-variant);transition:color .2s}.nav-link:hover,.nav-link.active{color:var(--primary)}@media(prefers-reduced-motion:reduce){.nav-links:after{transition:none}}.nav-actions{display:flex;align-items:center;gap:16px;margin-left:auto;z-index:1001}@media(min-width:1024px){.nav-actions{grid-column:3;justify-self:end;margin-left:0}}.nav-github{display:none;align-items:center;justify-content:center;color:var(--on-surface-variant);transition:color .2s;flex-shrink:0}.nav-github svg{width:24px;height:24px;display:block}.nav-github:hover{color:var(--primary)}@media(min-width:1024px){.nav-github{display:flex}}.hamburger{--hamburger-width: 24px;--hamburger-height: 18px;--hamburger-line: 2px;--hamburger-x-offset: calc( (var(--hamburger-height) - var(--hamburger-line)) / 2 );width:var(--hamburger-width);height:var(--hamburger-height);padding:0;border:none;background:transparent;position:relative;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;-webkit-appearance:none;-moz-appearance:none;appearance:none;line-height:0;flex-shrink:0;z-index:1001}.hamburger span{display:block;width:100%;height:var(--hamburger-line);background:var(--on-surface);border-radius:calc(var(--hamburger-line) / 2);transition:transform .4s cubic-bezier(.68,-.55,.265,1.55),opacity .4s cubic-bezier(.68,-.55,.265,1.55);transform-origin:center;flex-shrink:0}.hamburger.active span:nth-child(1){transform:translateY(var(--hamburger-x-offset)) rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger.active span:nth-child(3){transform:translateY(calc(-1 * var(--hamburger-x-offset))) rotate(-45deg)}.nav-sidebar{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#a9bcd0;clip-path:circle(0% at calc(100% - 60px) 36px);transition:clip-path .8s cubic-bezier(.77,0,.175,1);z-index:999;display:flex;align-items:start;justify-content:center;pointer-events:none;padding-top:80px}.nav-sidebar.active{clip-path:circle(150% at calc(100% - 60px) 36px);pointer-events:auto}.menu-container{text-align:center;opacity:0;transform:translateY(30px);transition:opacity .5s ease .6s,transform .5s ease .6s}.nav-sidebar.active .menu-container{opacity:1;transform:translateY(0)}.menu-list{list-style:none;padding:0}.menu-list li{margin:30px 0;opacity:0;transform:translate(-50px);transition:opacity .4s ease,transform .4s ease}.nav-sidebar.active .menu-list li{opacity:1;transform:translate(0)}.nav-sidebar.active .menu-list li:nth-child(1){transition-delay:.6s}.nav-sidebar.active .menu-list li:nth-child(2){transition-delay:.7s}.nav-sidebar.active .menu-list li:nth-child(3){transition-delay:.8s}.nav-sidebar.active .menu-list li:nth-child(4){transition-delay:.9s}.nav-sidebar.active .menu-list li:nth-child(5){transition-delay:1s}.menu-list a{color:var(--on-surface);text-decoration:none;font-weight:500;letter-spacing:2px;position:relative;padding:10px 20px;display:inline-block;transition:transform .3s ease}.menu-list a.menu-github{display:inline-flex;align-items:center;gap:12px}.menu-list a.menu-github svg{width:.85em;height:.85em;flex-shrink:0}.menu-list a:before{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--on-primary);transition:width .3s ease;transform:translate(-50%)}.menu-list a:hover:before{width:80%}.menu-list a:hover{transform:scale(1.1)}@media(min-width:1024px){.nav-links{display:flex}.hamburger,.nav-sidebar{display:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 24px;border-radius:var(--radius-lg);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none;text-decoration:none}@media(min-width:1024px){.btn{font-size:16px}}@media(min-width:1336px){.btn{font-size:18px}}.btn:active{transform:scale(.95)}.btn-primary{background-color:var(--on-surface);color:var(--surface-container-lowest)}.btn-primary:hover{opacity:.9}.btn-outline{background-color:var(--surface-container-low);border:1px solid var(--outline-variant);color:var(--on-surface-variant)}.btn-outline:hover{background-color:var(--surface-container-high)}.hero-section{text-align:center}.btn-hero{padding:16px 32px;box-shadow:0 4px 24px #b490f54d,inset 0 1px 1px #ffffff73,inset 0 -1px 1px #0000001a}.version-badge{display:inline-flex;align-items:center;gap:8px;background-color:var(--surface-container-high);box-shadow:inset 0 1px 1px #ffffff73,inset 0 -1px 1px #0000001a;border-radius:9999px;padding-right:16px;margin-bottom:32px;cursor:pointer;transition:background-color .2s;height:22px;font-size:14px}@media(min-width:1336px){.version-badge{font-size:16px;height:24px}}.version-badge:hover{background-color:var(--surface-container-highest)}.badge{background-color:var(--on-surface);color:var(--surface);padding:2px 8px;border-radius:9999px;font-size:12px;font-weight:700;display:flex;align-items:center;gap:4px;height:100%}.badge-text{padding-block:8px}.hero-title{max-width:896px;display:flex;flex-direction:column;gap:20px;margin:0 auto 24px}.hero-notify{position:relative;padding:10px 24px;border-radius:999px;display:block;width:-moz-fit-content;width:fit-content;margin:auto;background:linear-gradient(135deg,#ffffff59,#ffffff14);backdrop-filter:blur(12px) saturate(160%);-webkit-backdrop-filter:blur(12px) saturate(160%);border:1px solid rgba(255,255,255,.4);box-shadow:0 4px 12px #00000014,inset 0 1px 1px #fff9,inset 0 -1px 2px #0000000d;font-weight:600;text-shadow:0 1px 1px rgba(0,0,0,.15);background-image:linear-gradient(90deg,#0f9d78,#29c9a8,#5be0c8,#29c9a8,#0f9d78);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:text-shimmer 3.5s ease-in-out infinite;transition:transform .2s ease,box-shadow .2s ease}.hero-notify:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,#ffffff80,#fff0 40%);border-radius:999px;pointer-events:none;z-index:-1}@keyframes text-shimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.hero-pill{padding:4px 12px;color:var(--primary);display:inline-block}.hero-desc{max-width:672px;margin:0 auto 40px;color:var(--on-surface-variant)}.hero-actions{display:flex;flex-direction:column;gap:16px;justify-content:center}@media(min-width:768px){.hero-actions{flex-direction:row}}.uses__wrap{display:flex;flex-direction:column;align-items:center;gap:20px}@media(min-width:768px){.uses__wrap{flex-direction:row;justify-content:center;align-items:start;gap:40px}}.scenes-grid{display:grid;grid-template-columns:1fr;gap:var(--gutter);align-items:stretch}@media(min-width:1024px){.scenes-grid{grid-template-columns:1fr 1fr;grid-template-rows:1fr auto auto}}.scene{display:flex;flex-direction:column;min-width:0;padding:16px;border-radius:var(--radius-lg);background-color:var(--surface-container-lowest);border-color:#0088cc2e;border:1px solid rgba(191,199,210,.12)}.scene .ide-mockup{margin-top:auto;width:100%;max-width:none;min-width:0}@media(min-width:1024px){.scene--crash{grid-row:1/2}.scene--order{grid-row:1/3}.scene--flash{grid-row:2/3}}.scene__method{margin-bottom:16px;color:var(--primary)}.scene__method code{font-family:monospace;font-size:12px;font-weight:600;letter-spacing:.04em}.scene__title{margin-bottom:12px}.scene .body-md{margin-bottom:16px}.scene-preview{background:#0e1621;border-radius:var(--radius-lg);padding:12px;margin-bottom:16px}.scene-preview__bubble{background:#182533;border-radius:16px 16px 16px 4px;padding:10px 12px 8px;color:#e9edef;font-size:13px;line-height:1.35}.scene-preview__label{margin:0 0 8px;color:#6ab3f3;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.scene-preview__label--error{color:#f28b82}.scene-preview__field{margin:0 0 2px;font-size:12px;color:#c5d0d8}.scene-preview__field b{color:#e9edef;font-weight:700}.scene-preview__heading{margin:0;font-size:14px;font-weight:600}.scene-preview__field+.scene-preview__heading{margin-top:10px}.scene-preview__stack{margin:10px 0 0;padding:8px 10px;overflow-x:auto;border-radius:6px;background:#242f3d;color:#d7dee5;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;line-height:1.45;white-space:pre}.scene-preview__stack code{font-family:inherit;font-size:inherit;color:inherit}.scene-preview__summary{margin:10px 0 0;font-size:12px;font-weight:600;color:#8a97a3}.scene-preview__table{width:100%;margin-top:8px;border-collapse:collapse;font-size:11px}.scene-preview__table th,.scene-preview__table td{padding:5px 6px;text-align:left}.scene-preview__table th{color:#8a97a3;font-weight:600}.scene-preview__table td{border-top:1px solid rgba(255,255,255,.06)}.scene-preview__meta{margin:8px 0 0;font-size:10px;color:#8a97a3}.scenes-note{margin-top:32px;text-align:center}.phone{--phone-width: 280px;--u: calc(var(--phone-width) / 320);--tg-blue: #2aabee;--tg-blue-dark: #229ed9;--bg-page: #0e1621;--bubble-in: #182533;--bubble-out: #2b5278;--text-light: #e9edef;--text-dim: #8a97a3;position:relative;width:var(--phone-width);max-width:var(--phone-width);height:calc(660 * var(--u));background:#0b0b0b;border-radius:calc(46 * var(--u));padding:calc(14 * var(--u));font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;box-shadow:0 calc(30 * var(--u)) calc(60 * var(--u)) #00000059,0 0 0 calc(2 * var(--u)) #1c1c1c inset}@media(min-width:768px){.phone{width:320px}}.phone:before{content:"";position:absolute;top:calc(14 * var(--u));left:50%;transform:translate(-50%);width:calc(80 * var(--u));height:calc(22 * var(--u));background:#0b0b0b;border-radius:0 0 calc(18 * var(--u)) calc(18 * var(--u));z-index:5}.screen{position:relative;width:100%;height:100%;background:var(--bg-page);border-radius:calc(34 * var(--u));overflow:hidden;display:flex;flex-direction:column;background-image:url(/assets/chat-bg-BDnqylxr.webp);background-size:cover;background-position:center;background-repeat:no-repeat}.status-bar{display:flex;align-items:center;justify-content:space-between;padding:calc(16 * var(--u)) calc(22 * var(--u)) calc(4 * var(--u));background:#17212b;color:var(--text-light);font-size:calc(14 * var(--u));font-weight:600;flex-shrink:0}.status-bar .time{letter-spacing:calc(.3 * var(--u))}.status-icons{display:flex;align-items:center;gap:calc(5 * var(--u))}.status-icons svg{display:block;width:calc(15 * var(--u));height:calc(15 * var(--u))}.status-icons .label{font-size:calc(10 * var(--u));font-weight:600;border:calc(1 * var(--u)) solid var(--text-light);border-radius:calc(3 * var(--u));padding:0 calc(3 * var(--u));line-height:calc(13 * var(--u))}.signal-bars{display:flex;align-items:flex-end;gap:calc(1.5 * var(--u));height:calc(10 * var(--u))}.signal-bars span{width:calc(3 * var(--u));background:var(--text-light);border-radius:calc(1 * var(--u))}.signal-bars span:nth-child(1){height:calc(4 * var(--u))}.signal-bars span:nth-child(2){height:calc(6 * var(--u))}.signal-bars span:nth-child(3){height:calc(8 * var(--u))}.signal-bars span:nth-child(4){height:calc(10 * var(--u))}.battery{width:calc(23 * var(--u));height:calc(11 * var(--u));border:calc(1.4 * var(--u)) solid var(--text-light);border-radius:calc(3 * var(--u));padding:calc(1.5 * var(--u));position:relative}.battery:after{content:"";position:absolute;right:calc(-3.5 * var(--u));top:calc(3 * var(--u));width:calc(2 * var(--u));height:calc(5 * var(--u));background:var(--text-light);border-radius:0 calc(1 * var(--u)) calc(1 * var(--u)) 0}.battery-fill{height:100%;width:70%;background:var(--text-light);border-radius:calc(1 * var(--u))}.chat-header{display:flex;align-items:center;gap:calc(8 * var(--u));padding:calc(10 * var(--u)) calc(10 * var(--u)) calc(12 * var(--u));background:#17212b;flex-shrink:0}.icon-btn{display:flex;align-items:center;justify-content:center;width:calc(30 * var(--u));height:calc(30 * var(--u));flex-shrink:0;color:var(--text-light);background:none;border:none;padding:0}.icon-btn svg{width:calc(22 * var(--u));height:calc(22 * var(--u))}.phone-avatar{width:calc(38 * var(--u));height:calc(38 * var(--u));border-radius:50%;background:linear-gradient(135deg,#f5a623,#e8871e);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:calc(15 * var(--u));flex-shrink:0}.chat-title{flex:1;display:flex;flex-direction:column;line-height:1.25;min-width:0}.chat-title .name{color:var(--text-light);font-size:calc(15 * var(--u));font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-title .status{color:var(--text-dim);font-size:calc(12.5 * var(--u));transition:color .2s}.chat-title .status.typing{color:var(--tg-blue)}.messages{flex:1;padding:calc(14 * var(--u)) calc(10 * var(--u)) calc(10 * var(--u));overflow:hidden;display:flex;flex-direction:column;gap:calc(6 * var(--u));background-image:radial-gradient(circle at 20% 10%,rgba(255,255,255,.02) 0,transparent 40%),radial-gradient(circle at 80% 90%,rgba(255,255,255,.02) 0,transparent 40%)}.bubble-row{display:flex;opacity:0;transform:translateY(calc(10 * var(--u))) scale(.96);animation:phone-pop .32s cubic-bezier(.2,.9,.3,1.3) forwards}.bubble-row.out{justify-content:flex-end}.bubble-row.in{justify-content:flex-start}@keyframes phone-pop{to{opacity:1;transform:translateY(0) scale(1)}}.bubble{max-width:74%;padding:calc(8 * var(--u)) calc(12 * var(--u)) calc(6 * var(--u));border-radius:calc(16 * var(--u));font-size:calc(14 * var(--u));line-height:1.35;color:var(--text-light);position:relative}.bubble.in{background:var(--bubble-in);border-bottom-left-radius:calc(4 * var(--u))}.bubble.out{background:var(--bubble-out);border-bottom-right-radius:calc(4 * var(--u))}.bubble .meta{display:flex;justify-content:flex-end;align-items:center;gap:calc(3 * var(--u));margin-top:calc(2 * var(--u));font-size:calc(10.5 * var(--u));color:var(--text-dim)}.bubble.out .meta{color:#a9c6e0}.tick{width:calc(14 * var(--u));height:calc(14 * var(--u))}.typing-row{display:flex;justify-content:flex-start;opacity:0;height:0;overflow:hidden;transition:opacity .2s}.typing-row.show{opacity:1;height:auto}.typing-bubble{background:var(--bubble-in);border-radius:calc(16 * var(--u));border-bottom-left-radius:calc(4 * var(--u));padding:calc(10 * var(--u)) calc(14 * var(--u));display:flex;gap:calc(4 * var(--u));align-items:center}.dot{width:calc(6 * var(--u));height:calc(6 * var(--u));border-radius:50%;background:var(--text-dim);animation:phone-blink 1.1s infinite ease-in-out}.dot:nth-child(2){animation-delay:.15s}.dot:nth-child(3){animation-delay:.3s}@keyframes phone-blink{0%,80%,to{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(calc(-2 * var(--u)))}}.input-bar{flex-shrink:0;display:flex;align-items:center;gap:calc(10 * var(--u));padding:calc(8 * var(--u)) calc(10 * var(--u)) calc(10 * var(--u) + env(safe-area-inset-bottom,0px));background:#17212b}.input-fake{flex:1;display:flex;align-items:center;background:#242f3d;border-radius:calc(20 * var(--u));padding:calc(8 * var(--u)) calc(12 * var(--u));color:var(--text-dim);font-size:calc(13 * var(--u))}.input-icon{width:calc(22 * var(--u));height:calc(22 * var(--u));color:var(--text-dim);flex-shrink:0;display:flex;align-items:center;justify-content:center;background:none;border:none;padding:0}.input-icon svg{display:block;width:100%;height:100%}.send-btn{width:calc(34 * var(--u));height:calc(34 * var(--u));border-radius:50%;background:var(--tg-blue);flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fff}.send-btn svg{display:block;width:calc(17 * var(--u));height:calc(17 * var(--u))}:root{--vs-bg: #1e1e1e;--vs-bg-titlebar: #323233;--vs-bg-tabs: #252526;--vs-bg-tab-active: #1e1e1e;--vs-bg-sidebar: #252526;--vs-bg-statusbar: #007acc;--vs-border: #2b2b2b;--vs-text: #d4d4d4;--vs-text-dim: #858585;--vs-gutter: #858585;--vs-line-highlight: #2a2d2e;--vs-selection: #264f78;--vs-accent: #0e639c;--tok-keyword: #569cd6;--tok-const: #4fc1ff;--tok-string: #ce9178;--tok-func: #dcdcaa;--tok-comment: #6a9955;--tok-punct: #d4d4d4;--tok-number: #b5cea8;--tok-property: #9cdcfe;--tok-class: #4ec9b0;--font-ui: "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono: "Cascadia Code", "Fira Code", Consolas, "Courier New", monospace}.ide-mockup{--ide-width: 100%;--ide-max-width: 480px;--ide-radius: 8px;--ide-body-min-height: 198px;--ide-ui-font-scale: .5;--ide-titlebar-h: calc(34px * var(--ide-ui-font-scale));--ide-titlebar-pad-x: calc(12px * var(--ide-ui-font-scale));--ide-titlebar-font-size: calc(12.5px * var(--ide-ui-font-scale));--ide-tl-size: calc(12px * var(--ide-ui-font-scale));--ide-tl-gap: calc(8px * var(--ide-ui-font-scale));--ide-tab-h: calc(35px * var(--ide-ui-font-scale));--ide-tab-pad-x: calc(14px * var(--ide-ui-font-scale));--ide-tab-gap: calc(8px * var(--ide-ui-font-scale));--ide-tab-font-size: calc(13px * var(--ide-ui-font-scale));--ide-file-dot: calc(6px * var(--ide-ui-font-scale));--ide-dirty-dot: calc(8px * var(--ide-ui-font-scale));--ide-code-font-size: 10px;--ide-line-h: 12px;--ide-code-pad-y: 8px;--ide-code-pad-bottom: 40px;--ide-gutter-min-width: auto;--ide-gutter-pad-left: 8px;--ide-gutter-pad-right: 10px;--ide-line-pad-left: 4px;--ide-line-pad-right: 20px;--ide-caret-w: 2px;--ide-caret-h: calc(var(--ide-line-h) * .72);--ide-statusbar-h: calc(22px * var(--ide-ui-font-scale));--ide-statusbar-pad-x: calc(10px * var(--ide-ui-font-scale));--ide-statusbar-gap: calc(14px * var(--ide-ui-font-scale));--ide-statusbar-font-size: calc(11.5px * var(--ide-ui-font-scale));--ide-controls-mt: 18px;--ide-controls-gap: 8px;--ide-btn-pad-y: 7px;--ide-btn-pad-x: 14px;--ide-btn-radius: 4px;--ide-btn-font-size: 12.5px;--ide-hint-font-size: 11.5px;box-sizing:border-box;width:var(--ide-width);max-width:var(--ide-max-width)}.ide-mockup *,.ide-mockup *:before,.ide-mockup *:after{box-sizing:border-box}@media(min-width:768px){.ide-mockup{--ide-max-width: 380px;--ide-code-font-size: 12px;--ide-line-h: 16px}}.editor-window{background:var(--vs-bg);border-radius:var(--ide-radius);overflow:hidden;box-shadow:0 30px 60px -20px #000000b3,0 0 0 1px #ffffff0f;display:flex;flex-direction:column;font-family:var(--font-mono)}.titlebar{background:var(--vs-bg-titlebar);height:var(--ide-titlebar-h);display:flex;align-items:center;padding:0 var(--ide-titlebar-pad-x);flex-shrink:0;position:relative}.traffic-lights{display:flex;gap:var(--ide-tl-gap)}.tl{width:var(--ide-tl-size);height:var(--ide-tl-size);border-radius:50%}.tl.red{background:#ff5f56}.tl.yellow{background:#ffbd2e}.tl.green{background:#27c93f}.titlebar-title{position:absolute;left:50%;transform:translate(-50%);color:var(--vs-text-dim);font-family:var(--font-ui);font-size:var(--ide-titlebar-font-size)}.body-row{display:flex;min-height:var(--ide-body-min-height)}.editor-area{flex:1;display:flex;flex-direction:column;min-width:0;background:var(--vs-bg)}.tabs{display:flex;background:var(--vs-bg-tabs);border-bottom:1px solid var(--vs-border);flex-shrink:0}.tab{display:flex;align-items:center;gap:var(--ide-tab-gap);padding:0 var(--ide-tab-pad-x);height:var(--ide-tab-h);font-size:var(--ide-tab-font-size);color:var(--vs-text-dim);background:var(--vs-bg-tabs);border-right:1px solid var(--vs-border)}.tab.active{background:var(--vs-bg-tab-active);color:#fff;border-top:1px solid #0e639c}.tab .file-dot{width:var(--ide-file-dot);height:var(--ide-file-dot);border-radius:50%;background:#cbcb41}.tab .dirty-dot{width:var(--ide-dirty-dot);height:var(--ide-dirty-dot);border-radius:50%;background:#fff;opacity:.7;margin-left:2px}.code-scroll{flex:1;overflow:auto;position:relative}.code-lines{width:100%;padding:var(--ide-code-pad-y) 0 var(--ide-code-pad-bottom);font-size:var(--ide-code-font-size)}.code-line{display:flex;height:var(--ide-line-h);line-height:var(--ide-line-h);overflow:hidden}.code-line.current-line .gutter,.code-line.current-line .line-content-wrap{background:var(--vs-line-highlight)}.gutter{flex:0 0 auto;min-width:var(--ide-gutter-min-width);height:var(--ide-line-h);line-height:var(--ide-line-h);white-space:nowrap;text-align:right;color:var(--vs-gutter);padding:0 var(--ide-gutter-pad-right) 0 var(--ide-gutter-pad-left);-webkit-user-select:none;-moz-user-select:none;user-select:none}.line-content-wrap{flex:1 1 auto;height:var(--ide-line-h);line-height:var(--ide-line-h);padding-left:var(--ide-line-pad-left);padding-right:var(--ide-line-pad-right);white-space:pre;color:var(--vs-text);overflow:hidden}.caret{display:inline-block;width:var(--ide-caret-w);height:var(--ide-caret-h);background:#aeafad;vertical-align:middle;animation:ide-caret-blink 1s step-end infinite;margin-left:-1px;position:relative;top:-1px}@keyframes ide-caret-blink{0%,49%{opacity:1}50%,to{opacity:0}}.tok-keyword{color:var(--tok-keyword)}.tok-const{color:var(--tok-const)}.tok-string{color:var(--tok-string)}.tok-func{color:var(--tok-func)}.tok-comment{color:var(--tok-comment);font-style:italic}.tok-number{color:var(--tok-number)}.tok-property{color:var(--tok-property)}.tok-class{color:var(--tok-class)}.tok-punct{color:var(--tok-punct)}.ide-mockup--static{width:100%;max-width:none;min-width:0;--ide-body-min-height: 0;--ide-code-pad-y: 8px;--ide-code-pad-bottom: 8px;--ide-code-font-size: 11px;--ide-line-h: 16px;--ide-gutter-min-width: 1.75em;--ide-gutter-pad-left: 8px;--ide-gutter-pad-right: 8px;--ide-line-pad-left: 6px;--ide-line-pad-right: 12px}@media(min-width:768px){.ide-mockup--static{--ide-max-width: none;--ide-code-font-size: 12px;--ide-line-h: 18px}}.ide-mockup--static .editor-window{box-shadow:none;border:1px solid rgba(255,255,255,.06)}.ide-mockup--static .code-scroll{overflow-x:auto}.ide-mockup--static .code-lines{width:-moz-max-content;width:max-content;min-width:100%}.statusbar{height:var(--ide-statusbar-h);background:var(--vs-bg-statusbar);color:#fff;font-size:var(--ide-statusbar-font-size);display:flex;align-items:center;justify-content:space-between;padding:0 var(--ide-statusbar-pad-x);flex-shrink:0;font-family:var(--font-ui)}.statusbar .left,.statusbar .right{display:flex;gap:var(--ide-statusbar-gap);align-items:center}.section-header{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;margin-bottom:64px}.section-header__tag{font-size:12px;line-height:1.2;font-weight:600;color:var(--primary);text-transform:uppercase;letter-spacing:.1em;background-color:#0088cc0d;box-shadow:0 4px 24px #b490f54d,inset 0 1px 1px #ffffff73,inset 0 -1px 1px #0000001a;padding:4px 12px;border-radius:var(--radius-full)}@media(min-width:1024px){.section-header__tag{font-size:16px;padding:6px 16px}}.section-header__text{max-width:512px;color:var(--on-surface-variant);font-size:16px;line-height:1.5;font-weight:500}@media(min-width:1336px){.section-header__text{font-size:20px}}.section-header--start{align-items:flex-start;text-align:start;margin-bottom:32px}.feature-card__wrap{display:grid;grid-template-columns:1fr;gap:var(--gutter)}@media(min-width:768px){.feature-card__wrap{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.feature-card__wrap{grid-template-columns:repeat(3,1fr)}}.feature-card{background-color:#fff;padding:32px;border-radius:var(--radius-lg);border:1px solid rgba(191,199,210,.1);box-shadow:0 4px 20px #0000000d}.gradient-card{background:linear-gradient(135deg,#5ee7df80,#3b82f680,#5ee7df80);background-size:200% 200%;animation:gradient-shift 8s ease-in-out infinite;box-shadow:0 8px 32px #00000047,inset 0 1px #ffffff4d}@keyframes gradient-shift{0%,to{background-position:0% 0%}50%{background-position:100% 100%}}@media(prefers-reduced-motion:reduce){.gradient-card{animation:none}}.icon-box{width:48px;height:48px;background-color:var(--background);border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;color:var(--primary)}.check-list{list-style:none;margin:24px 0 40px}.check-list li{display:flex;align-items:center;gap:12px;color:var(--on-surface-variant);margin-bottom:16px}.check-list .material-symbols-outlined{color:var(--primary);font-size:20px}.step-number{width:32px;height:32px;flex-shrink:0;border-radius:50%;box-shadow:0 4px 24px #b490f54d,inset 0 1px 1px #ffffff73,inset 0 -1px 1px #0000001a;color:var(--step-color);display:flex;align-items:center;justify-content:center;font-weight:700}.step-number--blue{background:linear-gradient(135deg,#5ee7df80,#3b82f680,#5ee7df80);background-size:200% 200%;animation:gradient-shift 8s ease-in-out infinite}.quickstart-steps{list-style:none;max-width:640px;margin:0 auto;display:flex;flex-direction:column;gap:32px}.quickstart-step{display:flex;align-items:flex-start;gap:16px}.quickstart-step__body{flex:1;min-width:0}.quickstart-step__body .title-md{margin-bottom:8px}.quickstart-step__body p+p,.quickstart-step__body p+.code-block{margin-top:12px}.quickstart-step a{color:var(--primary);text-decoration:none;font-weight:500;transition:opacity .2s}.quickstart-step a:hover{opacity:.8;text-decoration:underline}.quickstart-step .code-block{margin-top:16px}.quickstart-step__note{margin-top:12px}.code-block{display:flex;align-items:center;gap:12px;background:var(--terminal-code-bg);color:var(--terminal-code-color);padding:12px 12px 12px 16px;border-radius:8px;margin-top:16px}.code-block__text{flex:1;min-width:0;overflow-x:auto;white-space:nowrap}.code-block code{color:var(--terminal-code-color)}.code-block pre{margin:0;font-family:inherit}.code-block__copy{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:6px;background:transparent;color:#e0e3e68c;cursor:pointer;transition:color .2s,background-color .2s}.code-block__copy:hover{color:#e0e3e6;background-color:#ffffff14}.code-block__copy:focus-visible{outline:2px solid var(--primary-fixed-dim);outline-offset:2px}.code-block__copy:active{transform:scale(.95)}.code-block__copy svg{width:16px;height:16px}.code-block__copied-icon{display:none}.code-block__copy.is-copied{color:var(--terminal-code-color)}.code-block__copy.is-copied .code-block__copy-icon{display:none}.code-block__copy.is-copied .code-block__copied-icon{display:block}@media(prefers-reduced-motion:reduce){.code-block__copy:active{transform:none}}.grid-2{display:grid;grid-template-columns:1fr;gap:48px}@media(min-width:768px){.grid-2{grid-template-columns:1fr 1fr}}.api-list{list-style:none;margin-top:24px}.api-list li{display:flex;gap:12px;margin-bottom:12px}.api-list b{color:var(--primary)}.inline-code{background:var(--surface-container);padding:2px 6px;border-radius:4px}.level-meter{background:var(--surface-container-low);padding:16px;border-radius:8px;display:flex;justify-content:space-between;align-items:center;font-family:monospace;font-size:14px;margin-top:24px}.site-footer{margin-top:var(--section-gap);background-color:var(--surface-container-low);border-top:1px solid rgba(191,199,210,.2);padding:24px 0}.footer-wrap{display:flex;flex-direction:column;align-items:center;gap:16px}@media(min-width:768px){.footer-wrap{flex-direction:row;justify-content:space-between;padding-inline:16px}}.footer-brand{display:flex;flex-direction:column;align-items:center;gap:16px}@media(min-width:768px){.footer-brand{flex-direction:row;align-items:baseline}}.footer-brand-name{font-weight:700}.footer-copy{color:var(--on-surface-variant)}.footer-links{display:flex;align-items:center;gap:16px}.footer-link{color:var(--on-surface-variant);text-decoration:none}.footer-link:hover{color:var(--on-surface)}.mb-3{margin-bottom:12px}.opacity-0{opacity:0}.translate-y-10{transform:translateY(40px)}.transition-all{transition:all .7s ease-out}.text-muted,.text-muted-soft{color:var(--on-surface-variant)}.bg-grid,.bg-dots,.bg-grid-soft,.bg-grid-svg,.bg-dots-svg{background-repeat:repeat;background-position:0 0;background-color:#f4f3ef}.bg-grid{background-image:linear-gradient(rgba(0,0,0,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.06) 1px,transparent 1px);background-size:40px 40px}.bg-dots{background-image:radial-gradient(circle,rgba(0,0,0,.1) 1.5px,transparent 1.5px);background-size:30px 30px}.bg-grid-soft{background-image:linear-gradient(rgba(0,0,0,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.04) 1px,transparent 1px);background-size:50px 50px}.bg-grid-svg{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cpath d='M 40 0 L 0 0 0 40' fill='none' stroke='rgba(0,0,0,0.07)' stroke-width='0.5'/%3E%3C/svg%3E");background-size:40px 40px}.bg-dots-svg{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 30 30'%3E%3Ccircle cx='15' cy='15' r='1.5' fill='rgba(0,0,0,0.1)'/%3E%3C/svg%3E");background-size:30px 30px}