*{box-sizing:border-box}html{color-scheme:light;scroll-behavior:smooth}body{margin:0;min-width:320px;color:var(--ink);background:var(--sky-50);font-family:var(--font);font-size:1rem;line-height:1.55;-webkit-font-smoothing:antialiased}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{color:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.6}a{color:inherit;text-decoration:none}img,svg{display:block}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--sky-600);outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--font-display);color:var(--ink-strong);word-break:keep-all}h1{font-size:clamp(1.8rem,5.8vw,2rem);font-weight:800;line-height:1.25;letter-spacing:-.055em}h2{font-size:1.2rem;line-height:1.4}h3{font-size:1.02rem;line-height:1.4;letter-spacing:-.035em}p{word-break:keep-all}button{border:0;background:none}svg{flex-shrink:0}.icon{width:1.4rem;height:1.4rem;overflow:visible}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-100px;left:1rem;z-index:100;background:var(--white);padding:1rem;border-radius:var(--radius-sm)}.skip-link:focus{top:1rem}.ambient{position:fixed;inset:0;z-index:var(--z-decor);pointer-events:none;background:radial-gradient(ellipse at 12% 0%,#b7e2ff80,transparent 50%),radial-gradient(ellipse at 95% 75%,#bee5ff6b,transparent 45%),linear-gradient(140deg,#f9fcff,var(--sky-50) 55%,#e2f4ff)}.ambient i{position:absolute;width:20rem;height:20rem;border-radius:50%;background:#fff7;filter:blur(50px)}.ambient i:nth-child(1){top:12%;left:22%}.ambient i:nth-child(2){bottom:4%;right:10%}.ambient i:nth-child(3){top:48%;left:-10%}.app-shell{position:relative;isolation:isolate;min-height:100svh}.main{padding-bottom:calc(var(--nav-height) + 1.5rem + env(safe-area-inset-bottom));outline:none}.page{width:100%;max-width:30rem;margin:0 auto;padding:0 var(--page-gutter)}.page-inner{position:relative}.page-content{min-width:0}.page-intro{position:relative;display:flex;align-items:center;min-height:10rem;padding:1.25rem 0}.page-intro-copy{position:relative;z-index:1;max-width:65%}.page-intro p{max-width:13.2rem;margin-top:.7rem;color:var(--muted);font-size:.9rem;line-height:1.55}.page-intro .character{width:10.8rem;position:absolute;right:-.85rem;bottom:-.7rem;pointer-events:none}.page-intro .character--star{width:10rem;right:-.65rem;bottom:0}.eyebrow{font-size:.74rem;font-weight:600;color:var(--muted);letter-spacing:.025em}.reference-label{display:inline-flex;gap:.35rem;align-items:center;font-size:.7rem;color:var(--muted);border:1px solid var(--border);background:#fff9;border-radius:var(--radius-pill);padding:.16rem .5rem;margin-top:.5rem}.reference-label .icon{width:.8rem;height:.8rem}.stack{display:grid;gap:.65rem}.muted{color:var(--muted)}.loading-state,.empty-state{padding:2.2rem 1rem;text-align:center}.empty-state .icon,.loading-state .icon{margin:0 auto 1rem;color:var(--sky-500);width:2rem;height:2rem}.empty-state p{margin-top:.5rem;color:var(--muted)}.loading-state .icon{animation:pulse 1.4s infinite}.error-state{border-color:#eed4dc}.error-state .button{margin-top:1rem}@keyframes pulse{50%{opacity:.3}}@keyframes enter{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}.page-content{animation:enter .35s ease both}@media(min-width:640px){:root{--page-gutter:1.5rem}.page{max-width:40rem}.page-intro{min-height:11rem}.page-intro .character{width:12rem}.page-intro-copy{max-width:70%}.page-intro p{max-width:21rem}}@media(min-width:1000px){:root{--nav-height:5.5rem}.page{max-width:var(--content-width);padding:0 2rem}.page-inner{display:grid;grid-template-columns:19rem minmax(0,1fr);gap:3rem;align-items:start;padding-top:2.4rem}.page-intro{display:block;position:sticky;top:7rem;min-height:28rem;padding-top:1rem}.page-intro-copy{max-width:none}.page-intro p{max-width:18rem}.page-intro .character,.page-intro .character--star{position:relative;right:auto;bottom:auto;width:20rem;margin-top:1rem;margin-left:-1rem}.main{padding-bottom:8rem}.page-content{padding-top:.7rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}