html,body,#root{margin:0;padding:0;height:100%}code{font-family:Fira Code,Cascadia Code,Consolas,monospace;font-size:.9em}a{color:inherit}p{color:var(--base-content-light, #9d9fa3)}.search-overlay{position:fixed;inset:0;z-index:9999;display:flex;justify-content:center;align-items:flex-start;padding-top:12vh;background:#00000073;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.search-dialog{width:100%;max-width:540px;max-height:70vh;display:flex;flex-direction:column;overflow:hidden;animation:search-dialog-in .15s ease-out}.search-dialog y-card{display:flex;flex-direction:column;overflow:hidden;max-height:70vh}@keyframes search-dialog-in{0%{opacity:0;transform:scale(.96) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}.search-dialog-header{padding:12px 16px}.search-dialog-header y-input{width:100%}.search-dialog-body{overflow-y:auto;max-height:50vh;padding:8px}.search-results-group-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--base-content-lighter, #888);padding:8px 8px 4px}.search-result-item{display:flex;align-items:center;gap:8px;padding:8px 12px;text-align:left;cursor:pointer;border-radius:var(--component-card-border-radius-outer, 8px);color:var(--base-content--, inherit);transition:background .1s;box-sizing:border-box}.search-result-item:hover,.search-result-item.active{background:var(--base-background-hover, #f0f0f0)}.search-result-item y-icon{flex-shrink:0;color:var(--base-content-lighter, #888)}.search-result-text{display:flex;flex-direction:column}.search-result-title{font-size:.9rem;font-weight:500;color:var(--base-content--, inherit)}.search-result-path{font-size:.75rem;color:var(--base-content-lighter, #888)}.search-no-results{text-align:center;padding:24px;color:var(--base-content-light, #888);font-size:.9rem}.search-dialog-footer{display:flex;align-items:center;gap:12px;padding:8px 16px;font-size:.75rem;color:var(--base-content-lighter, #888)}.search-kbd{display:inline-flex;align-items:center;justify-content:center;min-width:20px;padding:1px 5px;border:1px solid var(--base-border, #ccc);border-radius:4px;font-size:.7rem;font-family:inherit;background:var(--base-background-hover, #f4f4f4);color:var(--base-content-lighter, #666)}.navbar-appbar{z-index:300}.title h2{font-size:1.25rem;font-weight:400;color:var(--base-content--);margin:0}.title a{text-decoration:none}.navbar-footer-group{display:flex;align-items:center}.navbar-group{display:flex;align-items:center;gap:var(--spacing-x-small, 4px)}.navbar-group--gap{margin-left:var(--spacing-4x-large, 32px)}.navbar-icon-link{display:contents}@media(max-width:768px){.navbar-group--gap{margin-left:var(--spacing-medium, 12px)}}.sidebar{--component-panel-background: var(--base-background-app);display:flex;flex-direction:column;width:240px;flex-shrink:0;background:var(--base-background-app);overflow:hidden}.sidebar-scroll{flex:1;overflow-y:auto;padding:16px 0 16px 16px}.sidebar-scroll y-panelbar{width:100%}.sidebar-footer{padding:12px 16px;font-size:.75rem;color:var(--base-content-lighter, #626568);flex-shrink:0}@media(max-width:768px){.sidebar{display:none}}.cookie-banner-body{padding:var(--spacing-large)}.cookie-banner-body h3{margin:0 0 8px}.cookie-banner-desc{margin:0;font-size:.85rem;line-height:1.6;opacity:.85;max-width:320px}.cookie-banner-desc a{color:var(--primary-content--)}.cookie-banner-footer{display:flex;gap:8px;flex-wrap:wrap}.cookie-custom-desc{margin:0 0 24px;font-size:.85rem;line-height:1.6;opacity:.8}.cookie-custom-table{display:flex;flex-direction:column;border:1px solid var(--base-border--);border-radius:8px;overflow:hidden;min-width:380px;max-width:80vw}.cookie-custom-row{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding:14px 16px}.cookie-custom-row:not(:last-child){border-bottom:1px solid var(--base-border--)}.cookie-custom-row-label{font-weight:600;margin-bottom:4px;font-size:.9rem}.cookie-custom-row-desc{font-size:.8rem;opacity:.7;line-height:1.5}.cookie-custom-footer{display:flex;gap:8px;justify-content:flex-end;width:100%}.layout{display:flex;flex-direction:column;height:100dvh;background:var(--base-background-component);color:var(--base-content--)}.layout-body{display:flex;flex:1;overflow:hidden;background:var(--base-background-app)}.layout-main{flex:1;overflow-y:auto;padding:16px 16px 16px 12px;background:var(--base-background-app);display:flex;flex-direction:column;align-items:center;min-width:0}@media(max-width:768px){.layout-main{padding:12px 8px}}.site-footer{position:relative;overflow:hidden;flex-shrink:0;width:100%;margin-top:auto;background:var(--primary-background-active, #00297a);color:var(--base-content--, #fff)}.site-footer-pattern{position:absolute;inset:-60%;background-color:var(--primary-content--, #5ba6ff);-webkit-mask-repeat:repeat;mask-repeat:repeat;-webkit-mask-size:160px 160px;mask-size:160px 160px;transform:rotate(-20deg);opacity:.08;pointer-events:none;z-index:0}.site-footer-inner{position:relative;z-index:1;max-width:1120px;margin:0 auto;padding:64px 24px 48px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;align-items:start}.site-footer-brand{display:flex;flex-direction:column;gap:16px}.site-footer-logo{display:flex;align-items:center;gap:10px;text-decoration:none}.site-footer-logo-text{font-size:1.1rem;font-weight:700;color:var(--base-content--, #fff)}.site-footer-tagline{font-size:.85rem;line-height:1.6;color:var(--base-content-lighter, rgba(255, 255, 255, .75));max-width:240px;margin:0}.site-footer-col{display:flex;flex-direction:column;gap:12px}.site-footer-heading{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--base-content-lighter, rgba(255, 255, 255, .75));margin-bottom:4px}.site-footer-links{display:flex;flex-direction:column;gap:10px;list-style:none;padding:0;margin:0}.site-footer-link{font-size:.88rem;color:var(--base-content-lighter, #5ba6ff);text-decoration:none;transition:color .15s}.site-footer-link:hover{color:var(--base-content--, #5ba6ff)}.site-footer-social{display:flex;gap:8px;margin-top:48x}.site-footer-social-link{display:contents}.site-footer-bottom{position:relative;z-index:1;max-width:1120px;margin:0 auto;padding:20px 24px;border-top:1px solid var(--primary-border, #292a2b);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.site-footer-copyright{font-size:.78rem;color:var(--base-content-lighter, rgba(255, 255, 255, .35))}@media(max-width:860px){.site-footer-inner{grid-template-columns:1fr 1fr;gap:32px}}@media(max-width:540px){.site-footer-inner{grid-template-columns:1fr}}.landing-page-outer{width:100%;display:flex;flex-direction:column;align-items:stretch;min-width:0}.landing{max-width:1120px;margin:0 auto;padding:0 24px 128px;width:100%;box-sizing:border-box}.landing-hero{position:relative;overflow:hidden;padding:80px 24px;background:var(--primary-background-active, #00297a)}.landing-hero-pattern{position:absolute;inset:-60%;background-color:var(--primary-content--, #5ba6ff);-webkit-mask-repeat:repeat;mask-repeat:repeat;-webkit-mask-size:160px 160px;mask-size:160px 160px;transform:rotate(-20deg);opacity:.15;pointer-events:none;z-index:0}.landing-hero-split{position:relative;z-index:1;max-width:1120px;margin:0 auto;display:flex;align-items:center;gap:48px}.landing-hero-content{flex:1;min-width:0}.landing-hero-right{flex:1;min-width:0;display:flex;flex-direction:column;gap:16px}.landing-hero-title{font-size:3rem;font-weight:800;line-height:1.15;margin:0 0 20px;color:var(--base-content--, #fff)}.landing-hero y-input{text-align:left}.landing-hero-subtitle{font-size:1.2rem;line-height:1.7;color:var(--base-content-lighter, rgba(255, 255, 255, .75));margin:0 0 32px}.landing-hero-actions{display:flex;gap:12px;justify-content:flex-start;flex-wrap:wrap}.landing-hero-actions a{text-decoration:none}.landing-section{margin-top:72px;padding-top:72px;border-top:1px solid var(--base-border, #292a2b)}.landing-section:first-of-type{border-top:none;padding-top:0}.landing-section-header{text-align:center;margin-bottom:36px}.landing-section-header h2{font-size:1.75rem;font-weight:700;margin:0 0 8px;color:var(--base-content--)}.landing-section-header p{font-size:1.05rem;color:var(--base-content-lighter);margin:0;max-width:560px;margin-inline:auto;line-height:1.6}.landing-card-grid{display:grid;gap:16px;justify-content:center}.landing-card-grid--4{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.landing-card-grid--3{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.landing-card-grid--3col{grid-template-columns:repeat(3,1fr)}@media(max-width:700px){.landing-card-grid--3col{grid-template-columns:repeat(2,1fr)}}@media(max-width:440px){.landing-card-grid--3col{grid-template-columns:1fr}}.landing-card-grid--auto{grid-template-columns:repeat(auto-fit,minmax(220px,240px))}.landing-masonry{columns:3;column-gap:16px;margin-bottom:0}@media(max-width:860px){.landing-masonry{columns:2}}@media(max-width:540px){.landing-masonry{columns:1}.landing-masonry-item:nth-child(n+5){display:none}}.landing-masonry-item{break-inside:avoid;margin-bottom:16px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.15))}.mini-card-body{display:flex;flex-direction:column;gap:10px;width:100%}.mini-card-body--center{align-items:center;text-align:center}.mini-card-header{display:flex;align-items:center;gap:8px}.mini-card-title{font-size:.9rem;font-weight:700;color:var(--base-content--)}.mini-card-sub{font-size:.75rem;color:var(--base-content-lighter)}.mini-card-link{font-size:.78rem;color:var(--primary-content--);text-align:center;cursor:pointer}.compose-body{display:flex;flex-direction:column;gap:12px;width:100%}.compose-author{display:flex;align-items:center;gap:8px}.compose-name{font-size:.9rem;font-weight:600;color:var(--base-content--)}.compose-tags{display:flex;flex-wrap:wrap;gap:6px}.compose-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.notif-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.notif-list{display:flex;flex-direction:column;gap:0;border:1px solid var(--base-border--, #292a2b);border-radius:8px;overflow:hidden}.notif-item{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-bottom:1px solid var(--base-border--, #292a2b)}.notif-item:last-child{border-bottom:none}.notif-item-content{display:flex;flex-direction:column;gap:2px;min-width:0}.notif-item-text{font-size:.8rem;color:var(--base-content--);line-height:1.4}.notif-item-time{font-size:.72rem;color:var(--base-content-lighter)}.mini-tag-row{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.mini-btn-row{display:flex;gap:8px;width:100%}.mini-notif-row{display:flex;align-items:center;gap:10px;padding:7px 0;border-top:1px solid var(--base-border, #292a2b)}.mini-notif-text{flex:1;font-size:.82rem;color:var(--base-content--)}.mini-cart-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-top:1px solid var(--base-border, #292a2b)}.mini-cart-name{font-size:.82rem;font-weight:500;color:var(--base-content--)}.mini-cart-price{font-size:.88rem;font-weight:600;color:var(--base-content--)}.mini-cart-total{display:flex;justify-content:space-between;font-weight:700;font-size:.9rem;padding-top:10px;border-top:1px solid var(--base-border, #292a2b);color:var(--base-content--)}.mini-setting-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0}.mini-setting-label{font-size:.83rem;color:var(--base-content--)}.mini-stat-row{display:flex;flex-direction:column;gap:4px}.mini-stat-label-row{display:flex;justify-content:space-between;font-size:.8rem;color:var(--base-content-lighter)}.mini-stat-value{font-weight:600;color:var(--base-content--)}.landing-feature-list{display:grid;grid-template-columns:1fr 1fr;gap:28px 48px}.landing-feature-item{display:flex;gap:16px;align-items:flex-start}.landing-feature-item-icon{flex-shrink:0;margin-top:2px}.landing-feature-item-body{display:flex;flex-direction:column;gap:4px}.landing-feature-item-title{font-size:.95rem;font-weight:600;color:var(--base-content--)}.landing-feature-item-desc{font-size:.88rem;line-height:1.6;color:var(--base-content-lighter)}@media(max-width:600px){.landing-feature-list{grid-template-columns:1fr}}.landing-feature-card{display:flex;flex-direction:column;gap:10px;align-items:center;text-align:center}.landing-feature-card h3{margin:0;font-size:1.05rem;font-weight:600;color:var(--base-content--)}.landing-feature-card p{margin:0;font-size:.9rem;line-height:1.6;color:var(--base-content-lighter)}@media(max-width:860px){.landing-hero-split{flex-direction:column}.landing-hero-content{text-align:center}.landing-hero-actions{justify-content:center}.landing-logo{display:flex;justify-content:center}}.landing-code-block{background:#0e0f10d1;border:1px solid rgba(255,255,255,.1);border-radius:10px;overflow:hidden;flex:1;display:flex;flex-direction:column;box-sizing:border-box}.landing-code-toolbar{display:flex;align-items:center;padding:8px 14px;background:#0000004d;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.landing-code-filename{font-size:.72rem;color:#fff6;font-family:monospace}.landing-code-block .code-block{border:none;border-radius:0;background:transparent;flex:1;margin:0;text-align:left;overflow-y:auto;min-height:0;max-height:400px}.demo-app{display:flex;flex-direction:column;gap:20px}.demo-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.demo-header-left{display:flex;align-items:center;gap:10px}.demo-brand{font-size:1.1rem;font-weight:700;color:var(--base-content--)}.demo-header-right{display:flex;align-items:center;gap:8px}.demo-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.demo-stat{display:flex;flex-direction:column;gap:4px}.demo-stat-label{font-size:.8rem;color:var(--base-content-lighter);text-transform:uppercase;letter-spacing:.04em}.demo-stat-value{font-size:1.5rem;font-weight:700;color:var(--base-content--)}.demo-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.demo-progress-row{display:flex;flex-direction:column;gap:6px}.landing-component-outer-grid{columns:2;column-gap:40px}@media(max-width:640px){.landing-component-outer-grid{columns:1}}.landing-component-group{break-inside:avoid;margin-bottom:32px}.landing-component-category{display:flex;align-items:center;gap:8px;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin:0 0 12px;color:var(--base-content-lighter)}.landing-component-inner-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.landing-component-link{text-decoration:none;color:inherit;display:flex;align-items:stretch}.landing-component-link>y-card{flex:1;min-height:85px}.landing-component-card{display:flex;gap:12px}.landing-component-card y-icon{flex-shrink:0;margin-top:4px}.landing-component-card strong{display:block;font-size:.88rem;color:var(--base-content--)}.landing-component-desc{display:block;font-size:.78rem;color:var(--base-content-lighter);margin-top:2px}.landing-browser-list{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.landing-browser-card{display:flex;align-items:center;gap:12px;padding:4px 0}.landing-browser-name{font-weight:600;font-size:.95rem;color:var(--base-content--)}.landing-cta{text-align:center;padding:48px 0 0;border-top:0}.landing-cta .landing-hero-actions{justify-content:center}.landing-cta y-card{padding:48px 24px;justify-self:center}.landing-cta h2{font-size:1.75rem;font-weight:700;margin:0 0 8px;color:var(--base-content--)}.landing-cta p{font-size:1.05rem;color:var(--base-content-lighter);margin:0 0 24px;line-height:1.6}.landing-cta code{color:var(--primary-content--);font-size:.95rem}.landing-cta-ai-hint{font-size:.9rem;color:var(--base-content-lighter);margin:-8px 0 24px}.landing-showcase{position:relative;height:620px;clip-path:inset(0);box-shadow:inset 0 2px 4px #00000026,inset 0 -2px 4px #00000026;background:var(--primary-background-active, #00297a)}.landing-showcase .landing{padding-bottom:0;padding-top:0}.layout-body:has(.landing-page-outer)>.sidebar{display:none}.layout-body:has(.landing-page-outer)>.layout-main{padding:0}.pricing-page{max-width:1120px;margin:0 auto;padding:0 24px 64px}.pricing-hero{text-align:center;padding:80px 0 48px}.pricing-title{font-size:2.5rem;font-weight:800;margin:0 0 16px;color:var(--base-content--)}.pricing-subtitle{font-size:1.15rem;color:var(--base-content-lighter);margin:0}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;align-items:stretch}.pricing-card{display:flex;flex-direction:column;gap:16px;padding:12px 4px}.pricing-plan-name{font-size:1.4rem;font-weight:700;margin:0;color:var(--base-content--)}.pricing-price{display:flex;align-items:baseline;gap:4px}.pricing-amount{font-size:2.5rem;font-weight:800;color:var(--base-content--)}.pricing-period{font-size:1rem;color:var(--base-content-lighter)}.pricing-description{color:var(--base-content-lighter);line-height:1.6;margin:0;font-size:.95rem}.pricing-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px;flex:1}.pricing-features li{display:flex;align-items:center;gap:8px;color:var(--base-content--);font-size:.95rem}.login-page{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:48px 24px}.login-form{display:flex;flex-direction:column;gap:20px;padding:8px 0}.login-header{text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:8px}.login-header h1{font-size:1.5rem;font-weight:700;margin:0;color:var(--base-content--)}.login-header p{font-size:.95rem;color:var(--base-content-lighter);margin:0}.login-footer-text{text-align:center;font-size:.9rem;color:var(--base-content-lighter);margin:0}.login-link{color:var(--primary-content--);text-decoration:none}.login-link:hover{text-decoration:underline}.component-tabs{--component-tab-padding: 8px 16px;--component-tab-content-padding: var(--spacing-2x-large);display:block;max-width:1200px;min-width:0;width:100%}.tab-layout{display:flex;gap:48px;max-width:1200px}.tab-main{flex:1;min-width:0}.component-header{margin-bottom:24px}.component-header h1{font-size:2rem;font-weight:700;margin:0 0 8px;color:var(--base-content--, #f0f0f2)}.component-description{margin:0;font-size:1rem}.doc-section{margin-bottom:48px;padding-bottom:48px;border-bottom:1px solid var(--base-border, #292a2b)}.doc-section:last-child{border-bottom:none;padding-bottom:0}.doc-section h2{font-size:1.35rem;font-weight:600;margin:0 0 6px;color:var(--base-content--, #f0f0f2)}.section-description{margin:0 0 12px}.code-snippet{display:inline-block;padding:6px 12px;border-radius:6px;font-size:.85rem;color:var(--primary-content--, #5ba6ff);background:transparent;margin-bottom:12px}.preview-box{border:1px solid var(--base-border, #292a2b);border-radius:8px 8px 0 0;padding:32px;min-height:100px;display:flex;align-items:center;justify-content:center;background:var(--base-background-app, #151617)}.preview-box y-table{width:100%}.code-preview+.preview-box,.preview-box:only-child{border-radius:8px}.code-block{margin:0;padding:16px 20px;border:1px solid var(--base-border, #292a2b);border-radius:8px;background:var(--neutral-dark-0, #0e0f10);overflow-x:auto;font-family:Fira Code,Cascadia Code,Consolas,monospace;font-size:.825rem;line-height:1.6;color:var(--base-content-light--, #c4c6c9)}.preview-box+.code-block,.code-preview .code-block{border-top:none;border-radius:0 0 8px 8px}.preview-placeholder{color:var(--base-content-lighter, #626568);font-size:.875rem}.toc{width:180px;flex-shrink:0;position:sticky;top:24px;align-self:flex-start}.toc y-panelbar>y-panel::part(header){display:none}@media(max-width:768px){.tab-layout{flex-direction:column;gap:0}.toc{display:none}.component-tabs{--component-tab-content-padding: var(--spacing-medium)}.preview-box{padding:16px}.code-block{padding:12px 14px;font-size:.78rem}.component-header h1{font-size:1.5rem}}.api-table-wrapper{overflow-x:auto}.getting-started-page{max-width:720px}.getting-started-page h1{font-size:2rem;font-weight:700;margin:0 0 16px;color:var(--base-content--, #f0f0f2)}.getting-started-page p{color:var(--base-content-lighter, #9d9fa3);line-height:1.7;margin:0 0 16px}.section-topic-page .toc{--component-panel-background: var(--base-background-app)}.section-topic-page{width:100%;min-width:0}.legal-page{max-width:760px;padding:40px 24px 80px}.legal-header{margin-bottom:40px;padding-bottom:24px;border-bottom:1px solid var(--base-border--, #292a2b)}.legal-header h1{font-size:2rem;font-weight:700;margin:0 0 8px;color:var(--base-content--, #f0f0f2)}.legal-last-updated{font-size:.85rem;color:var(--base-content-lighter, #9d9fa3);margin:0}.legal-body{display:flex;flex-direction:column;gap:0}.legal-body>p{color:var(--base-content-lighter, #9d9fa3);line-height:1.75;margin:0 0 20px}.legal-body h2{font-size:1.15rem;font-weight:600;color:var(--base-content--, #f0f0f2);margin:32px 0 10px}.legal-body ul{display:flex;flex-direction:column;gap:10px;padding-left:20px;margin:0 0 20px;color:var(--base-content-lighter, #9d9fa3);line-height:1.7}.legal-body a{color:var(--primary-content--, #5ba6ff);text-decoration:none}.legal-body a:hover{text-decoration:underline}.legal-license-block{background:var(--base-background-app, #0c0c0d);border:1px solid var(--base-border--, #292a2b);border-radius:8px;padding:24px;margin:0 0 24px;font-family:monospace;font-size:.875rem;color:var(--base-content-lighter, #9d9fa3);line-height:1.8;display:flex;flex-direction:column;gap:12px}.legal-license-block p{margin:0;color:var(--base-content-lighter, #9d9fa3)}