*,*::before,*::after{box-sizing:border-box}body{margin:0;background:var(--color-background);color:var(--color-foreground);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:var(--type-body-size);font-weight:var(--type-body-weight);line-height:1.55;-webkit-font-smoothing:antialiased}.skip{position:absolute;left:-9999px}.skip:focus{left:var(--space-screen);top:var(--space-screen);z-index:10;padding:var(--space-sm) var(--space-md);background:var(--color-surface);border-radius:var(--radius-badge)}.wrap{width:100%;max-width:62rem;margin:0 auto;padding:0 var(--space-screen)}.masthead{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-lg) 0}.mark{display:block;width:7.5rem;height:auto;border-radius:var(--radius-badge);margin-inline-start:-.5944954128rem}.brand-link{display:block;flex-shrink:0;color:var(--color-foreground)}.brand-link:focus-visible{outline:calc(var(--space-hairline)*2) solid var(--color-foreground);outline-offset:var(--space-xs);border-radius:var(--radius-cell)}.brand-link.is-animating .logo-frame{animation:logo-fold-frame 3.4s cubic-bezier(0.33, 0, 0.25, 1) both}.brand-link.is-animating .logo-letter{animation:logo-fold-letter 3.4s cubic-bezier(0.33, 0, 0.25, 1) both}.brand-link.is-animating .logo-tail{animation:logo-fold-tail calc(3.4s - var(--letter-delay)) cubic-bezier(0.33, 0, 0.25, 1) var(--letter-delay) both}.logo-letter,.logo-tail{transform-origin:100.93px 121.54px}.logo-tail:nth-of-type(1){--letter-delay: 0s}.logo-tail:nth-of-type(2){--letter-delay: 0.025s}.logo-tail:nth-of-type(3){--letter-delay: 0.05s}.logo-tail:nth-of-type(4){--letter-delay: 0.075s}@keyframes logo-fold-frame{0%,100%{width:352.88px;height:185.88px;y:41.56px;rx:34px;stroke-width:14px}3.5%{width:370px;height:175px;y:47px;rx:32px;stroke-width:14px}8.5%{width:163px;height:207px;y:31px;rx:41px;stroke-width:6.64px}12%{width:203px;height:177px;y:46px;rx:35px;stroke-width:6.64px}15.5%{width:178px;height:192px;y:38.5px;rx:39px;stroke-width:6.64px}18.5%{width:190px;height:182px;y:43.5px;rx:37px;stroke-width:6.64px}22%,76%{width:185.88px;height:185.88px;y:41.56px;rx:37.94px;stroke-width:6.64px}79%{width:171px;height:198px;y:35.5px;rx:40px;stroke-width:6.64px}84%{width:376px;height:173px;y:48px;rx:31px;stroke-width:14px}88%{width:340px;height:194px;y:37.5px;rx:36px;stroke-width:14px}92%{width:359px;height:181px;y:44px;rx:33px;stroke-width:14px}97%{width:350px;height:188px;y:40.5px;rx:34px;stroke-width:14px}}@keyframes logo-fold-letter{0%,100%{transform:translate(0, 0) scale(1)}3.5%{transform:translate(-4px, 0) scale(1.08, 0.93)}8.5%{transform:translate(22px, 12.96px) scale(0.84, 1.23)}12%{transform:translate(42px, 12.96px) scale(1.17, 0.95)}15.5%{transform:translate(30px, 12.96px) scale(0.99, 1.1)}18.5%{transform:translate(35px, 12.96px) scale(1.07, 1.02)}22%,76%{transform:translate(33.57px, 12.96px) scale(1.046)}79%{transform:translate(26px, 12.96px) scale(0.91, 1.16)}84%{transform:translate(-7px, -2px) scale(1.15, 0.88)}88%{transform:translate(4px, 1px) scale(0.93, 1.07)}92%{transform:translate(-2px, 0) scale(1.04, 0.97)}97%{transform:translate(1px, 0) scale(0.99, 1.01)}}.brand-link.is-animating .logo-tail-clip{animation:logo-fold-clip 3.4s cubic-bezier(0.33, 0, 0.25, 1) both}@keyframes logo-fold-clip{0%,3.5%,81%,100%{width:269px}8.5%,76%{width:0}}@keyframes logo-fold-tail{0%,100%{opacity:1;transform:translateX(0)}3.5%{opacity:1;transform:translateX(5px) scale(1.03, 0.96)}8.5%{opacity:1;transform:translateX(-20px) scale(0.35, 1.15)}76%{opacity:0;transform:translateX(-20px) scale(0.35, 1.15)}81%{opacity:0;transform:translateX(-12px) scale(0.55, 1.1)}87%{opacity:1;transform:translateX(9px) scale(1.07, 0.94)}91%{opacity:1;transform:translateX(-4px) scale(0.97, 1.03)}95%{opacity:1;transform:translateX(2px) scale(1.01, 0.99)}98%{opacity:1;transform:translateX(0)}}@media(prefers-reduced-motion: reduce){.brand-link.is-animating .logo-frame,.brand-link.is-animating .logo-letter,.brand-link.is-animating .logo-tail,.brand-link.is-animating .logo-tail-clip{animation:none}}.masthead-actions{display:flex;align-items:center;gap:var(--space-sm)}.social-link,.language-picker summary{display:flex;align-items:center;justify-content:center;min-height:var(--space-touch-target);border:var(--space-hairline) solid var(--color-hairline);border-radius:var(--radius-cta);color:var(--color-foreground);background:var(--color-surface);text-decoration:none;cursor:pointer}.social-link{width:var(--space-touch-target)}.social-link svg,.footer-social svg{width:var(--space-lg);height:var(--space-lg);flex-shrink:0}.social-link:hover,.language-picker summary:hover{background:var(--color-selection)}.social-link:focus-visible,.language-picker summary:focus-visible,.langs a:focus-visible,.footer-social:focus-visible{outline:calc(var(--space-hairline)*2) solid var(--color-foreground);outline-offset:var(--space-xs)}.language-picker{position:relative}.language-picker summary{gap:var(--space-xs);padding:0 var(--space-md);list-style:none;font-size:var(--type-caption-size);font-weight:var(--type-kicker-weight)}.language-picker summary::-webkit-details-marker{display:none}.language-chevron{width:var(--type-icon-size);height:var(--type-icon-size)}.language-picker[open] .language-chevron{transform:rotate(180deg)}.langs{display:flex;flex-direction:column;gap:var(--space-xs);position:absolute;inset-inline-end:0;top:calc(100% + var(--space-sm));z-index:10;width:max-content;min-width:13rem;list-style:none;margin:0;padding:var(--space-sm);border:var(--space-hairline) solid var(--color-hairline);border-radius:var(--radius-panel);background:var(--color-surface);box-shadow:0 var(--space-sm) var(--space-screen) var(--color-hairline)}.langs a{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);padding:var(--space-sm) var(--space-md);min-height:var(--space-touch-target);border-radius:var(--radius-cell);color:var(--color-dim);text-decoration:none;font-size:var(--type-caption-size)}.langs a:hover{color:var(--color-foreground);background:var(--color-background)}.langs a[aria-current=true]{color:var(--color-foreground);background:var(--color-selection);font-weight:var(--type-section-weight)}.langs svg{width:var(--type-icon-size);height:var(--type-icon-size)}.hero{padding:var(--space-lg) 0 calc(var(--space-lg)*2)}.kicker{margin:0 0 var(--space-sm);color:var(--color-dim);font-size:var(--type-kicker-size);font-weight:var(--type-kicker-weight);letter-spacing:var(--type-kicker-tracking);text-transform:uppercase}h1{margin:0 0 var(--space-md);font-size:clamp(var(--type-section-size),7vw,var(--type-display-size)*1.6);font-weight:var(--type-display-weight);line-height:1.05;letter-spacing:-0.02em}.subhead{margin:0 0 var(--space-lg);font-size:calc(var(--type-body-size)*1.25);color:var(--color-dim)}.cta{display:inline-block;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-cta);background:var(--color-accent);color:var(--color-cta-ink);font-weight:var(--type-section-weight);text-decoration:none}.cta-note{margin:var(--space-sm) 0 0;color:var(--color-dim);font-size:var(--type-kicker-size)}.cta-block{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.cta--soon{opacity:.6}.cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm) var(--space-md)}.cta-soon-line{color:var(--color-dim)}.invite{border-top:0;display:grid;justify-items:center;padding:calc(var(--space-lg)*2) 0 calc(var(--space-lg)*3)}.invite-card{width:100%;max-width:30rem;display:grid;justify-items:center;gap:var(--space-md);padding:calc(var(--space-lg)*2) var(--space-lg);border:var(--space-hairline) solid var(--color-hairline);border-radius:var(--radius-panel);background:var(--color-surface);text-align:center}.invite-card h1{margin:0;font-size:calc(var(--type-section-size)*1.3);line-height:1.15}.invite-card .subhead{margin:0;font-size:var(--type-body-size)}.invite-code{margin:var(--space-sm) 0 0}.invite-code code{display:flex;gap:var(--space-xs);font-family:inherit;user-select:all}.invite-code span{display:grid;place-items:center;width:var(--space-touch-target);height:calc(var(--space-touch-target) + var(--space-md));border-radius:var(--radius-cell);background:var(--color-sheet-control);font-size:var(--type-section-size);font-weight:var(--type-display-weight);font-variant-numeric:tabular-nums}#copy-invite-code[hidden]{display:none}#copy-invite-code:disabled{cursor:wait}#invite-copy-status{margin:0}.invite-card .app-actions{width:100%;margin-top:var(--space-sm)}.invite-card .app-buttons{justify-content:center}.invite-note{margin:0;color:var(--color-dim);font-size:var(--type-caption-size)}.wall{display:grid;grid-template-columns:repeat(3, 1fr);gap:var(--space-sm)}.tile{position:relative;overflow:hidden;border-radius:var(--radius-cell);background:var(--color-thumb-placeholder);aspect-ratio:4/5;transform-origin:0 0;animation:rise 400ms ease-out both;animation-delay:calc(var(--i)*30ms)}.tile-link{display:block;width:100%;height:100%}.tile-link>img,.tile-empty{display:block;width:100%;height:100%;object-fit:cover}.chip{position:absolute;bottom:var(--space-sm);display:inline-flex;align-items:center;gap:var(--space-xs);max-width:calc(100% - var(--space-md));padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-cta);background:color-mix(in srgb, var(--color-scrim) 62%, transparent);color:var(--color-hero-ink);text-decoration:none;font-size:var(--type-kicker-size);font-weight:var(--type-kicker-weight);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background 180ms ease}.chip--author{left:var(--space-sm);padding-left:var(--space-xs)}.chip--note{right:var(--space-sm)}.tile:hover .chip,.tile:focus-within .chip{background:color-mix(in srgb, var(--color-scrim) 84%, transparent)}@media(max-width: 44rem){.tile:not(.tile--hero) .chip--note{display:none}}.chip-avatar{width:var(--type-icon-size);height:var(--type-icon-size);border-radius:50%;object-fit:cover}.chip-avatar--letter{display:inline-flex;align-items:center;justify-content:center;background:var(--color-hero-ink);color:var(--color-scrim);font-size:var(--type-micro-size);font-weight:var(--type-micro-weight)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.pill{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border:0;border-radius:var(--radius-cta);background:var(--color-accent);color:var(--color-cta-ink);font:inherit;font-weight:var(--type-section-weight);cursor:pointer;transition:transform 120ms ease}.pill[hidden]{display:none}.pill:active{transform:scale(0.97)}.pill-count{opacity:.7;font-weight:var(--type-body-weight);font-size:var(--type-caption-size)}.rules{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));grid-template-rows:1fr auto auto auto 1fr auto;column-gap:calc(var(--space-lg)*2);margin-bottom:calc(var(--space-lg)*2)}.rules h2{grid-area:2/2}.rules .pill{grid-area:4/2;justify-self:start;margin-top:var(--space-lg)}.rules-grid{grid-area:1/1/span 5;align-self:center;display:grid;grid-template-columns:repeat(3, 1fr);gap:var(--space-xs);max-width:28rem;border-radius:var(--radius-cell);overflow:hidden}.rules-grid img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:var(--radius-badge)}.rules-caption{grid-area:6/1;margin:var(--space-sm) 0 0;max-width:28rem;color:var(--color-dim);font-size:var(--type-caption-size)}.rules-line{grid-area:3/2;display:flex;flex-direction:column;gap:var(--space-sm);margin:0;padding:0;color:var(--color-dim);font-size:calc(var(--type-body-size)*1.25);line-height:1.35}@media(max-width: 44rem){.rules{display:block;margin-bottom:var(--space-lg)}.rules .pill{margin-top:var(--space-md)}.rules-caption{margin-bottom:var(--space-lg)}.rules-line{font-size:var(--type-body-size)}}.layout-row{display:flex;gap:var(--space-lg);overflow-x:auto;overscroll-behavior-x:contain;padding-bottom:var(--space-sm);scrollbar-width:none}.layout-row-wrap{position:relative}.layout-row-wrap::after{content:"";position:absolute;pointer-events:none;top:0;right:0;bottom:0;width:var(--space-screen);background:linear-gradient(to right, transparent, var(--color-background))}.layout-row::-webkit-scrollbar{display:none}.carousel-preview{display:flex;gap:calc(var(--space-hairline)*2);flex:none}.layout-row img{display:block;width:auto;height:10rem;flex:none;border-radius:var(--radius-badge);background:var(--color-thumb-placeholder)}.layout-row-note{margin:var(--space-sm) 0 0;color:var(--color-dim);font-size:var(--type-caption-size)}.app-strip-wrap{position:relative}.app-strip{display:grid;grid-template-columns:repeat(5, minmax(0, 1fr));gap:var(--space-md);align-items:start;margin:calc(-1*var(--space-screen));padding:var(--space-screen)}.app-strip figure{margin:0;display:flex;flex-direction:column;align-items:center}.app-strip figcaption{margin-top:var(--space-md);color:var(--color-dim);font-size:var(--type-caption-size);text-align:center}.app-strip .phone{width:100%}.phone{padding:var(--space-xs);border:var(--space-hairline) solid var(--color-hairline);border-radius:calc(var(--radius-device)*.6);background:var(--color-surface);box-shadow:0 calc(var(--space-xs)/2) var(--space-xs) calc(-1*var(--space-hairline)) var(--color-hairline),0 var(--space-sm) var(--space-lg) calc(-1*var(--space-xs)) color-mix(in srgb, var(--color-float-shadow) 18%, transparent)}.phone-screen{display:block;width:100%;height:auto;border-radius:calc(var(--radius-device)*.6 - var(--space-xs))}@media(max-width: 44rem){.app-strip{display:flex;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-padding-inline:var(--space-screen)}.app-strip::-webkit-scrollbar{display:none}.app-strip figure{flex:0 0 62%;max-width:14rem;scroll-snap-align:start}.app-strip-wrap::after{content:"";position:absolute;pointer-events:none;top:0;right:calc(-1*var(--space-screen));bottom:0;width:var(--space-screen);background:linear-gradient(to right, transparent, var(--color-background))}}@keyframes rise{from{opacity:0;transform:translateY(var(--space-sm))}to{opacity:1;transform:none}}@media(prefers-reduced-motion: reduce){.tile{animation:none}.chip{transition:none}.pill{transition:none}}section{padding:calc(var(--space-lg)*2) 0;border-top:var(--space-hairline) solid var(--color-hairline)}h2{margin:0 0 var(--space-md);font-size:var(--type-section-size);font-weight:var(--type-section-weight)}h3{margin:0 0 var(--space-xs);font-size:var(--type-body-size);font-weight:var(--type-section-weight)}.lede{margin:0 0 var(--space-lg);max-width:44rem;color:var(--color-dim)}.design{display:grid;gap:calc(var(--space-lg)*1.5);padding:var(--space-md) 0 calc(var(--space-lg)*2)}@media(min-width: 60rem){.design{grid-template-columns:minmax(0, 1fr) 21rem;gap:calc(var(--space-lg)*2);align-items:start}.design-info{position:sticky;top:var(--space-lg)}}.stage{position:relative}.carousel{display:flex;gap:var(--space-lg);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:calc(var(--space-lg)*1.5) calc(var(--space-lg)*1.5) calc(var(--space-lg)*2.5);border-radius:var(--radius-hero);background:var(--color-schematic)}.carousel::-webkit-scrollbar{display:none}.carousel:focus-visible{outline:calc(var(--space-hairline)*2) solid var(--color-foreground);outline-offset:var(--space-xs)}.carousel-slide{flex:0 0 auto;width:auto;max-width:100%;height:auto;max-height:min(70vh,44rem);scroll-snap-align:center;border-radius:var(--radius-cell);box-shadow:0 var(--space-lg) calc(var(--space-lg)*2) calc(var(--space-lg)*-1) var(--color-float-shadow)}.carousel-slide:first-child{margin-left:auto}.carousel-slide:last-child{margin-right:auto}.stage-arrow{position:absolute;top:calc(50% - var(--space-lg)*1.5);display:grid;place-items:center;width:var(--space-touch-target);height:var(--space-touch-target);border:0;border-radius:50%;cursor:pointer;background:color-mix(in srgb, var(--color-sheet) 88%, transparent);color:var(--color-foreground);box-shadow:0 var(--space-xs) var(--space-md) calc(var(--space-xs)*-1) var(--color-float-shadow);transition:opacity 180ms ease,transform 120ms ease}.stage-arrow svg{width:var(--space-lg);height:var(--space-lg);fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.stage-arrow--previous{left:var(--space-md)}.stage-arrow--next{right:var(--space-md)}.stage-arrow:disabled{opacity:0;pointer-events:none}.stage-arrow:active{transform:scale(0.94)}.stage-arrow:focus-visible{outline:calc(var(--space-hairline)*2) solid var(--color-foreground);outline-offset:var(--space-hairline)}.stage-arrow[hidden],.stage-dots[hidden]{display:none}@media(hover: none){.stage-arrow{display:none}}.stage-dots{position:absolute;left:0;right:0;bottom:var(--space-xs);display:flex;justify-content:center}.stage-dots button{display:grid;place-items:center;min-width:calc(var(--space-lg) + var(--space-xs));height:calc(var(--space-lg) + var(--space-xs));padding:0;border:0;background:none;cursor:pointer}.stage-dots button::before{content:"";display:block;width:var(--space-sm);height:var(--space-sm);border-radius:var(--radius-cta);background:color-mix(in srgb, var(--color-foreground) 22%, transparent);transition:width 240ms cubic-bezier(0.2, 0.8, 0.2, 1),background 240ms ease}.stage-dots button[aria-current=true]::before{width:var(--space-lg);background:var(--color-foreground)}.stage-dots button:focus-visible{outline:calc(var(--space-hairline)*2) solid var(--color-foreground);outline-offset:calc(var(--space-hairline)*-2);border-radius:var(--radius-cta)}.design-info>*{margin-top:0}.design-kind{display:inline-flex;margin:0 0 var(--space-md);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-cta);background:var(--color-selection);font-size:var(--type-caption-size);font-weight:var(--type-section-weight)}.design h1{margin-bottom:var(--space-md);font-size:clamp(var(--type-section-size)*1.25,4vw,var(--type-display-size));line-height:1.1;overflow-wrap:anywhere}.design-facts{display:flex;flex-wrap:wrap;gap:var(--space-md) calc(var(--space-lg)*1.5);margin:0;padding:var(--space-md) 0;border-top:var(--space-hairline) solid var(--color-hairline)}.design-facts dt{color:var(--color-dim);font-size:var(--type-caption-size)}.design-facts dd{margin:0;font-weight:var(--type-section-weight);white-space:nowrap}.design-tags{display:flex;flex-wrap:wrap;gap:var(--space-xs);list-style:none;margin:0 0 var(--space-md);padding:0}.design-tags li{padding:var(--space-hairline) var(--space-sm);border-radius:var(--radius-cta);border:var(--space-hairline) solid var(--color-hairline);color:var(--color-dim);font-size:var(--type-caption-size)}.design-more{border-top:0;padding-top:0}.author-row{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) 0;border-top:var(--space-hairline) solid var(--color-hairline);color:inherit;text-decoration:none}a.author-row:hover .author-name{text-decoration:underline;text-underline-offset:var(--space-xs)}.author-text{display:flex;flex-direction:column;min-width:0}.author-name{font-weight:var(--type-section-weight)}.author-note{color:var(--color-dim);font-size:var(--type-caption-size)}.avatar{width:calc(var(--space-touch-target) - var(--space-xs));height:calc(var(--space-touch-target) - var(--space-xs));border-radius:50%;object-fit:cover;flex-shrink:0}.avatar--letter{display:inline-flex;align-items:center;justify-content:center;background:var(--color-accent);color:var(--color-cta-ink);font-weight:var(--type-section-weight)}.avatar--large{width:calc(var(--space-touch-target)*2);height:calc(var(--space-touch-target)*2);font-size:var(--type-display-size)}.thumb{width:calc(var(--space-touch-target) - var(--space-xs));height:calc(var(--space-touch-target) + var(--space-sm));border-radius:var(--radius-badge);object-fit:cover;flex-shrink:0}.not-found{padding:calc(var(--space-lg)*3) 0}.strip{display:grid;grid-template-columns:repeat(3, 1fr);gap:var(--space-sm)}.strip-tile{display:block;aspect-ratio:4/5;overflow:hidden;border-radius:var(--radius-cell);background:var(--color-thumb-placeholder)}.strip-tile img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 400ms cubic-bezier(0.2, 0.8, 0.2, 1)}.strip-tile:hover img{transform:scale(1.03)}.strip-title{margin-top:0}.profile{display:grid;grid-template-columns:auto minmax(0, 1fr);align-items:start;gap:var(--space-lg);border-top:0;padding:var(--space-lg) 0 calc(var(--space-lg)*2)}.profile h1{margin:0;font-size:clamp(var(--type-section-size)*1.25,5vw,var(--type-display-size));line-height:1.1;overflow-wrap:anywhere}.handle{margin:var(--space-xs) 0 0;color:var(--color-dim)}.bio{margin:var(--space-sm) 0 0;max-width:34rem}.counts{display:flex;flex-wrap:wrap;gap:var(--space-xs) var(--space-md);list-style:none;margin:var(--space-sm) 0 0;padding:0;color:var(--color-dim);font-size:var(--type-caption-size)}.profile-actions{grid-column:1/-1}.profile-actions .app-actions{margin-top:0}@media(min-width: 60rem){.profile{grid-template-columns:auto minmax(0, 1fr) 21rem}.profile-actions{grid-column:auto}}.app-actions{display:grid;gap:var(--space-md);margin-top:var(--space-lg)}.app-buttons{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.app-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);min-height:calc(var(--space-touch-target) + var(--space-sm));padding:0 var(--space-lg);border:0;border-radius:var(--radius-cta);cursor:pointer;background:var(--color-sheet-control);color:var(--color-foreground);font:inherit;font-weight:var(--type-section-weight);text-decoration:none;white-space:nowrap;transition:transform 120ms ease,background 180ms ease}.app-button:hover{background:color-mix(in srgb, var(--color-sheet-control) 80%, var(--color-foreground))}.app-button:active{transform:scale(0.97)}.app-button:focus-visible{outline:calc(var(--space-hairline)*2) solid var(--color-foreground);outline-offset:calc(var(--space-hairline)*3)}.app-button svg{width:var(--type-icon-size);height:var(--type-icon-size);fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.app-button--primary{flex:1 1 auto;background:var(--color-accent);color:var(--color-cta-ink)}.app-button--primary:hover{background:color-mix(in srgb, var(--color-accent) 86%, var(--color-background))}.app-button--icon{width:calc(var(--space-touch-target) + var(--space-sm));padding:0}.app-button[hidden]{display:none}.app-status{margin:0;color:var(--color-dim);font-size:var(--type-caption-size)}.app-store-line{margin:0;color:var(--color-dim);font-size:var(--type-caption-size)}.app-store-line a{color:var(--color-foreground);text-underline-offset:var(--space-xs)}.app-qr{display:grid;grid-template-columns:calc(var(--space-touch-target)*2.5) minmax(0, 1fr);align-items:center;gap:var(--space-md);margin:0;padding:var(--space-md);border:var(--space-hairline) solid var(--color-hairline);border-radius:var(--radius-panel)}.app-qr .qr{display:block;width:100%;height:auto;padding:var(--space-md);border-radius:var(--radius-cell);background:var(--color-hero-ink);color:var(--color-level-ink)}.app-qr figcaption{color:var(--color-dim);font-size:var(--type-caption-size);text-align:left}.app-qr.is-called{animation:qr-call 600ms cubic-bezier(0.2, 0.8, 0.2, 1)}@keyframes qr-call{40%{transform:scale(1.04);border-color:var(--color-foreground)}}@media(hover: none),(max-width: 44rem){.app-qr{display:none}}.app-dock{display:none}@media(max-width: 44rem){.app-dock{position:fixed;z-index:20;left:var(--space-md);right:var(--space-md);bottom:calc(var(--space-md) + env(safe-area-inset-bottom));display:flex;align-items:center;gap:var(--space-md);padding:var(--space-xs) var(--space-xs) var(--space-xs) var(--space-lg);border:var(--space-hairline) solid var(--color-hairline);border-radius:calc(var(--radius-cta) + var(--space-xs));background:color-mix(in srgb, var(--color-sheet) 84%, transparent);-webkit-backdrop-filter:blur(20px) saturate(1.6);backdrop-filter:blur(20px) saturate(1.6);box-shadow:0 var(--space-lg) calc(var(--space-lg)*2) calc(var(--space-lg)*-1) var(--color-float-shadow);transform:translateY(calc(100% + var(--space-lg) * 2));transition:transform 320ms cubic-bezier(0.2, 0.8, 0.2, 1)}.app-dock.is-up{transform:none}.app-dock-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--type-caption-size);font-weight:var(--type-section-weight)}.app-dock .app-button{flex:none;min-height:var(--space-touch-target)}body:has(.app-dock) footer{padding-bottom:calc(var(--space-touch-target)*3)}.carousel{margin:0 calc(-1*var(--space-screen));border-radius:0;padding:var(--space-lg) var(--space-screen) calc(var(--space-lg)*2.25)}.carousel-slide{max-height:62vh;max-width:calc(100vw - var(--space-screen)*2)}}@media(prefers-reduced-motion: reduce){.app-dock,.stage-dots button::before,.strip-tile img{transition:none}.app-qr.is-called{animation:none}}footer{padding:calc(var(--space-lg)*2) 0;border-top:var(--space-hairline) solid var(--color-hairline);color:var(--color-dim);font-size:var(--type-caption-size)}.footer-links{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:var(--space-lg);margin-bottom:calc(var(--space-lg)*1.5)}.footer-title{margin:0 0 var(--space-sm);color:var(--color-foreground);font-size:var(--type-kicker-size);font-weight:var(--type-kicker-weight);letter-spacing:var(--type-kicker-tracking);text-transform:uppercase}.footer-links ul{list-style:none;margin:0;padding:0}.footer-links a{display:inline-block;padding:var(--space-xs) 0}footer a{color:var(--color-dim);text-underline-offset:var(--space-xs)}footer a[aria-current=true]{color:var(--color-foreground)}.footer-tagline{margin:0;font-size:var(--type-kicker-size)}.footer-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-sm) var(--space-lg)}.footer-social{display:inline-flex;align-items:center;gap:var(--space-sm);min-height:var(--space-touch-target);text-decoration:none}.footer-social:hover{color:var(--color-foreground)}@media(max-width: 44rem){.footer-links{grid-template-columns:repeat(2, minmax(0, 1fr))}}.masthead-link{display:inline-flex;align-items:center;min-height:var(--space-touch-target);padding:0 var(--space-sm);color:var(--color-dim);text-decoration:none;font-size:var(--type-caption-size);font-weight:var(--type-kicker-weight);white-space:nowrap}.masthead-link:hover,.masthead-link[aria-current=page]{color:var(--color-foreground)}.masthead-link:focus-visible{outline:calc(var(--space-hairline)*2) solid var(--color-foreground);outline-offset:var(--space-xs);border-radius:var(--radius-badge)}@media(max-width: 30rem){.masthead-link{display:none}}.whats-new>*{max-width:40rem}.whats-new-empty{color:var(--color-dim)}.whats-new-more{margin-top:var(--space-lg)}.release{padding:calc(var(--space-lg)*1.5) 0;border-top:var(--space-hairline) solid var(--color-hairline)}.release-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-sm);margin:0 0 var(--space-xs);color:var(--color-dim);font-size:var(--type-caption-size)}.release-version{padding:0 var(--space-sm);border-radius:var(--radius-cta);background:var(--color-sheet-control);color:var(--color-foreground);font-weight:var(--type-section-weight)}.release h2{margin-bottom:var(--space-md)}.release-notes{overflow-wrap:anywhere}.release-notes h3{margin:var(--space-lg) 0 var(--space-xs);font-size:calc(var(--type-body-size)*1.15)}.release-notes p,.release-notes ul,.release-notes ol{margin:0 0 var(--space-md)}.release-notes ul,.release-notes ol{padding-inline-start:var(--space-lg)}.release-notes li+li{margin-top:var(--space-xs)}.release-notes a{color:var(--color-foreground);text-underline-offset:var(--space-xs)}.release-notes blockquote{margin:0 0 var(--space-md);padding-inline-start:var(--space-md);border-inline-start:calc(var(--space-hairline)*3) solid var(--color-hairline);color:var(--color-dim)}.release-notes blockquote p{margin:0}.release-media,.release-control{margin:var(--space-lg) 0}.release-media img,.release-media video{display:block;width:100%;height:auto;max-width:min(100%,34rem*var(--ratio, 100));border-radius:var(--radius-cell);background:var(--color-thumb-placeholder)}.release-media figcaption,.release-control figcaption{margin-top:var(--space-sm);color:var(--color-dim);font-size:var(--type-caption-size)}.release-control-stage{display:flex;align-items:center;justify-content:center;min-height:7rem;padding:var(--space-lg);border:var(--space-hairline) solid var(--color-hairline);border-radius:var(--radius-panel);background:var(--color-sheet);pointer-events:none;user-select:none}.ctl-inert{cursor:default}.ctl-fire{display:inline-flex;align-items:center;gap:var(--space-xs);min-height:var(--space-touch-target);padding:0 var(--space-md);border-radius:var(--radius-cta);background:var(--color-like-soft);color:var(--color-like);font-weight:var(--type-section-weight)}.ctl-like svg{display:block;width:calc(var(--space-touch-target)*.75);height:calc(var(--space-touch-target)*.75);fill:var(--color-like)}.ctl-dots{display:inline-flex;gap:var(--space-sm)}.ctl-dot{width:var(--space-sm);height:var(--space-sm);border-radius:50%;background:var(--color-foreground);opacity:.25}.ctl-dot--on{opacity:1}.ctl-create{display:inline-flex;align-items:center;justify-content:center;width:calc(var(--space-touch-target) + var(--space-lg));height:calc(var(--space-touch-target) + var(--space-lg));border-radius:50%;background:var(--color-accent);color:var(--color-cta-ink);box-shadow:0 var(--space-sm) var(--space-lg) calc(-1*var(--space-xs)) color-mix(in srgb, var(--color-float-shadow) 40%, transparent)}.ctl-create svg{width:var(--space-screen);height:var(--space-screen);fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}.ctl-segments{display:inline-flex;padding:calc(var(--space-hairline)*2);border-radius:var(--radius-cta);background:var(--color-sheet-control);font-size:var(--type-caption-size);font-weight:var(--type-kicker-weight)}.ctl-segment{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-cta);color:var(--color-dim)}.ctl-segment--on{background:var(--color-surface);color:var(--color-foreground);box-shadow:0 var(--space-hairline) var(--space-xs) var(--color-hairline)}.flame{width:var(--type-icon-size);height:var(--type-icon-size);fill:currentColor;flex-shrink:0}.fire{display:inline-flex;align-items:center;gap:var(--space-xs);min-height:var(--space-touch-target);margin-top:var(--space-sm);padding:0 var(--space-md);border:var(--space-hairline) solid var(--color-hairline);border-radius:var(--radius-cta);background:var(--color-surface);color:var(--color-foreground);font:inherit;font-weight:var(--type-section-weight);cursor:pointer;transition:background 150ms ease,color 150ms ease,transform 120ms ease}.fire .flame{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round}.fire[aria-pressed=true]{border-color:rgba(0,0,0,0);background:var(--color-like-soft);color:var(--color-like)}.fire[aria-pressed=true] .flame{fill:currentColor}.fire:disabled{cursor:default}.fire[aria-busy=true]{cursor:progress;opacity:.7}.fire:not(:disabled):hover{border-color:var(--color-like)}.fire:not(:disabled):active{transform:scale(0.96)}.fire:focus-visible{outline:calc(var(--space-hairline)*2) solid var(--color-foreground);outline-offset:var(--space-xs)}.fire-count{font-variant-numeric:tabular-nums}@media(prefers-reduced-motion: reduce){.fire{transition:none}}
