.j-s,.j-s-dim,.j-s-line,.j-s-ok,.j-s-warn,.j-s-err,.j-s-action,.j-s-ink{fill:none;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.j-s{stroke:var(--color-sky)}.j-s-dim{stroke:var(--color-control)}.j-s-line{stroke:var(--color-line)}.j-s-ok{stroke:var(--color-success)}.j-s-warn{stroke:var(--color-warning)}.j-s-err{stroke:var(--color-error)}.j-s-action{stroke:var(--color-action)}.j-s-ink{stroke:var(--color-background)}.j-dashed{stroke-dasharray:4 4}.j-f-surface{fill:var(--color-surface-2)}.j-f-surface-1{fill:var(--color-surface-1)}.j-f-surface-3{fill:var(--color-surface-3)}.j-f-action{fill:var(--color-action)}.j-f-sky{fill:var(--color-sky)}.j-f-ink{fill:var(--color-background)}.j-f-text{fill:var(--color-foreground)}.j-f-muted{fill:var(--color-foreground-muted)}.j-f-line{fill:var(--color-line)}.j-f-ok{fill:var(--color-success)}.j-f-warn{fill:var(--color-warning)}.j-f-err{fill:var(--color-error)}.j-c-sky{color:var(--color-sky)}.j-c-text{color:var(--color-foreground)}.j-c-ink{color:var(--color-background)}.j-c-ok{color:var(--color-success)}.j-c-warn{color:var(--color-warning)}.j-c-err{color:var(--color-error)}.j-c-muted{color:var(--color-foreground-muted)}.j-text{font-family:var(--font-primary);font-weight:var(--font-weight-semibold);text-anchor:middle;dominant-baseline:central}.j-mono{font-family:var(--font-secondary);font-weight:var(--font-weight-medium)}.j-anim{animation-name:var(--j-name,none);animation-duration:var(--scene-part);animation-delay:calc(var(--i,0) * var(--scene-step));animation-timing-function:var(--ease-expo-out);transform-box:fill-box;transform-origin:50%;animation-fill-mode:both}.j-fade{--j-name:j-fade}.j-pop{--j-name:j-pop}.j-rise{--j-name:j-rise}.j-slide{--j-name:j-slide}.j-draw{--j-name:j-draw;stroke-dasharray:1;animation-duration:calc(var(--scene-part) * 2)}.j-travel{--j-name:j-travel;animation-duration:var(--scene-travel);animation-timing-function:var(--ease-soft)}.j-sweep{--j-name:j-sweep;transform-origin:var(--ox,0%) 50%;animation-duration:var(--scene-sweep);animation-timing-function:var(--ease-soft)}.j-strike{--j-name:j-strike;animation-duration:var(--time-stamp-strike);animation-timing-function:var(--ease-strike)}.j-blink{--j-name:j-blink;animation-duration:var(--scene-travel);animation-timing-function:linear}.j-dissolve{--j-name:j-dissolve;opacity:var(--scene-dissolve-opacity);animation-duration:calc(var(--scene-part) * 2);animation-timing-function:var(--ease-soft)}.j-depart{--j-name:j-depart;animation-duration:var(--scene-travel)}@keyframes j-fade{0%{opacity:var(--j-floor,0)}}@keyframes j-pop{0%{opacity:var(--j-floor,0);scale:var(--scene-pop-scale)}}@keyframes j-rise{0%{opacity:var(--j-floor,0);translate:0 10px}}@keyframes j-slide{0%{opacity:var(--j-floor,0);translate:calc(var(--dx,0) * 1px) calc(var(--dy,0) * 1px)}}@keyframes j-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes j-travel{0%{opacity:var(--j-floor,0);translate:calc(var(--dx,0) * -1px) calc(var(--dy,0) * -1px)}15%{opacity:1}}@keyframes j-sweep{0%{scale:var(--j-floor,0) 1}}@keyframes j-strike{0%{opacity:var(--j-floor,0);scale:var(--scene-strike-scale)}60%{opacity:1;scale:var(--scene-strike-settle-scale)}}@keyframes j-blink{0%{opacity:var(--j-floor,0)}25%,75%{opacity:1}50%{opacity:var(--scene-blink-opacity)}}@keyframes j-dissolve{0%,40%{opacity:1}}@keyframes j-depart{0%{translate:calc(var(--dx,0) * 1px) calc(var(--dy,0) * 1px)}}@media (scripting:enabled){[data-scene-state=pending] .j-anim{animation-play-state:paused}}[data-scene-state=reset] .j-anim{animation-name:none}[data-scene-thumb] .j-anim{--j-floor:.35;animation-name:none}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.post-card:hover [data-scene-thumb] .j-anim{animation-name:var(--j-name,none);animation-fill-mode:forwards;animation-delay:calc(var(--scene-hover-intent) + var(--i,0) * var(--scene-step))}}@media (prefers-reduced-motion:no-preference){.post-card:has(:focus-visible) [data-scene-thumb] .j-anim{animation-name:var(--j-name,none);animation-fill-mode:forwards}}[data-scene-thumb] .j-draw{animation-name:none!important}@media (prefers-reduced-motion:reduce){.j-anim,.piece-enter,.piece-pop,.piece-shake,.piece-packet{animation:none!important}.piece-wire-on,.piece-bar{transition:none!important}.piece-state{scale:none!important}}@media (max-width:47.99rem){[data-piece-stage] .device-frame{aspect-ratio:auto!important}[data-piece-stage] .piece-frame-body{display:none}[data-piece-stage] .device-screen{border:1px solid var(--color-line);background-color:var(--color-surface-1);container-type:inline-size;border-radius:var(--radius-panel)!important;width:auto!important;height:auto!important;position:relative!important;inset:auto!important}[data-piece-stage] .glass-sheen{display:none}[data-piece-stage] .piece-app{min-height:var(--spacing-piece-phone)}.piece-row{min-height:calc(2lh + var(--spacing-4) + 2px)}}[data-piece-stage]{--background-glow-position:50% 45%}[data-piece-stage][data-thud] .device-frame{animation:var(--animate-device-thud)}[data-piece-stage] .device-screen{background-color:var(--color-surface-1);overflow:hidden}.scene-canvas{-webkit-user-select:none;user-select:none;background-color:var(--color-surface-1);width:100%;height:100%;display:block}@media (max-width:47.99rem){[data-piece-stage] .scene-canvas{aspect-ratio:320/224;height:auto}}.scene-canvas,.scene-thumb{background-image:linear-gradient(to right, var(--scene-grid-line) 1px, transparent 1px), linear-gradient(to bottom, var(--scene-grid-line) 1px, transparent 1px);background-size:12.5% 14.2857%}.scene-thumb{--color-action:var(--night-background);--scene-grid-line:var(--color-tile-minor);border-radius:var(--radius-field);aspect-ratio:320/224;position:relative;overflow:hidden}.card-scene{position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){.card-scene[data-drawn]>svg{animation:card-scene-arrive var(--time-state) var(--ease-soft)}}@keyframes card-scene-arrive{0%{opacity:0}}.piece-app{width:100%;height:100%;min-height:0;padding:var(--spacing-4);gap:var(--spacing-3);background-color:var(--color-surface-1);color:var(--color-foreground);font-family:var(--font-primary);font-size:var(--text-caption);line-height:var(--leading-tight);flex-direction:column;display:flex;position:relative;overflow:auto}@container device-screen (max-height:27rem){.piece-app{padding:var(--spacing-3);gap:var(--spacing-2)}}@container device-screen (max-height:25rem){.piece-app{padding:var(--spacing-2);gap:var(--spacing-1)}.piece-app>.piece-foot{row-gap:var(--spacing-1)}}.piece-foot{grid-template-columns:minmax(0, 1fr) var(--spacing-piece-stamp);gap:var(--spacing-2) var(--spacing-3);grid-template-rows:auto auto;grid-template-areas:"readout readout""note stamp";align-items:end;margin-top:auto;display:grid}@media (min-width:48rem){.piece-foot{grid-template-rows:1fr auto;grid-template-areas:"readout stamp""note stamp"}}.piece-readout{grid-area:readout;align-items:flex-end;min-height:2lh;display:flex}@container (max-width:21rem){.piece-readout{min-height:3lh}}.piece-note{grid-area:note}.piece-typed{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@media (max-width:47.99rem){.piece-typed{min-height:2lh}}.piece-stamp-slot{-webkit-user-select:none;user-select:none;width:var(--spacing-piece-stamp);aspect-ratio:1;grid-area:stamp;position:relative}.piece-stamp{z-index:2;opacity:0;pointer-events:none;transform-origin:50%;position:absolute;inset:0}.piece-stamp>div{rotate:-9deg}.piece-stamp [data-stamp]{mix-blend-mode:normal;color:var(--color-sky)}.piece-wire{fill:none;stroke:var(--color-control);stroke-width:1.5px;stroke-linecap:round;stroke-dasharray:.03 .03}.piece-wire-on{fill:none;stroke:var(--color-sky);stroke-width:1.5px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset var(--scene-part) var(--ease-expo-out)}.piece-wire-on[data-on=true]{stroke-dashoffset:0}.piece-packet{animation:j-packet var(--scene-travel) var(--ease-soft) var(--scene-part) both}@keyframes j-packet{0%{opacity:1;translate:0}85%{opacity:1}to{opacity:0;translate:calc(var(--dx,0) * 1px) calc(var(--dy,0) * 1px)}}.piece-enter{animation:piece-enter var(--time-state) var(--ease-expo-out) both;animation-delay:calc(var(--i,0) * var(--piece-stagger))}.piece-pop{animation:piece-pop var(--time-state) var(--ease-expo-out) both}.piece-shake{animation:piece-shake var(--time-thud) var(--ease-soft)}@keyframes piece-enter{0%{opacity:0;translate:0 4px}}@keyframes piece-pop{0%{opacity:0;scale:var(--piece-pop-scale)}}@keyframes piece-shake{25%{translate:-3px}50%{translate:3px}75%{translate:-2px}}.piece-states{display:grid}.piece-state{min-width:0;transition:opacity var(--time-state) var(--ease-soft), scale var(--time-state) var(--ease-expo-out), visibility var(--time-state);grid-area:1/1}.piece-state[data-active=false]{opacity:0;scale:var(--piece-state-out-scale);visibility:hidden}.piece-bar{transform-origin:0}.thirty-strip{align-items:flex-start;gap:var(--spacing-4);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--spacing-4);margin-inline:calc(var(--spacing-4) * -1);padding-inline:var(--spacing-4);padding-bottom:var(--spacing-2);scrollbar-width:thin;display:flex;overflow-x:auto}.thirty-strip>*{scroll-snap-align:center;flex:0 0 85%;min-width:0}@media (min-width:48rem){.thirty-strip{gap:var(--spacing-8);scroll-snap-type:none;padding-inline:0;grid-template-columns:minmax(0,1fr);margin-inline:0;padding-bottom:0;display:grid;overflow:visible}.thirty-strip>*{flex:initial}}@media (min-width:48rem) and (max-width:68.74rem){.thirty-strip,.note-body{max-width:46rem}}@media (min-width:68.75rem){.thirty-strip{align-items:start;gap:var(--spacing-8) var(--spacing-12);grid-template-rows:repeat(3,auto);grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.thirty-strip>[data-thirty=piece]{grid-area:1/1/span 3}.thirty-strip>[data-thirty=problem]{grid-area:1/2}.thirty-strip>[data-thirty=idea]{grid-area:2/2}.thirty-strip>[data-thirty=todo]{grid-area:3/2}}.note-prose{max-width:var(--container-note)}@media (prefers-reduced-motion:no-preference){html[data-note-page]{scroll-behavior:smooth}}.note-body{gap:var(--spacing-8);grid-template-columns:minmax(0,1fr);display:grid}@media (min-width:68.75rem){.note-body{grid-template-columns:minmax(0, 16rem) minmax(0, var(--container-note));justify-content:start;gap:var(--spacing-16)}.note-contents{top:calc(var(--header-stuck) + var(--spacing-6));align-self:start;position:sticky}}.j-nostroke{stroke:none}.post-item{content-visibility:auto;contain-intrinsic-size:auto 30rem}.topic-target{pointer-events:none;width:0;height:0;position:fixed;top:0;left:0}.feed-status [data-status]{display:none}:is(.blog-feed:not(:has(.topic-target:target)) [data-status=all],.blog-feed:has(#topic-all:target) [data-status=all]){display:inline}:is(.blog-feed:not(:has(.topic-target:target)) [data-chip=all],.blog-feed:has(#topic-all:target) [data-chip=all],.topic-chip[aria-current=true],.blog-feed:has(#topic-aviation:target) [data-chip=aviation],.blog-feed:has(#topic-documents:target) [data-chip=documents],.blog-feed:has(#topic-education:target) [data-chip=education],.blog-feed:has(#topic-health:target) [data-chip=health],.blog-feed:has(#topic-business:target) [data-chip=business],.blog-feed:has(#topic-ai:target) [data-chip=ai],.blog-feed:has(#topic-technology:target) [data-chip=technology],.blog-feed:has(#topic-brand-and-web:target) [data-chip=brand-and-web]){border-color:var(--color-sky);background-color:var(--color-surface-2);color:var(--color-foreground);text-underline-offset:.3em;text-decoration:underline;text-decoration-thickness:2px}.blog-feed:has(#topic-aviation:target) .post-item:not([data-topic=aviation]){display:none}.blog-feed:has(#topic-aviation:target) [data-status=aviation]{display:inline}.blog-feed:has(#topic-documents:target) .post-item:not([data-topic=documents]){display:none}.blog-feed:has(#topic-documents:target) [data-status=documents]{display:inline}.blog-feed:has(#topic-education:target) .post-item:not([data-topic=education]){display:none}.blog-feed:has(#topic-education:target) [data-status=education]{display:inline}.blog-feed:has(#topic-health:target) .post-item:not([data-topic=health]){display:none}.blog-feed:has(#topic-health:target) [data-status=health]{display:inline}.blog-feed:has(#topic-business:target) .post-item:not([data-topic=business]){display:none}.blog-feed:has(#topic-business:target) [data-status=business]{display:inline}.blog-feed:has(#topic-ai:target) .post-item:not([data-topic=ai]){display:none}.blog-feed:has(#topic-ai:target) [data-status=ai]{display:inline}.blog-feed:has(#topic-technology:target) .post-item:not([data-topic=technology]){display:none}.blog-feed:has(#topic-technology:target) [data-status=technology]{display:inline}.blog-feed:has(#topic-brand-and-web:target) .post-item:not([data-topic=brand-and-web]){display:none}.blog-feed:has(#topic-brand-and-web:target) [data-status=brand-and-web]{display:inline}
