html{font-size:16px;-webkit-text-size-adjust:100%;scroll-padding-top:88px}*{box-sizing:border-box}.phoam-page{margin:0;display:block;min-height:100svh;background:var(--bg);color:var(--text);font:400 16px/1.6 var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.phoam-container{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:24px}.phoam-header{position:sticky;top:0;z-index:100;display:block;width:100%;margin:0;padding:0;border:0;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg) 94%,transparent);backdrop-filter:blur(10px)}.phoam-header>.phoam-container{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:64px}.phoam-brand{display:inline-flex;align-items:center;gap:10px;flex-shrink:0;padding:0;margin:0;color:var(--text);font-size:17px;font-weight:600;letter-spacing:-.01em;text-decoration:none;min-height:44px}.phoam-mark{display:block;width:26px;height:26px;flex-shrink:0;background:currentColor;mask:url(/ui/mark.svg) center/contain no-repeat;-webkit-mask:url(/ui/mark.svg) center/contain no-repeat}.phoam-header .phoam-nav{display:flex;align-items:center;gap:22px;margin:0;padding:0;border:0}.phoam-nav>a{display:inline-flex;align-items:center;min-height:44px;padding:0;border:0;border-radius:0;background:transparent;color:var(--accent-hi);font-size:15px;font-weight:500;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.phoam-nav>a[aria-current]{color:var(--text);text-decoration-color:var(--accent)}.phoam-page .theme-btn{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;min-width:44px;width:44px;min-height:44px;height:44px;margin:0;padding:0;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--muted);cursor:pointer;line-height:1}.theme-btn:hover{color:var(--text);border-color:var(--accent)}.theme-icon{display:none}.theme-icon--auto{display:block}:root[data-theme] .theme-icon--auto{display:none}:root[data-theme=light] .theme-icon--light,:root[data-theme=dark] .theme-icon--dark{display:block}.phoam-content{width:100%;max-width:var(--maxw);padding:clamp(40px,6vw,64px) 24px;margin:auto;min-height:calc(100svh - 180px)}.phoam-page h1{font-size:clamp(34px,6.2vw,60px);font-weight:600;letter-spacing:-.03em;line-height:1.15}.phoam-page h2{font-weight:600;letter-spacing:-.025em;line-height:1.2}.phoam-page :focus-visible{outline:2px solid var(--accent);outline-offset:3px}.phoam-footer{display:block;width:100%;padding:32px 0;margin:0;border:0;border-top:1px solid var(--border);font-size:14px;color:var(--muted)}.phoam-footer>.phoam-container{display:flex;align-items:center;justify-content:space-between;gap:16px 24px;flex-wrap:wrap}.phoam-footer nav{display:flex;gap:18px;flex-wrap:wrap;border:0;padding:0;margin:0}.phoam-footer a{color:var(--accent-hi);text-decoration:underline;text-underline-offset:3px}.phoam-footer .phoam-brand{color:var(--text);text-decoration:none}.phoam-page[data-shell=login]>main{max-width:460px;min-height:calc(100svh - 190px);margin:auto;padding:48px 24px}.phoam-page[data-shell=login] .intro{margin:0 0 30px}.phoam-page[data-shell=login] h1{font-size:clamp(34px,6.2vw,44px)}.phoam-page[data-shell=waitlist]>main{margin:auto;min-height:calc(100svh - 190px)}.phoam-page input,.phoam-page textarea,.phoam-page select{border-radius:var(--radius-sm)}.phoam-page button:not(.theme-btn){border-radius:var(--radius-sm)}.phoam-page[data-shell=login] #sign-in{color:var(--color-on-accent)}.phoam-page .brand img{filter:none}.phoam-page[data-shell=blog]>main{max-width:var(--maxw)}.phoam-page[data-shell=blog] article,.phoam-page[data-shell=blog] .posts,.phoam-page[data-shell=blog] .blog-intro{max-width:760px}.phoam-page[data-shell=blog] p{max-width:62ch}.phoam-page[data-shell=error] .phoam-content,.phoam-page[data-shell=gate] .phoam-content{max-width:var(--maxw)}@media(max-width:640px){.phoam-container{padding-inline:20px}.phoam-header .phoam-nav{gap:16px}.phoam-nav .nav-secondary{display:none}.phoam-content{padding-inline:20px}.phoam-footer>.phoam-container{align-items:flex-start}.phoam-footer nav{gap:14px}.phoam-page[data-shell=blog]>main{width:100%;padding:40px 20px 48px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.phoam-page .card,.phoam-page .metric{border-radius:var(--radius)}.phoam-page dialog,.phoam-page .panel{border-radius:var(--radius-lg);box-shadow:var(--shadow)}.phoam-page .btn--primary{color:var(--color-on-accent)}.phoam-page .phoam-footer nav a{display:inline-flex;align-items:center;min-height:44px;padding:0;margin:0;border:0;border-radius:0;background:transparent;color:var(--accent-hi);font-size:14px;line-height:1.6;text-decoration:underline}
