:root{--page: #f7f3ec;--surface: #f0ebe0;--elevated: #ede8dd;--code: #1f2430;--code-ink: #e9edf5;--border: #d4cdc0;--muted: #c8b898;--body: #4a2c2a;--ink: #2e1a18;--accent: #c85a5a;--accent-hover: #d4807a;--green: #6b9e4f;--green-light: #8bb86e;--footer: #3d2422}*{box-sizing:border-box}html,body{margin:0;padding:0}body{min-height:100vh;font-family:DM Sans,sans-serif;color:var(--body);line-height:1.6;background:radial-gradient(120% 80% at 8% 0%,#fffaf3 0%,transparent 55%),radial-gradient(70% 60% at 88% 18%,#f5ede2 0%,transparent 60%),var(--page)}a{color:inherit;text-decoration:none}h1,h2,h3{margin:0;line-height:1.2;color:var(--ink)}h1,h2{font-family:Fraunces,serif;font-weight:500}h1{font-size:clamp(2.25rem,5.8vw,3.6rem);letter-spacing:-.01em}h2{font-size:clamp(1.7rem,3.1vw,2.25rem)}h3{font-family:IBM Plex Mono,monospace;font-size:.95rem;letter-spacing:.04em}.main-wrap{max-width:1080px;margin:0 auto;padding:0 1rem}.section-pad{padding:clamp(2.6rem,5.4vw,5rem) clamp(.2rem,1vw,.8rem)}.section-body,.hero,.packages{max-width:980px;margin:0 auto}.site-nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.95rem 1.2rem;background:color-mix(in srgb,var(--page) 85%,white);border-bottom:1px solid var(--border);backdrop-filter:blur(7px)}.brand{display:inline-flex;align-items:center;gap:.55rem}.brand__logo{width:clamp(7.8rem,14vw,9.2rem);height:auto;display:block}.brand__name{font-family:Fraunces,serif;font-size:1.2rem;font-weight:500}.brand__badge{font-family:IBM Plex Mono,monospace;font-size:.64rem;color:var(--muted);border:1px solid var(--border);border-radius:999px;background:var(--surface);padding:.16rem .45rem}.nav-links{display:inline-flex;gap:1rem;font-family:IBM Plex Mono,monospace;font-size:.78rem}.nav-link--github{display:inline-flex;align-items:center;gap:.34rem}.nav-link--github svg{width:.86rem;height:.86rem;fill:currentColor}.hero{margin-top:1.6rem;text-align:center;border:1px solid var(--border);border-radius:1.05rem;background:linear-gradient(180deg,#ffffff9e,#ede8ddf5),repeating-linear-gradient(45deg,transparent 0,transparent 24px,rgba(200,184,152,.06) 24px,rgba(200,184,152,.06) 25px);box-shadow:0 20px 44px -38px #2e1a1880}.hero__logo{width:min(100%,33rem);height:auto;display:block;margin:0 auto .35rem}.hero__subtitle{margin:.55rem 0 0;font-family:Outfit,sans-serif;font-size:clamp(1.05rem,2.2vw,1.3rem)}.hero__pitch{max-width:60ch;margin:1rem auto 1.5rem}.install-pill{display:inline-flex;flex-wrap:wrap;gap:.7rem;align-items:center;justify-content:center;background:color-mix(in srgb,var(--surface) 88%,white);border:1px solid var(--border);border-radius:.75rem;padding:.72rem 1rem}code,.code-title,.roadmap li,.site-footer a{font-family:IBM Plex Mono,monospace}button{font:inherit;font-size:.8rem;border:1px solid var(--border);border-radius:.45rem;background:var(--elevated);color:var(--body);padding:.33rem .62rem;cursor:pointer;transition:border-color .18s ease,color .18s ease,transform .18s ease}button:hover{color:var(--ink);border-color:var(--accent-hover);transform:translateY(-1px)}.section-heading p,.problem p,.quick-start p{margin:.65rem 0 0}.packages{border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.bento-grid{margin-top:1.25rem;display:grid;gap:.72rem;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-areas:"layout layout layout router focus app" "layout layout layout dialog statusbar app" "panel panel panel panel theme theme"}.bento-card{border:1px solid var(--border);border-radius:.82rem;background:color-mix(in srgb,var(--surface) 87%,white);min-height:6.7rem;padding:.95rem;display:flex;flex-direction:column;gap:.45rem;box-shadow:0 10px 26px -24px #2e1a1899}.bento-card p{margin:0;font-size:.92rem}.bento-card--app{grid-area:app}.bento-card--router{grid-area:router}.bento-card--layout{grid-area:layout}.bento-card--focus{grid-area:focus}.bento-card--dialog{grid-area:dialog}.bento-card--statusbar{grid-area:statusbar}.bento-card--panel{grid-area:panel}.bento-card--theme{grid-area:theme}.dot{display:inline-block;width:.55rem;height:.55rem;border-radius:999px}.dot--accent{background:var(--accent)}.dot--green{background:var(--green)}.dot--green-light{background:var(--green-light)}.dot--ink{background:var(--ink)}.dot--muted{background:var(--muted)}.code-frame{margin-top:1rem;border:1px solid var(--border);border-radius:.8rem;overflow:hidden}.code-frame__top{display:flex;justify-content:space-between;align-items:center;background:var(--surface);border-bottom:1px solid var(--border);padding:.66rem .8rem}.code-title{font-size:.75rem}pre{margin:0;overflow-x:auto;padding:1rem;background:var(--code)}pre code{display:block;color:var(--code-ink);font-size:.84rem;line-height:1.52}.code-frame .astro-code{margin:0;padding:1rem;overflow-x:auto;background:var(--code)!important}.docs-main{max-width:1200px}.docs-shell{display:grid;grid-template-columns:minmax(0,1fr) 16.5rem;gap:1rem;align-items:start}.docs-hero{margin-top:1.6rem;border:1px solid var(--border);border-radius:1rem;background:color-mix(in srgb,var(--surface) 90%,white)}.docs-section{padding-top:1.4rem}.docs-grid{margin-top:1rem;display:grid;gap:.8rem;grid-template-columns:repeat(2,minmax(0,1fr))}.docs-card{border:1px solid var(--border);border-radius:.8rem;background:color-mix(in srgb,var(--surface) 90%,white);padding:.9rem}.docs-card h3 a{text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--accent) 55%,transparent);text-decoration-thickness:1px;text-underline-offset:.14em}.docs-card p{margin:.45rem 0 0}.docs-status{margin:0;font-family:IBM Plex Mono,monospace;font-size:.68rem;letter-spacing:.04em;text-transform:uppercase}.docs-status--current,.docs-status--active{color:var(--green)}.docs-status--accepted,.docs-status--reference{color:var(--muted)}.docs-prose{margin:1.4rem auto 2.2rem;padding:1.2rem 1rem 1.4rem;border:1px solid var(--border);border-radius:.95rem;background:color-mix(in srgb,var(--surface) 90%,white)}.docs-toc{margin:1.4rem 0 0;position:sticky;top:5.2rem;border:1px solid var(--border);border-radius:.85rem;background:color-mix(in srgb,var(--surface) 92%,white);padding:.75rem .75rem .85rem}.docs-toc[hidden]{display:none}.docs-toc__title{margin:0 0 .45rem;font-family:IBM Plex Mono,monospace;font-size:.7rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.docs-toc ul{list-style:none;margin:0;padding:0;display:grid;gap:.28rem}.docs-toc__item a{display:block;font-size:.84rem;line-height:1.35;color:var(--ink);text-decoration:none}.docs-toc__item a:hover{color:var(--accent)}.docs-toc__item--sub a{padding-left:.72rem;color:color-mix(in srgb,var(--body) 86%,var(--ink))}.docs-prose h1,.docs-prose h2,.docs-prose h3{margin:1.25rem 0 .45rem}.docs-prose h1{margin-top:0}.docs-prose p,.docs-prose ul,.docs-prose ol,.docs-prose table,.docs-prose pre,.docs-prose blockquote{margin:.65rem 0}.docs-prose li{margin:.3rem 0}.docs-prose a{text-decoration:underline;text-underline-offset:.14em;text-decoration-thickness:1px}.docs-prose table{width:100%;border-collapse:collapse}.docs-prose th,.docs-prose td{border:1px solid var(--border);padding:.45rem .55rem;text-align:left}.docs-prose :not(pre)>code{background:color-mix(in srgb,var(--surface) 60%,white);border:1px solid var(--border);border-radius:.3rem;padding:.05rem .32rem}.docs-prose pre{border:1px solid color-mix(in srgb,var(--code) 80%,var(--border));border-radius:.6rem}.docs-prose .astro-code{padding:.9rem 1rem;border-radius:.6rem;background:var(--code)!important}.docs-prose .astro-code code{color:var(--code-ink)}.code-frame .astro-code code{font-size:.84rem;line-height:1.52}.roadmap ul{margin:1.2rem 0 0;padding:0;list-style:none;display:grid;gap:.55rem}.status{display:inline-block;width:.62rem;height:.62rem;margin-right:.52rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--ink) 35%,transparent)}.status--planned{background:var(--muted)}.status--progress{background:var(--green)}.site-footer{margin-top:1.8rem;text-align:center;color:var(--surface);background:linear-gradient(180deg,var(--footer) 0%,#2f1b19 100%);padding:1.5rem 1rem 1.75rem}.site-footer p{margin:.25rem 0}.footer-links{margin:.55rem 0;display:inline-flex;gap:1.1rem;color:var(--muted)}.reveal{opacity:0;transform:translateY(18px);animation:fade-up .56s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:var(--delay, 0ms)}@keyframes fade-up{to{opacity:1;transform:translateY(0)}}@media(max-width:980px){.bento-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"layout layout" "router focus" "dialog app" "statusbar app" "panel panel" "theme theme"}.docs-shell{grid-template-columns:1fr}.docs-toc{position:static;margin:0 0 1rem}}@media(max-width:680px){.site-nav{flex-direction:column;align-items:flex-start}.brand__logo{width:clamp(7.2rem,40vw,8.4rem)}.hero__logo{width:min(100%,22rem)}.nav-links{font-size:.72rem}.install-pill{width:100%}.bento-grid{grid-template-columns:1fr;grid-template-areas:"app" "layout" "router" "focus" "dialog" "statusbar" "panel" "theme"}.docs-grid,.docs-shell{grid-template-columns:1fr}.docs-toc{position:static;margin-top:0}.docs-prose{padding:.9rem .8rem 1.1rem}}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;animation:none}button{transition:none}}