.now-page{width:100%;max-width:920px;margin-inline:auto;padding-bottom:clamp(3rem,8vh,6rem)}@media(min-width:720px){.now-page{padding:clamp(1.5rem,4vh,3rem) var(--section-padding-x) clamp(3.5rem,9vh,7rem)}}.now-intro-block{padding:clamp(1.25rem,3vw,1.75rem) clamp(1rem,3vw,1.5rem) 1.5rem}.now-prompt{display:flex;align-items:baseline;gap:.6rem;flex-wrap:wrap;font-size:.9rem;color:var(--color-ink-muted);margin:0 0 1.25rem}.now-prompt-sign{color:var(--color-accent);font-weight:800}.now-prompt-cmd{font-weight:700}.now-title{font-size:clamp(2rem,5vw,3.25rem);font-weight:800;letter-spacing:-.03em;line-height:1.05;margin:0 0 .75rem;color:var(--color-ink);text-wrap:balance}.now-period{color:var(--color-accent)}.now-updated{font-size:.85rem;color:var(--color-ink-muted);margin:0 0 1.5rem;display:flex;gap:.5rem;flex-wrap:wrap;font-variant-numeric:tabular-nums}.now-updated-label{font-weight:700;text-transform:lowercase}.now-intro{color:var(--color-ink-soft);font-size:.95rem;line-height:1.65;margin:0;max-width:60ch}.now-cols,.now-project-row{--now-row-pad-x: clamp(1rem, 3vw, 1.5rem);display:grid;grid-template-columns:8px 1fr auto;align-items:center;column-gap:.75rem;padding-inline:var(--now-row-pad-x)}.now-cols{grid-template-areas:"led process status";padding-block:.45rem;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:lowercase;color:var(--color-ink-muted);background:var(--color-bg-alt);border-top:1px solid var(--color-border-faint);border-bottom:1px solid var(--color-border-faint);user-select:none}.now-cols-process{grid-area:process}.now-cols-status{grid-area:status}.now-cols-cpu{display:none}.now-list{list-style:none;margin:0;padding:0}.now-item{margin:0}.now-item+.now-item{border-top:1px solid var(--color-border-faint)}.now-project-row{--proc-color: var(--status-idle);--row-bg: var(--color-bg);grid-template-areas:"led    name   status" ".      update update" ".      meter  meter" ".      link   link";row-gap:.5rem;padding-block:1rem;background:var(--row-bg);color:var(--color-ink);text-decoration:none;transition:background .12s ease}@media(min-width:720px){.now-cols{grid-template-columns:8px 1fr auto 120px;grid-template-areas:"led process status cpu"}.now-cols-cpu{display:block;grid-area:cpu}.now-project-row{grid-template-columns:8px 1fr auto 120px;grid-template-areas:"led    name   status meter" ".      update update meter" ".      link   link   meter"}}.now-project-row:hover,.now-project-row:focus-visible{--row-bg: var(--color-accent);outline:none}.now-project-row[data-status=shipping]{--proc-color: var(--status-running)}.now-project-row[data-status=building]{--proc-color: var(--status-building)}.now-project-row[data-status=iterating]{--proc-color: var(--status-iterating)}.now-project-row[data-status=maintenance]{--proc-color: var(--status-idle)}.now-led{grid-area:led;width:8px;height:8px;background:var(--proc-color);border:1px solid var(--color-ink)}.now-project-name{grid-area:name;font-size:1.05rem;font-weight:800;letter-spacing:-.01em;min-width:0;overflow-wrap:anywhere}.now-project-name:before{content:"> ";color:var(--color-accent)}.now-project-row:hover .now-project-name:before,.now-project-row:focus-visible .now-project-name:before{color:var(--color-ink)}.now-status{grid-area:status;justify-self:end;display:inline-block;padding:.18rem .55rem;font-size:.72rem;font-weight:700;letter-spacing:.02em;text-transform:lowercase;white-space:nowrap;border:var(--border-w) solid var(--color-ink);background:var(--color-bg-alt);color:var(--color-ink)}.now-status--shipping{background:var(--status-running)}.now-status--building{background:var(--status-building)}.now-status--iterating{background:var(--tint-about);border-color:var(--status-iterating)}.now-status--maintenance{background:transparent;color:var(--color-ink-muted)}.now-project-row:hover .now-status--maintenance,.now-project-row:focus-visible .now-status--maintenance{color:var(--color-ink)}.now-meter{grid-area:meter;justify-self:start;align-self:center;width:120px;height:12px;border:1px solid var(--color-ink);background-color:var(--color-bg-alt);background-image:repeating-linear-gradient(90deg,transparent 0 10px,var(--row-bg) 10px 12px),linear-gradient(90deg,var(--proc-color) calc(var(--segs, 0) * 10%),transparent calc(var(--segs, 0) * 10%));transition:background-color .12s ease}@media(min-width:720px){.now-meter{justify-self:end}}.now-project-update{grid-area:update;margin:0;font-size:.9rem;line-height:1.55;color:var(--color-ink-soft);max-width:60ch}.now-project-row:hover .now-project-update,.now-project-row:focus-visible .now-project-update{color:var(--color-ink)}.now-project-link{grid-area:link;display:inline-flex;align-items:center;gap:.45rem;font-size:.82rem;font-weight:700;color:var(--color-ink-muted);min-width:0}.now-project-link-url{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.now-project-link-arrow{color:var(--color-accent);font-weight:800;transition:transform .12s ease}.now-project-row:hover .now-project-link,.now-project-row:focus-visible .now-project-link{color:var(--color-ink)}.now-project-row:hover .now-project-link-arrow,.now-project-row:focus-visible .now-project-link-arrow{transform:translate(3px);color:var(--color-ink)}.now-window .win-statusbar{flex-wrap:wrap}.now-statusbar-left{font-variant-numeric:tabular-nums}.now-statusbar-nav{display:inline-flex;align-items:center;gap:14px}.now-page .post-nav-link{font:500 12px var(--font-mono);color:var(--color-ink);text-transform:lowercase}.now-page .post-nav-link:hover,.now-page .post-nav-link:focus-visible{color:var(--color-accent)}@media(prefers-reduced-motion:reduce){.now-project-row,.now-meter,.now-project-link-arrow{transition:none}.now-project-row:hover .now-project-link-arrow,.now-project-row:focus-visible .now-project-link-arrow{transform:none}}