body,html{margin:0;padding:0;color:var(--foreground);-webkit-font-smoothing:antialiased;overflow-x:hidden}.page,body,html{background:var(--background)}.page{min-height:100vh}.container{max-width:80rem;margin:0 auto;padding-inline:1rem}@media (min-width:640px){.container{padding-inline:1.5rem}}@media (min-width:1024px){.container{padding-inline:2rem}}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:10;border-bottom:1px solid var(--border);background:color-mix(in oklab,var(--card) 70%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.bar{justify-content:space-between;padding-block:1rem}.bar,.brand{display:flex;align-items:center;gap:1rem}.brand{color:var(--foreground)}.brand>:first-child{flex:none}.brand>:not(:first-child){min-width:0;flex-shrink:1}.back{display:inline-flex;align-items:center;gap:.25rem;font-size:.875rem;color:var(--muted-foreground);text-decoration:none}.back:hover{color:var(--foreground)}.main{padding-block:3rem}.cards{display:grid;grid-template-columns:1fr;grid-gap:1.5rem;gap:1.5rem;margin-top:1.5rem}@media (min-width:768px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.cards{grid-template-columns:repeat(3,minmax(0,1fr))}}.app-icon{width:4rem;height:4rem;flex-shrink:0;border-radius:var(--radius);object-fit:cover}.app-icon.lg{width:6rem;height:6rem}.app-icon.fallback{display:flex;align-items:center;justify-content:center;background:var(--secondary);color:var(--secondary-foreground);font-size:2.25rem;font-weight:700}.detail{display:grid;grid-template-columns:1fr;align-items:start;grid-gap:2rem;gap:2rem}@media (min-width:1024px){.detail{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}}.shot{width:100%;border:1px solid var(--border)}.code,.shot{border-radius:var(--radius)}.code{margin:0;padding:.75rem;background:var(--muted);color:var(--foreground);font-size:.8125rem;line-height:1.6;overflow-x:auto;white-space:pre-wrap;overflow-wrap:anywhere}.site-footer{margin-top:5rem;padding-block:3rem;border-top:1px solid var(--border);text-align:center}.links{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;font-size:.875rem}.links a{color:var(--muted-foreground);text-decoration:none}.links a:hover{color:var(--foreground)}.copyright{margin:1.5rem 0 0;font-size:.8125rem;color:var(--muted-foreground)}.doc{max-width:56rem;margin:0 auto;padding:3rem 1rem;font-size:.9375rem;line-height:1.7;color:var(--foreground)}.doc h1{margin:0 0 1rem;font-size:2.25rem;font-weight:700;letter-spacing:-.02em}.doc h2{margin:2.5rem 0 1rem;font-size:1.5rem;font-weight:600;letter-spacing:-.01em}.doc h3{margin:1.75rem 0 .5rem;font-size:1.125rem;font-weight:600}.doc p,.doc ul{margin:0 0 1rem}.doc ul{padding-left:1.5rem;list-style:disc}.doc ul.plain{padding-left:0;list-style:none}.doc li{margin-bottom:.5rem}.doc a{color:var(--foreground);text-decoration:underline;text-underline-offset:3px}.doc .muted{color:var(--muted-foreground)}.doc .callout{display:block;margin:0 0 2rem;padding:1.5rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--card)}.doc .callout h2{margin-top:0}.doc .callout p:last-child,.doc .callout ul:last-child{margin-bottom:0}.doc .coda{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border);font-size:.875rem;color:var(--muted-foreground)}[data-rk]{--rk-colors-accentColor:var(--primary)!important;--rk-colors-accentColorForeground:var(--primary-foreground)!important;--rk-colors-modalBackground:var(--popover)!important;--rk-colors-modalBorder:var(--border)!important;--rk-colors-modalText:var(--popover-foreground)!important;--rk-colors-modalTextSecondary:var(--muted-foreground)!important;--rk-colors-modalTextDim:var(--muted-foreground)!important;--rk-colors-generalBorder:var(--border)!important;--rk-colors-generalBorderDim:var(--border)!important;--rk-colors-actionButtonBorder:var(--border)!important;--rk-colors-actionButtonSecondaryBackground:var(--secondary)!important;--rk-colors-connectButtonBackground:var(--card)!important;--rk-colors-connectButtonText:var(--card-foreground)!important;--rk-colors-connectButtonInnerBackground:var(--secondary)!important;--rk-colors-menuItemBackground:var(--secondary)!important;--rk-colors-closeButton:var(--muted-foreground)!important;--rk-colors-closeButtonBackground:var(--secondary)!important;--rk-radii-modal:var(--radius)!important;--rk-radii-connectButton:var(--radius)!important;--rk-radii-actionButton:var(--radius)!important;--rk-radii-menuButton:var(--radius)!important}