:root.light{--bg-0: #fbfbfa;--bg-1: #f4f4f2;--bg-2: #e8e8e4;--text-0: #16161a;--text-1: #53535d;--text-2: #71717a;--primary-color: #007b98;--primary-vivid: #089ac3;--primary-hover: #005f76;--primary-tint: #089ac316;--on-primary: #ffffff;--border-color: #e3e3de;--border-strong: #cfcfc8;--hover-color: var(--primary-color);--icon-filter: none;--shadow-sm: 0 1px 2px rgb(20 20 26 / 5%);--shadow-md: 0 4px 6px -1px rgb(20 20 26 / 7%), 0 2px 4px -2px rgb(20 20 26 / 5%);--shadow-lg: 0 12px 24px -8px rgb(20 20 26 / 12%), 0 4px 8px -4px rgb(20 20 26 / 6%);--selection-bg: #0e749026}:root.dark{--bg-0: #0b0d0e;--bg-1: #121517;--bg-2: #272d2f;--text-0: #eceef0;--text-1: #a3adb2;--text-2: #7d868b;--primary-color: #2bc4ee;--primary-vivid: #2bc4ee;--primary-hover: #6edaf7;--primary-tint: #2bc4ee24;--on-primary: #05222e;--border-color: #262d30;--border-strong: #3a4448;--hover-color: var(--primary-color);--icon-filter: invert(1);--shadow-sm: 0 1px 2px rgb(0 0 0 / 40%);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / 50%), 0 2px 4px -2px rgb(0 0 0 / 40%);--shadow-lg: 0 12px 24px -8px rgb(0 0 0 / 60%), 0 4px 8px -4px rgb(0 0 0 / 40%);--selection-bg: #2bc4ee38}:root{--tipperoo-orange: #f97015;--tipperoo-ink: #171412;--tipperoo-tint: #f9701514;--header-font: "Space Grotesk", "ZedDisplayFtl", system-ui, -apple-system, "Segoe UI", sans-serif;--text-font: "ZedTextFtl", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono-text-font: "Jetbrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--code-font: var(--mono-text-font);--step--1: 0.833rem;--step-0: 1rem;--step-1: 1.2rem;--step-2: 1.44rem;--step-3: 1.728rem;--step-4: 2.074rem;--step-hero: clamp(2.2rem, 1.4rem + 3.6vw, 3.6rem);--line-height: 1.65;--line-height-tight: 1.2;--measure: 68ch;--space-1: 0.25rem;--space-2: 0.5rem;--space-3: 0.75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--space-9: 6rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-full: 999px;--ease: cubic-bezier(0.32, 0.72, 0, 1);--duration-fast: 120ms;--duration: 200ms;--duration-slow: 400ms;--page-width: 780px;--page-width-wide: 1080px}@font-face{font-family:"Space Grotesk";font-style:normal;font-weight:500;src:url("fonts/SpaceGrotesk/SpaceGrotesk-Medium.ttf");font-display:swap}@font-face{font-family:"Space Grotesk";font-style:normal;font-weight:600;src:url("fonts/SpaceGrotesk/SpaceGrotesk-SemiBold.ttf");font-display:swap}*,*::before,*::after{box-sizing:border-box}html{font-family:var(--text-font);line-height:var(--line-height);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--duration) var(--ease)}::selection{background:var(--selection-bg)}body{padding:0 var(--space-4)}.content{max-width:var(--page-width);padding-bottom:var(--space-7)}body .right-content{padding:0}.right-content .toc{padding:var(--space-4)}h1,h2,h3,h4,h5,h6{font-family:var(--header-font);font-weight:600;line-height:var(--line-height-tight);letter-spacing:-.018em;color:var(--text-0);text-wrap:balance}h1{font-size:var(--step-4)}h2{font-size:var(--step-3)}h3{font-size:var(--step-2)}h4{font-size:var(--step-1)}h1::before,h2::before,h3::before,h4::before,h5::before,h6::before{content:none}.body h1::before{content:"# ";color:var(--primary-color)}.body h2::before{content:"## ";color:var(--primary-color)}.body h3::before{content:"### ";color:var(--primary-color)}.body h4::before{content:"#### ";color:var(--primary-color)}.body h5::before{content:"##### ";color:var(--primary-color)}.body h6::before{content:"###### ";color:var(--primary-color)}.body h1::before,.body h2::before,.body h3::before,.body h4::before,.body h5::before,.body h6::before{font-weight:400;speak:never}.body h2,.body h3,.body h4{margin-top:var(--space-7);margin-bottom:var(--space-3)}.body h2+h3{margin-top:var(--space-5)}.body p,.body ul,.body ol,.body blockquote,.body pre,.body table{margin-top:0;margin-bottom:var(--space-5)}.body>:first-child{margin-top:0}.body>:last-child{margin-bottom:0}.body p,.body li{max-width:var(--measure)}.body li+li{margin-top:var(--space-2)}.body strong{font-weight:700;color:var(--text-0)}main a{border-bottom:none}a{color:var(--primary-color);text-decoration:none;transition:color var(--duration-fast) var(--ease)}a:hover{background-color:rgba(0,0,0,0);color:var(--primary-hover)}.body a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em;text-decoration-color:color-mix(in srgb, var(--primary-color) 40%, rgba(0,0,0,0));transition:color var(--duration-fast) var(--ease),text-decoration-color var(--duration-fast) var(--ease)}.body a:hover{color:var(--primary-hover);text-decoration-color:currentColor}:focus-visible{outline:2px solid var(--primary-color);outline-offset:3px;border-radius:var(--radius-sm)}.skip-link{position:absolute;top:var(--space-3);left:var(--space-3);z-index:100;padding:var(--space-2) var(--space-4);background:var(--primary-color);color:var(--on-primary);border-radius:var(--radius-sm);font-size:var(--step--1);font-weight:600;transform:translateY(-200%);transition:transform var(--duration) var(--ease)}.skip-link:focus{transform:translateY(0)}.body blockquote{margin-left:0;margin-right:0;padding:var(--space-1) var(--space-5);border-left:2px solid var(--primary-color);color:var(--text-1);font-style:italic}.body blockquote p:last-child{margin-bottom:0}hr{border:0;height:1px;background:var(--border-color);margin:var(--space-7) 0}.body :not(pre)>code{font-family:var(--code-font);font-size:.875em;padding:.15em .4em;border-radius:var(--radius-sm);background:var(--bg-2);color:var(--text-0)}@media (prefers-reduced-motion: reduce){:root{--duration-fast: 0.01ms;--duration: 0.01ms;--duration-slow: 0.01ms}*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}@media (prefers-reduced-motion: no-preference){html{scroll-behavior:smooth}}.meta,.meta small,small.meta{color:var(--text-2)}.empty-state a,.not-found-lede a,.hero-lede a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em}nav{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;padding:var(--space-5) 0 var(--space-6);margin-bottom:var(--space-6);font-family:var(--header-font)}.left-nav{display:flex;align-items:center;gap:var(--space-4)}.left-nav>a:first-child{font-weight:600;font-size:var(--step-1);letter-spacing:-.02em;color:var(--text-0);white-space:nowrap}.left-nav>a:first-child::after{content:".";color:var(--primary-vivid)}.left-nav>a:first-child:hover{color:var(--primary-color)}.right-nav{display:flex;align-items:center;gap:var(--space-2)}.right-nav a[style]{margin-right:0 !important}.right-nav>a{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--step--1);font-weight:500;color:var(--text-1);transition:color var(--duration-fast) var(--ease),background-color var(--duration-fast) var(--ease)}.right-nav>a:hover{color:var(--text-0);background:var(--primary-tint)}.socials{display:flex;align-items:center;gap:var(--space-1)}.socials .social{display:inline-flex;padding:var(--space-2);border-radius:var(--radius-sm);opacity:.6;transition:opacity var(--duration-fast) var(--ease),background-color var(--duration-fast) var(--ease)}.socials .social:hover{opacity:1;background:var(--primary-tint)}.socials .social img{width:17px;height:17px;display:block;filter:var(--icon-filter)}#dark-mode-toggle{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2);border-radius:var(--radius-sm);border:0;background:rgba(0,0,0,0);cursor:pointer;opacity:.6;transition:opacity var(--duration-fast) var(--ease),background-color var(--duration-fast) var(--ease)}#dark-mode-toggle:hover{opacity:1;background:var(--primary-tint)}#dark-mode-toggle img{width:17px;height:17px;display:block}.site-footer{max-width:var(--page-width);margin:var(--space-9) auto 0;padding:var(--space-5) var(--space-4) var(--space-7);border-top:1px solid var(--border-color);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);font-size:var(--step--1);color:var(--text-2)}.site-footer a{color:var(--text-1)}.site-footer a:hover{color:var(--primary-color)}.site-footer .footer-links{display:flex;gap:var(--space-4);flex-wrap:wrap}.hero{padding:var(--space-5) 0 var(--space-8)}.hero .hero-eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--mono-text-font);font-size:var(--step--1);letter-spacing:.04em;text-transform:uppercase;color:var(--text-2);margin-bottom:var(--space-4)}.hero .status-dot{width:7px;height:7px;border-radius:var(--radius-full);background:var(--primary-vivid);position:relative;flex-shrink:0}.hero .status-dot::after{content:"";position:absolute;inset:0;border-radius:inherit;background:inherit;animation:pulse 2.4s var(--ease) infinite}.hero h1{font-size:var(--step-hero);letter-spacing:-.03em;margin:0 0 var(--space-5);max-width:18ch}.hero .hero-accent{color:var(--primary-vivid)}.hero .hero-lede{font-size:var(--step-1);line-height:1.55;color:var(--text-1);max-width:54ch;margin:0 0 var(--space-6)}.hero .hero-lede a{color:var(--text-0);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em;text-decoration-color:var(--border-strong);transition:text-decoration-color var(--duration-fast) var(--ease)}.hero .hero-lede a:hover{text-decoration-color:var(--primary-color)}.hero .hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}@keyframes pulse{0%{transform:scale(1);opacity:.7}70%{transform:scale(2.6);opacity:0}100%{transform:scale(2.6);opacity:0}}@media (prefers-reduced-motion: reduce){.hero .status-dot::after{animation:none}}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-family:var(--header-font);font-size:var(--step-0);font-weight:600;line-height:1;cursor:pointer;border:1px solid rgba(0,0,0,0);transition:transform var(--duration-fast) var(--ease),background-color var(--duration-fast) var(--ease),border-color var(--duration-fast) var(--ease),box-shadow var(--duration-fast) var(--ease)}.btn:active{transform:translateY(1px)}.btn .btn-arrow{transition:transform var(--duration) var(--ease)}.btn:hover .btn-arrow{transform:translateX(3px)}.btn-primary{background:var(--primary-color);color:var(--on-primary);box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--primary-hover);color:var(--on-primary);box-shadow:var(--shadow-md)}.btn-ghost{background:rgba(0,0,0,0);color:var(--text-0);border-color:var(--border-strong)}.btn-ghost:hover{border-color:var(--primary-color);color:var(--primary-color);background:var(--primary-tint)}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-color)}.section-head h2{font-size:var(--step-1);margin:0}.section-head .section-more{font-size:var(--step--1);font-weight:500;white-space:nowrap}.page-header{font-family:var(--header-font);font-size:var(--step-4);font-weight:600;letter-spacing:-.03em;line-height:var(--line-height-tight);margin-bottom:var(--space-6)}.page-header::after{content:".";color:var(--primary-vivid)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));gap:var(--space-4);margin-bottom:var(--space-7)}.project-card{position:relative;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-5);border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-1);transition:transform var(--duration) var(--ease),border-color var(--duration) var(--ease),box-shadow var(--duration) var(--ease)}.project-card:hover{transform:translateY(-2px);border-color:var(--border-strong);box-shadow:var(--shadow-md)}.project-card .project-title{font-family:var(--header-font);font-size:var(--step-1);font-weight:600;margin:0}.project-card .project-title a{color:var(--text-0);transition:color var(--duration-fast) var(--ease)}.project-card:hover .project-title a{color:var(--primary-color)}.project-card .project-link::after{content:"";position:absolute;inset:0;border-radius:inherit}.project-card:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-tint)}.project-card .project-link:focus-visible{outline:none}.project-card .project-desc{color:var(--text-1);font-size:var(--step--1);line-height:1.6;margin:0}.project-card .project-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-top:auto;padding-top:var(--space-3)}.chip{font-family:var(--mono-text-font);font-size:.72rem;padding:.2em .55em;border-radius:var(--radius-sm);background:var(--bg-2);color:var(--text-1);white-space:nowrap}.badge{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--mono-text-font);font-size:.72rem;letter-spacing:.03em;text-transform:uppercase;padding:.25em .6em;border-radius:var(--radius-full);white-space:nowrap}.badge-building{background:var(--tipperoo-tint);color:var(--text-0);border:1px solid color-mix(in srgb, var(--tipperoo-orange) 35%, rgba(0,0,0,0))}.badge-building .badge-dot{width:6px;height:6px;border-radius:var(--radius-full);background:var(--tipperoo-orange);flex-shrink:0}.badge-shipped{background:var(--bg-2);color:var(--text-1)}.feature-card{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr;gap:var(--space-5);padding:var(--space-6);margin-bottom:var(--space-6);border-radius:var(--radius-lg);border:1px solid color-mix(in srgb, var(--tipperoo-orange) 28%, var(--border-color));background:radial-gradient(120% 140% at 100% 0%, var(--tipperoo-tint) 0%, rgba(0,0,0,0) 55%),var(--bg-1);transition:transform var(--duration) var(--ease),box-shadow var(--duration) var(--ease),border-color var(--duration) var(--ease)}.feature-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb, var(--tipperoo-orange) 55%, rgba(0,0,0,0));box-shadow:var(--shadow-lg)}.feature-card:focus-within{border-color:var(--tipperoo-orange);box-shadow:0 0 0 3px var(--tipperoo-tint)}.feature-card .feature-link::after{content:"";position:absolute;inset:0;border-radius:inherit}.feature-card .feature-link:focus-visible{outline:none}@media (min-width: 640px){.feature-card{grid-template-columns:auto 1fr;align-items:start;gap:var(--space-6)}}.feature-card .feature-head{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-3)}.feature-card .feature-title{font-family:var(--header-font);font-size:var(--step-3);font-weight:600;letter-spacing:-.02em;margin:0}.feature-card .feature-title a{color:var(--text-0);transition:color var(--duration-fast) var(--ease)}.feature-card:hover .feature-title a{color:var(--tipperoo-orange)}.feature-card .feature-lede{color:var(--text-1);line-height:1.6;margin:0 0 var(--space-4);max-width:58ch}.feature-card .feature-lede strong{color:var(--text-0)}.feature-card .feature-points{list-style:none;padding:0;margin:0 0 var(--space-5);display:grid;gap:var(--space-2)}.feature-card .feature-points li{position:relative;padding-left:var(--space-5);font-size:var(--step--1);color:var(--text-1);line-height:1.55}.feature-card .feature-points li::before{content:"";position:absolute;left:0;top:.55em;width:7px;height:7px;border-radius:var(--radius-full);background:var(--tipperoo-orange)}.feature-card .feature-meta{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.tipperoo-mark{width:56px;height:56px;border-radius:13px;display:block;box-shadow:var(--shadow-md);flex-shrink:0}@media (max-width: 639px){.tipperoo-mark{width:44px;height:44px;border-radius:10px}}.cards{display:grid;grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));gap:var(--space-4)}.projects-intro{margin-bottom:var(--space-7)}.list ul,.post-list,.post-list ul{list-style:none;padding:0;margin:0}.list-item{padding:var(--space-5) 0;border-bottom:1px solid var(--border-color)}.list-item:last-child{border-bottom:0}.list-item section{margin:0}.list-item .post-header{display:flex;flex-direction:column;gap:var(--space-2)}@media (min-width: 640px){.list-item .post-header{flex-direction:row;gap:var(--space-5);align-items:baseline}}.list-item time{font-family:var(--mono-text-font);font-size:var(--step--1);color:var(--text-2);white-space:nowrap;font-variant-numeric:tabular-nums}@media (min-width: 640px){.list-item time{width:6.5rem;flex-shrink:0}}.list-item .title{font-size:var(--step-1);font-weight:600;margin:0 0 var(--space-2)}.list-item .title a{color:var(--text-0);transition:color var(--duration-fast) var(--ease)}.list-item .title a:hover{color:var(--primary-color)}.list-item .description{color:var(--text-1);font-size:var(--step--1);line-height:1.6;max-width:var(--measure)}.list-item .readmore{display:inline-block;margin-top:var(--space-2);font-size:var(--step--1);font-weight:500}article .title .page-header{margin-bottom:var(--space-3)}article>.title .meta,article .meta{font-family:var(--mono-text-font);font-size:var(--step--1);color:var(--text-2);margin-bottom:var(--space-6)}article>.title .meta a,article .meta a{color:var(--text-1)}article .body{font-size:var(--step-0)}article .body img{max-width:100%;height:auto;border-radius:var(--radius-md);border:1px solid var(--border-color)}.draft-label{font-family:var(--mono-text-font);font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;padding:.2em .5em;border-radius:var(--radius-sm);background:var(--tipperoo-tint);border:1px solid color-mix(in srgb, var(--tipperoo-orange) 35%, rgba(0,0,0,0));color:var(--text-0)}.post-tag,.tags a{display:inline-block;font-family:var(--mono-text-font);font-size:.72rem;padding:.2em .55em;border-radius:var(--radius-sm);background:var(--bg-2);color:var(--text-1);transition:background-color var(--duration-fast) var(--ease),color var(--duration-fast) var(--ease)}.post-tag:hover,.tags a:hover{background:var(--primary-tint);color:var(--primary-color)}.empty-state{padding:var(--space-7) var(--space-5);border:1px dashed var(--border-strong);border-radius:var(--radius-lg);text-align:center;color:var(--text-1)}.empty-state p{margin:0 0 var(--space-3)}.empty-state p:last-child{margin-bottom:0}.pagination{list-style:none;display:flex;justify-content:space-between;padding:0;margin-top:var(--space-7)}.pagination .page-link{display:inline-block;padding:var(--space-2) var(--space-4);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--step--1);color:var(--text-1);transition:border-color var(--duration-fast) var(--ease),color var(--duration-fast) var(--ease)}.pagination .page-link:hover{border-color:var(--primary-color);color:var(--primary-color)}.pagination .page-next{margin-left:auto}pre{padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border-color);overflow-x:auto;font-size:.875rem;line-height:1.6}pre code{font-family:var(--code-font)}.body table{display:block;overflow-x:auto;max-width:100%;border-collapse:collapse}.body table th,.body table td{padding:var(--space-2) var(--space-3);border:1px solid var(--border-color);text-align:left}.body table th{font-family:var(--header-font);font-weight:600;background:var(--bg-1)}.tag-cloud{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:var(--space-2)}.tag-cloud-item{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-md);font-family:var(--mono-text-font);font-size:var(--step--1);color:var(--text-1);transition:border-color var(--duration-fast) var(--ease),color var(--duration-fast) var(--ease)}.tag-cloud-item:hover{border-color:var(--primary-color);color:var(--primary-color)}.tag-cloud-count{font-size:.72rem;padding:.05em .4em;border-radius:var(--radius-sm);background:var(--bg-2);color:var(--text-1)}.back-link{margin-top:var(--space-7);font-size:var(--step--1)}.not-found{padding:var(--space-8) 0}.not-found .not-found-code{font-family:var(--mono-text-font);font-size:var(--step-1);color:var(--primary-color);margin:0 0 var(--space-3);letter-spacing:.1em}.not-found .not-found-lede{font-size:var(--step-1);color:var(--text-1);margin:0 0 var(--space-6);max-width:46ch}.page-outlink{margin-top:var(--space-7)}.section-lede{color:var(--text-1);font-size:var(--step-1);margin:calc(var(--space-6)*-1) 0 var(--space-6);max-width:54ch}