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