.site-author-footer{flex-shrink:0;padding:var(--space-md) calc(var(--space-lg) + var(--safe-right)) calc(var(--space-md) + var(--safe-bottom)) calc(var(--space-lg) + var(--safe-left));text-align:center;background:rgba(0,0,0,.35);color:rgba(240,235,255,.65);font-size:.8rem;line-height:1.5}.site-author-footer__text{margin:0}.site-author-footer__link{color:#ff9ecd;font-weight:500;text-decoration:none}.site-author-footer__link:hover{text-decoration:underline;color:#ffb8dc}.app-shell:has(.app-view--card) .site-author-footer{background:transparent}:root{--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:2.5rem;--content-max:min(26rem,calc(100vw - 2 * var(--space-md) - var(--safe-left) - var(--safe-right)));--content-narrow:22rem;--touch-min:2.75rem;--site-footer-height:3.25rem;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--radius-sm:0.5rem;--radius-md:1rem;--radius-lg:1.5rem;--radius-pill:999px;--shadow-card:0 12px 40px rgba(0,0,0,0.35);--shadow-soft:0 4px 20px rgba(0,0,0,0.2);--bp-narrow:20rem;--bp-phone:30rem;--bp-tablet:48rem;--bp-desktop:64rem;--bp-wide:75rem}@media (min-width:30rem){:root{--content-max:min(30rem,calc(100vw - 2 * var(--space-lg) - var(--safe-left) - var(--safe-right)))}}@media (min-width:48rem){:root{--content-max:min(36rem,calc(100vw - 2 * var(--space-xl) - var(--safe-left) - var(--safe-right)))}}@media (min-width:64rem){:root{--content-max:min(40rem,72vw)}}@media (min-width:75rem){:root{--content-max:min(42rem,64vw)}}.app-view{min-height:100dvh;min-height:100svh;display:flex;flex-direction:column;background:var(--page-background,#0d0814)}.app-shell .app-view,.app-shell .info-page,.app-shell .page-center{flex:1 1 auto;min-height:0}.app-view--card{position:relative;isolation:isolate}.page-center{min-height:100dvh;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:calc(var(--space-xl) + var(--safe-top)) calc(var(--space-lg) + var(--safe-right)) calc(var(--space-xl) + var(--safe-bottom)) calc(var(--space-lg) + var(--safe-left))}.page-center__content{width:100%;max-width:var(--content-max);margin-inline:auto;padding-inline:var(--space-xs)}.fixed-corner{position:fixed;z-index:50}.fixed-corner--top-start{top:calc(var(--space-md) + var(--safe-top));left:calc(var(--space-md) + var(--safe-left))}.fixed-corner--top-end{top:calc(var(--space-md) + var(--safe-top));right:calc(var(--space-md) + var(--safe-right))}html{text-size-adjust:100%}body,html{overflow-x:clip}#root{width:100%}.page-center{overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}@media (hover:none){.intro-overlay__btn:hover{transform:none}}@media (max-width:20rem){:root{--content-max:min(100%,calc(100vw - 2 * var(--space-sm) - var(--safe-left) - var(--safe-right)));--content-narrow:min(100%,20rem)}.site-author-footer{font-size:.72rem;padding-top:var(--space-sm);padding-bottom:calc(var(--space-sm) + var(--safe-bottom))}}@media (min-width:64rem){.app-view--card .card-template{padding-left:max(var(--space-xl),calc((100% - var(--content-max)) / 2));padding-right:max(var(--space-xl),calc((100% - var(--content-max)) / 2))}}.info-page{flex:1 1;width:100%;background:linear-gradient(160deg,#1e1b2e,#12101a);color:#f0ebff}.info-page__icon{font-size:clamp(2.5rem,10vw,3.5rem);margin-bottom:var(--space-md)}.info-page h1{margin:0 0 var(--space-md);font-size:clamp(1.35rem,5vw,1.75rem);line-height:1.25}.info-page p{margin:0 0 var(--space-md);line-height:1.6;color:rgba(240,235,255,.85)}.info-page__code{display:block;padding:.65rem 1rem;background:rgba(255,255,255,.08);border-radius:var(--radius-sm);font-size:clamp(.75rem,2.5vw,.85rem);margin-bottom:var(--space-md);word-break:break-all;text-align:left}.info-page__code--small{font-size:.72rem}.info-page__link{color:#ff9ecd;font-weight:500;text-decoration:underline;text-underline-offset:.15em}.info-page__link:hover{color:#ffb8dc}.info-page__cta{display:inline-flex;align-items:center;justify-content:center;min-height:var(--touch-min);margin-top:var(--space-sm);padding:.65rem 1.25rem;border-radius:var(--radius-sm);background:rgba(255,158,205,.2);color:#ff9ecd;font-weight:600;text-decoration:none}.info-page__cta:hover{background:rgba(255,158,205,.32)}.info-page--guide.page-center{justify-content:flex-start;text-align:left}.info-page--guide .page-center__content{padding-bottom:var(--space-2xl)}.guide-section{margin-bottom:var(--space-xl)}.guide-section h2{font-size:1.05rem;margin:0 0 var(--space-sm);color:#fff}.guide-section__label{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;opacity:.7;margin:var(--space-sm) 0 var(--space-xs)}.guide-section__samples{display:flex;flex-wrap:wrap;gap:.35rem .75rem;margin-top:var(--space-sm)}.guide-section__samples a{color:#ff9ecd;min-height:var(--touch-min);display:inline-flex;align-items:center}.guide-nav{margin-bottom:var(--space-lg);font-size:.9rem}.guide-nav a{color:rgba(240,235,255,.75)}.guide-nav a:hover{color:#ff9ecd}*,:after,:before{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;font-family:Be Vietnam Pro,system-ui,sans-serif;background:#0d0814;color:#fff8f0}#root,body{min-height:100dvh}#root{min-height:100svh;height:100svh;max-height:100dvh;overflow:hidden}a{color:inherit}button{font-family:inherit}.app-shell{min-height:100dvh;min-height:100svh;height:100svh;max-height:100dvh;display:flex;flex-direction:column;overflow:hidden;background:#0d0814}.app-shell__main{flex:1 1 auto;display:flex;flex-direction:column;min-height:0}.app-shell .app-view,.app-shell .info-page,.app-shell .page-center{flex:1 1;min-height:0}