:root{--color-header-bg:#0D5248;--color-header-text:#ffffff;--color-header-subtitle:#C5DDD3;--color-bg:#ffffff;--color-surface:#f8f8f8;--color-bg-hover:#f5f5f5;--color-text:#1a1a1a;--color-text-secondary:#555555;--color-muted:#666666;--color-border:#949494;--color-separator:#dddddd;--color-link:#0D5248;--color-link-hover:#08382E;--color-focus:#0D5248;--color-focus-on-dark:rgb(255 255 255 / 80%);--color-cta-bg:#0D5248;--color-cta-bg-hover:#2A9886;--color-cta-bg-press:#08382E;--color-cta-text:#ffffff;--font-base:system-ui, -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", "Arial", sans-serif;--font-map:"Open Sans", "Noto Sans", sans-serif;--size-xs:0.75rem;--size-sm:0.875rem;--size-base:1rem;--size-lg:1.25rem;--size-xl:1.5rem;--size-2xl:2rem;--weight-normal:400;--weight-medium:500;--weight-semi:600;--weight-bold:700;--leading-tight:1.2;--leading-normal:1.5;--leading-relaxed:1.6;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--max-content:48rem;--radius-card:0.375rem;--radius-pill:1rem;--transition-hover:background-color 0.15s ease;--transition-chip:0.1s}@media(prefers-reduced-motion:reduce){:root{--transition-hover:none;--transition-chip:none}}.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;z-index:100;padding:var(--space-sm)var(--space-md);background:var(--color-bg);color:var(--color-link);font-weight:700}.skip-link:focus{position:fixed;top:var(--space-sm);left:var(--space-sm);width:auto;height:auto;outline:3px solid var(--color-focus);outline-offset:2px}*,*::before,*::after{box-sizing:border-box}html{scroll-padding-bottom:7rem}body{margin:0;font-family:var(--font-base);font-size:var(--size-base);line-height:1.5;color:var(--color-text);background:var(--color-bg);-webkit-text-size-adjust:100%;text-size-adjust:100%}h1,h2,h3,p,ul{margin:0}ul{padding:0;list-style:none}a{color:var(--color-link);text-decoration:underline}a:hover{color:var(--color-link-hover)}a:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.site-header{background:var(--color-header-bg);color:var(--color-header-text);height:3.5rem;display:flex;align-items:center;padding:0 var(--space-lg)}.site-header a{color:var(--color-header-text);font-size:var(--size-lg);font-weight:700;line-height:1.2;text-decoration:none}.site-header a:hover{color:var(--color-header-text);opacity:.9}.site-header a:focus-visible{outline:3px solid var(--color-focus-on-dark);outline-offset:2px}.site-header-title{display:block;font-size:var(--size-base);line-height:1.2}.site-header-subtitle{display:block;font-size:.75rem;font-weight:400;color:var(--color-header-subtitle);line-height:1.2}.content{padding:var(--space-lg);max-width:var(--max-content);margin:0 auto}.page-heading{font-size:var(--size-2xl);font-weight:700;margin-bottom:var(--space-lg)}.section-heading{font-size:var(--size-xl);font-weight:var(--weight-bold);margin-bottom:var(--space-md)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.site-header{flex-wrap:wrap;gap:var(--space-sm)var(--space-lg);padding-top:var(--space-sm);padding-bottom:var(--space-sm);height:auto;min-height:3.5rem}.site-header-brand{font-size:var(--size-lg);font-weight:700;text-decoration:none;color:var(--color-header-text);line-height:1.2;flex:none}.site-nav{flex:1 1 100%}.site-nav__list{display:flex;flex-wrap:wrap;gap:var(--space-md);margin:0;padding:0;list-style:none}.site-nav__link{color:var(--color-header-text);font-size:var(--size-base);font-weight:var(--weight-medium);text-decoration:none;padding:var(--space-xs)var(--space-sm);border-radius:3px;line-height:1.2}.site-nav__link:hover{color:var(--color-header-text);background:hsla(0,0%,100%,.12)}.site-nav__link[aria-current=page],.site-nav__link[aria-current=true]{background:hsla(0,0%,100%,.18);font-weight:var(--weight-semi)}.site-nav__link:focus-visible{outline:3px solid var(--color-focus-on-dark);outline-offset:2px}.hero{margin-bottom:var(--space-2xl)}.hero__lede{font-size:var(--size-lg);line-height:var(--leading-relaxed);color:var(--color-text);margin-bottom:var(--space-lg)}.section-lede{font-size:var(--size-base);line-height:var(--leading-relaxed);color:var(--color-text-secondary);margin-bottom:var(--space-lg)}.email-signup{background:var(--color-surface);border:1px solid var(--color-separator);border-radius:6px;padding:var(--space-lg);margin-bottom:var(--space-xl)}.email-signup__heading{font-size:var(--size-lg);font-weight:var(--weight-bold);margin-bottom:var(--space-sm);color:var(--color-text)}.email-signup__hint{font-size:var(--size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-md)}.email-signup__row{display:flex;flex-direction:column;gap:var(--space-sm)}.email-signup__label{font-size:var(--size-sm);font-weight:var(--weight-semi);color:var(--color-text)}.email-signup__input{font:inherit;padding:var(--space-sm)var(--space-md);border:1px solid var(--color-border);border-radius:4px;background:var(--color-bg);color:var(--color-text);min-height:2.75rem}.email-signup__input:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.email-signup__button{font:inherit;font-weight:var(--weight-bold);padding:var(--space-sm)var(--space-lg);min-height:2.75rem;background:var(--color-cta-bg);color:var(--color-cta-text);border:1px solid var(--color-cta-bg);border-radius:4px;cursor:pointer}.email-signup__button:hover{background:var(--color-cta-bg-hover);border-color:var(--color-cta-bg-hover)}.email-signup__button:active{background:var(--color-cta-bg-press);border-color:var(--color-cta-bg-press)}.email-signup__button:focus-visible{outline:3px solid var(--color-focus-on-dark);outline-offset:2px}.email-signup--hero{border-left:4px solid var(--color-header-bg)}.development-story{margin-bottom:var(--space-2xl)}.development-story p{font-size:var(--size-base);line-height:var(--leading-relaxed);color:var(--color-text)}.screenshots{margin-bottom:var(--space-2xl)}.screenshots__list{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);margin:0;padding:0;list-style:none}.screenshots__item{min-width:0}.screenshot-thumb{display:block;width:100%;background:var(--color-bg);border:1px solid var(--color-separator);border-radius:8px;padding:var(--space-md);cursor:pointer;text-align:center;font:inherit;color:var(--color-text)}.screenshot-thumb:hover{background:var(--color-bg-hover);border-color:var(--color-border)}.screenshot-thumb:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.screenshot-thumb__image{display:block;width:100%;height:auto;margin:0 auto var(--space-sm)}.screenshot-thumb__caption{display:block;font-size:var(--size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-xs)}.screenshot-thumb__cta{display:block;font-size:var(--size-sm);font-weight:var(--weight-semi);color:var(--color-link)}.screenshot-dialog{border:0;padding:0;margin:0;background:var(--color-bg);color:var(--color-text);width:100vw;height:100vh;max-width:100vw;max-height:100vh}.screenshot-dialog::backdrop{background:rgba(0,0,0,.85)}.screenshot-dialog[open]{display:flex;flex-direction:column}.screenshot-dialog__image{flex:auto;width:100%;height:100%;min-height:0;object-fit:contain;background:#000}.screenshot-dialog__footer{flex:none;margin:0;padding:var(--space-md);text-align:center;font-size:var(--size-base);font-weight:var(--weight-bold);background:var(--color-header-bg);color:var(--color-header-text)}.post-list{margin-bottom:var(--space-2xl)}.post-list__heading{font-size:var(--size-xl);font-weight:var(--weight-bold);margin-bottom:var(--space-sm)}.post-list__subheading{font-size:var(--size-base);color:var(--color-text-secondary);margin-bottom:var(--space-md);line-height:var(--leading-normal)}.post-list__items{margin:0 0 var(--space-lg);padding:0;list-style:none;border-top:1px solid var(--color-separator)}.post-list__item{padding:var(--space-md)0;border-bottom:1px solid var(--color-separator)}.post-list__item-title{display:block;font-size:var(--size-base);font-weight:var(--weight-semi);line-height:var(--leading-normal);color:var(--color-link);text-decoration:underline}.post-list__item-title:hover{color:var(--color-link-hover)}.post-list__item-date{display:block;font-size:var(--size-sm);color:var(--color-muted);margin-top:var(--space-xs)}.post-list__item-summary{margin-top:var(--space-sm);font-size:var(--size-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.post-list__item-summary p{margin:0}.post-list__item-continue{display:inline-block;margin-top:var(--space-xs);font-size:var(--size-sm);font-weight:var(--weight-semi)}.post-list__more{font-weight:var(--weight-semi)}.post-list__empty{font-size:var(--size-sm);color:var(--color-muted);padding:var(--space-md)0}.post{margin-bottom:var(--space-2xl)}.post__back{display:inline-block;font-size:var(--size-sm);margin-bottom:var(--space-md)}.post__title{font-size:var(--size-2xl);font-weight:var(--weight-bold);line-height:var(--leading-tight);margin-bottom:var(--space-xs)}.post__date{display:block;font-size:var(--size-sm);color:var(--color-muted);margin-bottom:var(--space-lg)}.post__body{font-size:var(--size-base);line-height:var(--leading-relaxed);color:var(--color-text)}.post__body p{margin-bottom:var(--space-md)}.post__body h2{font-size:var(--size-xl);font-weight:var(--weight-bold);margin-top:var(--space-xl);margin-bottom:var(--space-sm)}.post__body h3{font-size:var(--size-lg);font-weight:var(--weight-semi);margin-top:var(--space-lg);margin-bottom:var(--space-sm)}.post__body ul,.post__body ol{padding-left:var(--space-lg);margin-bottom:var(--space-md)}.post__body ul{list-style:disc}.post__body ol{list-style:decimal}.post__body li{margin-bottom:var(--space-xs)}.post__body img{display:block;width:100%;max-width:20rem;height:auto;margin:var(--space-lg)auto;border:1px solid var(--color-separator);border-radius:8px;background:var(--color-bg)}.site-footer{background:var(--color-surface);border-top:1px solid var(--color-separator);padding:var(--space-xl)var(--space-lg);margin-top:var(--space-2xl)}.site-footer__inner{max-width:var(--max-content);margin:0 auto;display:flex;flex-direction:column;gap:var(--space-md);color:var(--color-text-secondary);font-size:var(--size-sm)}.site-footer__nav{display:flex;flex-wrap:wrap;gap:var(--space-md)}.site-footer__nav a{color:var(--color-link)}.site-footer__meta{color:var(--color-muted)}@media(min-width:40rem){.site-header{flex-wrap:nowrap;padding:0 var(--space-xl)}.site-nav{flex:none;margin-left:auto}.site-nav__list{gap:var(--space-lg)}.email-signup__row{flex-direction:row;align-items:flex-end}.email-signup__field{flex:auto;display:flex;flex-direction:column;gap:var(--space-xs)}.site-footer{padding:var(--space-xl)var(--space-2xl)}.site-footer__inner{flex-direction:row;justify-content:space-between;align-items:center}}