.home{position:relative}.graph-host{pointer-events:none;width:0;height:0;position:absolute;top:0;left:0;overflow:visible}.commit{display:flex;position:relative}.gutter{width:var(--gut);flex-shrink:0}.meta{align-items:center;gap:var(--spacing-3);font-family:var(--font-mono);font-size:var(--text-meta);line-height:var(--leading-caption);color:var(--color-fg-subtle);flex-wrap:wrap;display:flex}.tag{background:var(--color-head);color:var(--color-accent-ink);border-radius:var(--radius-sm);padding:3px var(--spacing-2);font-size:var(--text-caption);line-height:var(--leading-caption);box-shadow:0 0 14px color-mix(in srgb, var(--color-head) 45%, transparent);transition:background-color var(--dur-slow) var(--ease-out), box-shadow var(--dur-slow) var(--ease-out);overflow:hidden}.head-branch{display:inline-block}html[data-checked-out] .head-branch{animation:head-flip var(--dur-slow) var(--ease-out)}@keyframes head-flip{0%{opacity:0;transform:translateY(100%)}}html[data-boot]:not([data-boot=static]) [data-rv]{opacity:0;visibility:hidden}.hero{gap:var(--spacing-6);min-width:0;padding-bottom:clamp(64px, 6.7vw, var(--spacing-24));flex-direction:column;flex:1;display:flex}.headline{max-width:860px;font-size:clamp(34px, 3.9vw, var(--text-display));line-height:1.07;font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-display);text-shadow:var(--glow-text);text-wrap:balance;margin:0;position:relative}.hl-type{white-space:pre-line;text-wrap:wrap;position:absolute;inset:0}.bigcur{vertical-align:-.12em;background:var(--color-accent);width:.5em;height:.9em;margin-left:.1em;margin-right:-.6em;display:inline-block;box-shadow:0 0 14px #ff6a1a99}.sub{font-size:var(--text-body-l);line-height:var(--leading-body-l);color:var(--color-fg-muted);margin:0}.nw{white-space:nowrap}.hw{font:inherit;letter-spacing:inherit;color:inherit;text-shadow:inherit;cursor:pointer;-webkit-text-decoration:underline dotted var(--color-fg-faint);text-decoration:underline dotted var(--color-fg-faint);text-underline-offset:.14em;transition:color var(--dur-slow) var(--ease-out), text-decoration-color var(--dur-base) var(--ease-out), text-shadow var(--dur-slow) var(--ease-out);background:0 0;border:0;margin:0;padding:0;text-decoration-thickness:3px}.hw:hover{-webkit-text-decoration-color:var(--color-fg-subtle);text-decoration-color:var(--color-fg-subtle)}.hw:focus-visible{border-radius:var(--radius-sm)}.hw[aria-pressed=true]{color:var(--color-head);text-decoration-style:solid;-webkit-text-decoration-color:var(--color-head);text-decoration-color:var(--color-head);text-shadow:0 0 28px color-mix(in srgb, var(--color-head) 50%, transparent)}.log{gap:var(--spacing-14);min-width:0;padding-bottom:clamp(72px, 7.8vw, var(--spacing-28));flex:1;display:flex}.log-rows{width:520px;font-family:var(--font-mono);flex-shrink:0;margin:0;padding:0;list-style:none}.log-row,.log-merge-line{align-items:center;display:flex}.log-row{height:40px}.log-hash{width:80px;font-size:var(--text-caption);line-height:var(--leading-caption);color:var(--color-fg-faint);flex-shrink:0}.log-sgn{width:24px;font-size:var(--text-body);line-height:var(--leading-ui);color:var(--color-fg-faint);flex-shrink:0}.word{font-size:var(--text-body);line-height:var(--leading-ui);color:var(--color-fg-subtle);text-decoration:none;position:relative}.strike{background:var(--color-fg-faint);transform-origin:0;height:1px;position:absolute;top:55%;left:-2px;right:-2px}.log-merge{margin-top:var(--spacing-3);flex-direction:column;gap:6px;display:flex}.log-merge-line{height:24px;color:var(--color-accent);text-shadow:0 0 10px #ff6a1a80}.log-merge-line .log-hash{color:inherit}.log-merge-line .log-sgn{font-size:var(--text-body-l);line-height:var(--leading-body);color:inherit}.add-text{font-size:var(--text-body-l);line-height:var(--leading-body);font-weight:var(--font-weight-medium);text-shadow:0 0 12px #ff6a1a80;text-decoration:none}.log-note{max-width:484px;font-size:var(--text-caption);line-height:var(--leading-caption);color:var(--color-fg-subtle);margin:0;padding-left:104px}.log-copy{gap:var(--spacing-5);flex-direction:column;flex:1;min-width:0;display:flex}.lead{font-size:clamp(20px, 1.8vw, var(--text-lead));letter-spacing:var(--tracking-lead);margin:0;line-height:1.385}.sub2{font-size:var(--text-body-l);line-height:var(--leading-body-l);color:var(--color-fg-muted);margin:0}.pc{min-width:0;padding-bottom:clamp(72px, 7.8vw, var(--spacing-28));flex:1;gap:44px;display:flex}.pmeta{justify-content:space-between;gap:var(--spacing-6);flex-direction:column;flex-shrink:0;width:340px;display:flex}.ptop{flex-direction:column;gap:14px;display:flex}.ptitle{font-size:var(--text-title);line-height:var(--leading-title);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-title);margin:0}.pdesc{font-size:var(--text-body-l);line-height:var(--leading-body-l);color:var(--color-fg-muted);margin:0}.pbottom{gap:var(--spacing-5);flex-direction:column;display:flex}.tags{gap:var(--spacing-2);flex-wrap:wrap;display:flex}.tags span{font-family:var(--font-mono);font-size:var(--text-caption);line-height:var(--leading-caption);color:var(--color-accent);background:var(--color-accent-tint);border:1px solid var(--color-accent-line);border-radius:var(--radius-sm);text-shadow:0 0 8px #ff6a1a66;padding:3px 7px}.read{font-size:var(--text-body);line-height:var(--leading-body);font-weight:var(--font-weight-medium);color:var(--color-fg);transition:color var(--dur-fast) var(--ease-out);align-self:flex-start;text-decoration:none}.read:hover{color:var(--color-accent)}.preview{aspect-ratio:828/500;background:var(--color-raised);border:1px solid var(--color-line);border-radius:var(--radius-lg);flex:1;min-width:0;max-width:828px;padding:clamp(14px,1.9vw,28px);display:flex;position:relative;overflow:hidden}.browser{border-radius:var(--radius-md);border:1px solid var(--color-line-strong);will-change:transform;flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.chrome{height:28px;padding-inline:var(--spacing-3);background:var(--color-line-soft);flex-shrink:0;align-items:center;gap:6px;display:flex}.chrome i{background:var(--color-line-strong);border-radius:50%;width:8px;height:8px;display:block}.preview--screens{padding:0;display:block;container-type:inline-size}.preview--screens .browser{background:var(--color-well);width:77.3%;display:block;position:absolute;top:8%;left:4.83%}.preview--screens .chrome{border-bottom:1px solid var(--color-line-soft);background:0 0;gap:.72cqw;height:3.14cqw;padding-inline:1.45cqw}.preview--screens .chrome i{width:.85cqw;height:.85cqw}.screen{width:100%}.phone{border:1px solid var(--color-line-strong);will-change:transform;border-radius:3.14cqw;width:23.67%;position:absolute;top:14.4%;left:71.5%;overflow:hidden;box-shadow:0 24px 48px #0000008c}.phone img{width:100%}.sk-body{background:var(--color-surface);flex-direction:column;flex:1;gap:14px;padding:clamp(20px,2.8vw,40px) clamp(20px,3.3vw,48px);display:flex}.sk-bar{border-radius:var(--radius-sm);background:var(--color-line);height:16px;display:block}.sk-bar.w1{width:62%}.sk-bar.w2{width:38%}.sk-cols{gap:var(--spacing-4);padding-top:var(--spacing-3);flex:1;display:flex}.sk-cols i{border-radius:var(--radius-sm);background:var(--color-line-soft);flex:1;display:block}.agents{gap:var(--spacing-8);min-width:0;padding-bottom:clamp(72px, 7.8vw, var(--spacing-28));flex-direction:column;flex:1;display:flex}.agents-top{justify-content:space-between;align-items:flex-end;gap:var(--spacing-8);display:flex}.agents-copy{gap:var(--spacing-4);flex-direction:column;max-width:700px;display:flex}.agents-title{font-size:var(--text-title);line-height:var(--leading-title);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-title);text-shadow:0 0 8px #ff965a2e;margin:0}.agents-stat{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:6px;display:flex}.stat{font-size:var(--text-stat);line-height:var(--leading-stat);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-stat);color:var(--color-accent);text-shadow:0 0 24px #ff6a1a73;font-variant-numeric:tabular-nums}.caption{font-family:var(--font-mono);font-size:var(--text-meta);line-height:var(--leading-caption);color:var(--color-fg-subtle)}.heat{flex-direction:column;gap:10px;display:flex}.heat-months{height:16px;font-family:var(--font-mono);font-size:var(--text-caption);line-height:var(--leading-caption);color:var(--color-fg-faint);position:relative}.heat-months span{position:absolute;top:0}.heat-months .on{color:var(--color-fg-muted)}.heat-grid{width:100%;height:auto;display:block}.heat-grid .l0,.heat-legend .l0{fill:var(--color-line-soft);background:var(--color-line-soft)}.heat-grid .l1,.heat-legend .l1{fill:var(--color-orange-900);background:var(--color-orange-900)}.heat-grid .l2,.heat-legend .l2{fill:var(--color-orange-700);background:var(--color-orange-700)}.heat-grid .l3,.heat-legend .l3{fill:var(--color-orange-600);background:var(--color-orange-600)}.heat-grid .l4,.heat-legend .l4{fill:var(--color-orange-500);background:var(--color-orange-500)}.heat-foot{justify-content:space-between;align-items:center;gap:var(--spacing-2) var(--spacing-4);padding-top:var(--spacing-1);font-family:var(--font-mono);font-size:var(--text-caption);line-height:var(--leading-caption);color:var(--color-fg-subtle);flex-wrap:wrap;display:flex}.heat-legend{align-items:center;gap:var(--spacing-1);display:flex}.heat-legend i{width:12px;height:12px;display:block}.heat-legend i:first-child{margin-left:var(--spacing-1)}.heat-legend i:last-child{margin-right:var(--spacing-1);box-shadow:var(--glow-accent)}.post{min-width:0;padding-bottom:var(--spacing-24);flex:1;gap:48px;display:flex}.post-meta{flex-shrink:0;align-self:flex-start;width:340px}.post-body{max-width:var(--container-prose);flex-direction:column;align-items:flex-start;gap:10px;display:flex}.post-date{font-family:var(--font-mono);font-size:var(--text-meta);line-height:var(--leading-ui);color:var(--color-accent);text-shadow:0 0 10px #ff6a1a80}.post-body .read{margin-top:6px}.contact{justify-content:space-between;gap:var(--spacing-8);padding:120px 0 var(--spacing-14);border-bottom:1px solid var(--color-line);display:flex}.contact-copy{max-width:var(--container-measure);gap:var(--spacing-5);flex-direction:column;display:flex}.contact-prompt{min-height:var(--leading-caption);font-family:var(--font-mono);font-size:var(--text-meta);line-height:var(--leading-caption);color:var(--color-accent);text-shadow:0 0 10px #ff6a1a80;margin:0}.contact-title{font-size:clamp(40px, 3.9vw, var(--text-display));line-height:1.07;font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-display);text-shadow:var(--glow-text);margin:0}.contact-email{font-family:var(--font-mono);font-size:var(--text-body-l);line-height:var(--leading-body-l);color:var(--color-accent);text-decoration:underline;-webkit-text-decoration-color:var(--color-accent-line);text-decoration-color:var(--color-accent-line);text-underline-offset:5px;text-shadow:0 0 10px #ff6a1a59;transition:text-decoration-color var(--dur-fast) var(--ease-out);align-self:flex-start}.contact-email:hover{text-decoration-color:currentColor}.contact-links{gap:var(--spacing-6);padding-top:var(--spacing-3);flex-wrap:wrap;display:flex}.contact-links a{font-size:var(--text-body);color:var(--color-fg-muted);transition:color var(--dur-fast) var(--ease-out);line-height:22px;text-decoration:none}.contact-links a:hover{color:var(--color-fg)}.status{align-items:flex-end;gap:var(--spacing-2);flex-direction:column;flex-shrink:0;display:flex}.status-btn{align-items:center;gap:var(--spacing-2);font-family:var(--font-mono);font-size:var(--text-meta);line-height:var(--leading-caption);color:var(--color-fg-muted);white-space:nowrap;cursor:pointer;transition:color var(--dur-fast) var(--ease-out);background:0 0;border:0;margin:-4px -6px;padding:4px 6px;display:flex}.status-btn:hover{color:var(--color-fg)}.status-btn:focus-visible{outline-offset:0}.status-dot{border-radius:var(--radius-full);background:var(--color-available);width:7px;height:7px;box-shadow:0 0 8px color-mix(in srgb, var(--color-available) 70%, transparent), 0 0 18px color-mix(in srgb, var(--color-available) 30%, transparent);flex-shrink:0;animation:2s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.55}}@media (prefers-reduced-motion:reduce){.status-dot{animation:none}}.status-label{text-align:left;display:grid}.status-label>span{grid-area:1/1}.status-btn[data-copied] .status-label>:first-child,.status-btn:not([data-copied]) .status-label>:last-child{visibility:hidden}.status-note{white-space:nowrap;font-family:var(--font-mono);font-size:var(--text-caption);line-height:var(--leading-caption);letter-spacing:.04em;color:var(--color-fg-subtle)}.older{flex-direction:column;flex:1;min-width:0;display:flex}.orow{gap:clamp(12px,1.7vw,24px);min-width:0;height:72px;display:flex}.orow.last{height:48px}.ohash,.oend{font-family:var(--font-mono);font-size:var(--text-meta);line-height:var(--leading-body);color:var(--color-fg-subtle)}.ohash{flex-shrink:0;width:80px}.oend{font-variant-numeric:tabular-nums}.ogrow{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.ogrow>*,.omono{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.otitle{font-size:var(--text-body-l);line-height:var(--leading-body);font-weight:var(--font-weight-medium)}.otitle.strong{font-weight:var(--font-weight-semibold)}.osub{font-size:var(--text-body);line-height:var(--leading-body);color:var(--color-fg-subtle)}.omono{font-family:var(--font-mono);font-size:var(--text-ui);line-height:var(--leading-body);color:var(--color-fg-muted);display:block}.colo{justify-content:space-between;gap:var(--spacing-2) var(--spacing-6);padding-top:var(--spacing-5);font-family:var(--font-mono);font-size:var(--text-caption);line-height:var(--leading-caption);color:var(--color-fg-subtle);flex-wrap:wrap;display:flex}.colo-email{color:var(--color-accent);text-decoration:none}.colo-email:hover{text-underline-offset:3px;text-decoration:underline}.graph{position:absolute;top:0;left:0;overflow:visible}.graph path{fill:none;stroke-width:2px}.graph circle{stroke-width:2px}.graph .g-main{stroke:var(--color-accent);filter:drop-shadow(0 0 4px #ff6a1a8c)}.graph .g-lane{stroke:var(--color-lane)}.graph .g-old{stroke:var(--color-fg-faint)}.graph .d-on{fill:var(--color-accent);filter:drop-shadow(0 0 4px #ff6a1ab3)}.graph .d-halo{fill:none;stroke:#ff6a1a59}.graph .d-ring{fill:none;stroke:var(--color-accent)}.graph .g-hist{stroke:var(--color-fg-faint);stroke-dasharray:3 5}.graph .d-hollow{fill:var(--color-well);stroke:var(--color-accent)}.graph .d-hist{fill:var(--color-bg);stroke:var(--color-fg-faint)}.graph .d-lane{fill:var(--color-bg);stroke:var(--color-lane)}.graph .d-old{fill:var(--color-bg);stroke:var(--color-fg-subtle)}.graph .pop{opacity:0}.graph .tip{fill:var(--color-fg);opacity:0;filter:drop-shadow(0 0 6px var(--color-head)) drop-shadow(0 0 14px color-mix(in srgb, var(--color-head) 60%, transparent))}.fold{flex:1;min-width:0;position:relative}.oneline{align-items:baseline;gap:var(--spacing-4);padding-bottom:var(--spacing-8);white-space:nowrap;opacity:0;pointer-events:none;text-decoration:none;display:flex;position:absolute;inset:0 0 auto;overflow:hidden}.is-folded>.fold>.oneline{opacity:1;pointer-events:auto;position:static}.is-folded>.fold>.full{display:none}.ol-hash{width:80px;font-family:var(--font-mono);font-size:var(--text-meta);line-height:var(--leading-caption);color:var(--color-fg-subtle);flex-shrink:0}.ol-title{text-overflow:ellipsis;font-size:var(--text-body);line-height:var(--leading-caption);font-weight:var(--font-weight-medium);color:var(--color-fg-muted);transition:color var(--dur-fast) var(--ease-out);overflow:hidden}.oneline:hover .ol-title{color:var(--color-fg)}.ol-meta,.ol-off{font-family:var(--font-mono);font-size:var(--text-meta);line-height:var(--leading-caption);color:var(--color-fg-faint)}.ol-meta{text-overflow:ellipsis;overflow:hidden}.ol-off{font-size:var(--text-caption);flex-shrink:0;margin-left:auto}.commit[data-on]>:not(.gutter,.fold),.commit[data-on]>.fold>.full,.log-row>*,.orow>*{transition:opacity var(--dur-slow) var(--ease-out)}.commit.off-branch>:not(.gutter,.fold),.commit.off-branch>.fold>.full,.log-row.off-branch>*,.orow.off-branch>*{opacity:var(--opacity-faded)}.log-hash,.log-sgn,.ohash{transition:color var(--dur-slow) var(--ease-out)}.log-row.on-branch .log-hash,.log-row.on-branch .log-sgn,.orow.on-branch .ohash{color:var(--color-head)}.log-row.on-branch .word{color:var(--color-fg)}.tags span{transition:color var(--dur-slow) var(--ease-out), background-color var(--dur-slow) var(--ease-out), border-color var(--dur-slow) var(--ease-out), text-shadow var(--dur-slow) var(--ease-out)}.tags span.on-branch{color:var(--color-head);background:var(--color-head-tint);border-color:var(--color-head-line);text-shadow:0 0 8px color-mix(in srgb, var(--color-head) 40%, transparent)}.tags span.off-branch{color:var(--color-fg-subtle);border-color:var(--color-line-strong);text-shadow:none;background:0 0}.graph [data-on],.graph .d-head,.graph .g-main{transition:stroke var(--dur-slow) var(--ease-out), fill var(--dur-slow) var(--ease-out), stroke-opacity var(--dur-slow) var(--ease-out), fill-opacity var(--dur-slow) var(--ease-out), opacity var(--dur-slow) var(--ease-out)}.graph .g-base{stroke:var(--color-fg-faint)}.graph .g-main.drained{opacity:0}.graph .d-head{fill:var(--color-head);filter:drop-shadow(0 0 4px color-mix(in srgb, var(--color-head) 70%, transparent))}.graph .d-halo.d-head{fill:none;stroke:color-mix(in srgb, var(--color-head) 35%, transparent);filter:none}.graph .off-branch{stroke-opacity:var(--opacity-faded);fill-opacity:var(--opacity-faded)}.graph .d-on.off-branch,.graph .d-hollow.off-branch{fill:var(--color-fg-faint);stroke:var(--color-fg-faint);filter:none}.graph .on-branch:is(.g-lane,.g-old){stroke:var(--color-head);filter:drop-shadow(0 0 4px color-mix(in srgb, var(--color-head) 55%, transparent))}.graph .on-branch:is(.d-lane,.d-old,.d-hist){stroke:var(--color-head)}.graph .d-on.on-branch{fill:var(--color-head);filter:drop-shadow(0 0 4px color-mix(in srgb, var(--color-head) 70%, transparent))}.graph .folded{stroke-opacity:0;fill-opacity:0;filter:none}.branch-status{right:calc(var(--spacing-5) + env(safe-area-inset-right,0px));bottom:calc(var(--spacing-5) + env(safe-area-inset-bottom,0px));z-index:30;border:1px solid var(--color-head-line);border-radius:var(--radius-full);background:var(--color-raised);font-family:var(--font-mono);font-size:var(--text-caption);line-height:var(--leading-caption);color:var(--color-head);white-space:nowrap;cursor:pointer;visibility:hidden;transition:transform .45s var(--ease-out), visibility 0s linear .45s, border-color var(--dur-fast) var(--ease-out);align-items:center;gap:6px;padding:4px 10px;display:flex;position:fixed;transform:translateY(calc(100% + 40px))}.branch-status[data-open]{visibility:visible;transition:transform .45s var(--ease-out), border-color var(--dur-fast) var(--ease-out);transform:none}.branch-status:hover{border-color:var(--color-head)}.branch-status:focus-visible{border-radius:var(--radius-full)}.bs-branch{font-weight:var(--font-weight-medium)}.bs-x{color:var(--color-fg-subtle);transition:color var(--dur-fast) var(--ease-out)}.branch-status:hover .bs-x{color:var(--color-fg)}@media (max-width:1024px){.agents-top{flex-direction:column;align-items:flex-start}.agents-stat{align-items:flex-start}.post{gap:var(--spacing-5);flex-direction:column}.post-meta{width:auto}.log{gap:var(--spacing-8);flex-direction:column}.log-rows{width:auto}.pc{flex-direction:column;gap:28px}.pmeta{width:auto}.preview{max-width:100%}}@media (max-width:768px){.ol-meta,.ol-off{display:none}.contact{flex-direction:column}.status{align-items:flex-start}}@media (max-width:640px){.ol-hash{width:64px}.oend{display:none}.ohash,.log-hash{width:64px}.log-note{padding-left:88px}}
.writing .gutter{position:relative}.writing .gutter:before{content:"";background:var(--color-head);width:2px;box-shadow:0 0 8px color-mix(in srgb, var(--color-head) 55%, transparent);transition:background-color var(--dur-slow) var(--ease-out), box-shadow var(--dur-slow) var(--ease-out);position:absolute;top:0;bottom:0;left:calc(50% - 1px)}.w-log{position:relative}.w-line{left:calc(var(--gut) / 2 - 1px);background:var(--color-head);width:2px;height:0;box-shadow:0 0 8px color-mix(in srgb, var(--color-head) 55%, transparent);pointer-events:none;display:none;position:absolute;top:8px}.w-log.is-drawing .w-line{display:block}.w-log.is-drawing .gutter:before{visibility:hidden}.w-tip{left:calc(var(--gut) / 2);z-index:1;border-radius:var(--radius-full);background:var(--color-fg);width:8px;height:8px;box-shadow:0 0 6px var(--color-head), 0 0 14px color-mix(in srgb, var(--color-head) 60%, transparent);opacity:0;pointer-events:none;position:absolute;top:0;translate:-50% -50%}.w-cur{vertical-align:-.12em;background:var(--color-head);width:.5em;height:.9em;box-shadow:0 0 14px color-mix(in srgb, var(--color-head) 60%, transparent);margin-left:.1em;margin-right:-.6em;display:none}.w-head .gutter:before{top:8px}.w-end .gutter:before{height:var(--node-y,8px);bottom:auto}.w-node{left:50%;top:var(--node-y,8px);border:2px solid var(--color-head);border-radius:var(--radius-full);background:var(--color-well);width:14px;height:14px;transition:border-color var(--dur-slow) var(--ease-out);position:absolute;translate:-50% -50%}.w-node-head{background:var(--color-head);width:12px;height:12px;box-shadow:0 0 0 3px var(--color-bg), 0 0 0 5px color-mix(in srgb, var(--color-head) 35%, transparent), 0 0 10px 3px color-mix(in srgb, var(--color-head) 45%, transparent);transition:background-color var(--dur-slow) var(--ease-out), box-shadow var(--dur-slow) var(--ease-out);border:0}.w-node-root{border-color:var(--color-fg-faint);background:var(--color-bg);width:10px;height:10px}.w-intro{gap:var(--spacing-5);flex-direction:column;flex:1;min-width:0;padding-bottom:36px;display:flex}.w-intro .meta{margin:0}.w-title{font-size:clamp(34px, 3.9vw, var(--text-display));line-height:1.07;font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-display);text-shadow:var(--glow-text);margin:0}.w-tabs{align-items:flex-end;gap:var(--spacing-1);margin-top:var(--spacing-3);border-bottom:1px solid var(--color-line);display:flex}.w-tab{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3) 10px;font-family:var(--font-sans);font-size:var(--text-ui);line-height:var(--leading-ui);color:var(--color-fg-muted);white-space:nowrap;cursor:pointer;transition:color var(--dur-fast) var(--ease-out), border-color var(--dur-slow) var(--ease-out);background:0 0;border:0;border-bottom:2px solid #0000;display:flex}.w-tab:hover:not(:disabled){color:var(--color-fg)}.w-tab[aria-pressed=true]{font-weight:var(--font-weight-semibold);color:var(--color-fg);border-bottom-color:var(--color-head)}.w-tab:disabled{color:var(--color-fg-faint);cursor:default}.w-tab:disabled .w-dot{opacity:var(--opacity-faded)}.w-dot{border-radius:var(--radius-full);flex-shrink:0;width:7px;height:7px}.w-count{border-radius:var(--radius-full);background:var(--color-raised);font-family:var(--font-mono);font-size:var(--text-caption);line-height:18px;font-weight:var(--font-weight-regular);color:var(--color-fg-subtle);padding:0 7px}.w-tab[aria-pressed=true] .w-count{background:var(--color-line-strong);color:var(--color-fg)}.w-body{align-items:flex-start;gap:var(--spacing-3);flex-direction:column;flex:1;min-width:0;padding-bottom:36px;display:flex}.w-quarter{font-family:var(--font-mono);font-size:var(--text-meta);line-height:var(--leading-caption);font-weight:var(--font-weight-regular);color:var(--color-fg-muted);margin:0}.w-quarter span{margin-left:var(--spacing-2);font-size:var(--text-caption);color:var(--color-fg-faint)}.w-box{border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface);align-self:stretch;margin:0;padding:0;list-style:none;overflow:clip}.w-box li+li{border-top:1px solid var(--color-line-soft)}.w-row{align-items:center;gap:var(--spacing-4);padding:14px var(--spacing-4);color:inherit;transition:background-color var(--dur-fast) var(--ease-out);text-decoration:none;display:flex}.w-row:hover{background:var(--color-raised)}.w-row:focus-visible{outline-offset:-3px;border-radius:var(--radius-md)}.w-text{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.w-name{font-size:17px;line-height:var(--leading-body);font-weight:var(--font-weight-semibold);color:var(--color-fg)}.w-meta{align-items:center;gap:var(--spacing-1) var(--spacing-3);font-family:var(--font-mono);font-size:var(--text-caption);line-height:var(--leading-caption);color:var(--color-fg-subtle);flex-wrap:wrap;display:flex}.w-topic{align-items:center;gap:6px;display:inline-flex}.w-topic i{border-radius:var(--radius-full);width:6px;height:6px}.w-hash{padding:3px var(--spacing-2);border:1px solid var(--color-line-strong);font-family:var(--font-mono);font-size:var(--text-caption);color:var(--color-fg-muted);border-radius:6px;flex-shrink:0;line-height:18px}.w-go{border:1px solid var(--color-line-strong);width:30px;height:26px;color:var(--color-fg-muted);transition:color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.w-go svg{display:block}.w-row:hover .w-go{color:var(--color-fg);border-color:var(--color-fg-subtle)}.w-all{font-family:var(--font-sans);font-size:var(--text-ui);line-height:var(--leading-ui);color:var(--color-fg);text-decoration:underline;-webkit-text-decoration-color:var(--color-fg-faint);text-decoration-color:var(--color-fg-faint);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0}.w-end{padding-bottom:clamp(72px, 7.8vw, var(--spacing-28))}.w-end-text{align-items:center;gap:var(--spacing-5);font-family:var(--font-mono);font-size:var(--text-caption);line-height:var(--leading-caption);color:var(--color-fg-subtle);margin:0;display:flex}.w-end-text a{font-family:var(--font-sans);font-size:var(--text-ui);color:var(--color-fg-muted);transition:color var(--dur-fast) var(--ease-out);text-decoration:none}.w-end-text a:hover{color:var(--color-fg)}.writing .colo{border-top:1px solid var(--color-line-soft)}.p-wrap{gap:clamp(48px, 6.7vw, var(--spacing-24));padding-bottom:clamp(72px, 7.8vw, var(--spacing-28));display:flex}.p-wrap>.w-log{flex:0 1 calc(var(--gut) + 680px);min-width:0}.p-intro{min-width:0;padding-bottom:var(--spacing-6);flex-direction:column;flex:1;gap:18px;display:flex}.p-intro .meta{margin:0}.p-title{font-size:clamp(32px,3.4vw,48px);line-height:1.08;font-weight:var(--font-weight-semibold);letter-spacing:-.035em;text-wrap:balance;text-shadow:var(--glow-text);margin:0;position:relative}.p-title-type{white-space:pre-line;text-wrap:wrap;position:absolute;inset:0}.p-title-type .w-cur{display:inline-block}.p-dek{color:var(--color-fg-muted);margin:0;font-size:20px;line-height:32px}.p-lead-text{min-width:0;color:var(--color-fg);flex:1;margin:0;font-size:20px;line-height:32px}.p-sec{--node-y:40px}.p-body{gap:var(--spacing-6);min-width:0;padding-top:var(--spacing-6);flex-direction:column;flex:1;display:flex}.p-h2{font-size:24px;line-height:32px;font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-lead);color:var(--color-fg);scroll-margin-top:var(--spacing-6);margin:0}.p-text,.p-list{font-size:var(--text-body-l);color:var(--color-fg-muted);margin:0;line-height:30px}.p-list{flex-direction:column;gap:10px;padding:0;list-style:none;display:flex}.p-list li{gap:14px;display:flex}.p-list li:before{content:"—";content:"—" / "";font-family:var(--font-mono);font-size:var(--text-body);color:var(--color-head);transition:color var(--dur-slow) var(--ease-out);flex-shrink:0}.p-quote{padding:var(--spacing-2) 0 var(--spacing-2) var(--spacing-6);border-left:2px solid var(--color-head);transition:border-color var(--dur-slow) var(--ease-out);margin:0}.p-quote p{letter-spacing:-.01em;color:var(--color-fg);margin:0;font-size:24px;line-height:34px}.p-code{border:1px solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-surface);margin:0;overflow:clip}.p-code-head{padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--color-line-soft);background:var(--color-raised);font-family:var(--font-mono);font-size:var(--text-caption);line-height:var(--leading-caption);color:var(--color-fg-muted);justify-content:space-between;align-items:center;display:flex}.p-copy,.p-link{color:var(--color-fg-muted);cursor:pointer;transition:color var(--dur-fast) var(--ease-out);background:0 0;border:0;padding:0;text-decoration:none}.p-copy{font-family:var(--font-mono);font-size:var(--text-caption);line-height:var(--leading-caption);color:var(--color-fg-subtle)}.p-copy:hover,.p-link:hover{color:var(--color-fg)}.p-code pre{padding:var(--spacing-5) var(--spacing-5) 22px;font-family:var(--font-mono);font-size:var(--text-ui);line-height:var(--leading-body);color:var(--color-fg-muted);counter-reset:line;margin:0;overflow-x:auto}.p-code code{font:inherit}.p-code code>span{counter-increment:line;display:block}.p-code code>span:before{content:counter(line);width:1ch;color:var(--color-fg-faint);-webkit-user-select:none;user-select:none;margin-right:2ch;display:inline-block}.p-wrap .w-end{--node-y:64px;padding-bottom:0}.p-wrap .w-end-text{gap:var(--spacing-2) var(--spacing-4);min-width:0;padding-top:var(--spacing-14);flex-wrap:wrap;flex:1}.p-all{margin-left:auto}.p-rail{padding-top:var(--spacing-1);flex:0 0 280px}.p-rail-in{gap:var(--spacing-6);flex-direction:column;display:flex}.p-stat{border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface);overflow:clip}.p-stat-head{border-bottom:1px solid var(--color-line-soft);background:var(--color-raised);font-family:var(--font-mono);font-size:var(--text-caption);line-height:var(--leading-caption);color:var(--color-fg-muted);margin:0;padding:10px 14px}.p-stat dl{gap:var(--spacing-3);flex-direction:column;margin:0;padding:14px;display:flex}.p-stat dl>div{justify-content:space-between;align-items:center;gap:var(--spacing-3);font-size:var(--text-meta);line-height:18px;display:flex}.p-stat dt{color:var(--color-fg-subtle)}.p-stat dd{font-family:var(--font-mono);color:var(--color-fg);margin:0}.p-source{color:var(--color-accent);text-decoration:none}.p-source:hover{text-underline-offset:3px;text-decoration:underline}.p-topics{font-size:var(--text-caption);color:var(--color-fg-muted);gap:10px;display:flex}.p-toc-title{margin:0 0 var(--spacing-3);font-family:var(--font-mono);font-size:var(--text-caption);line-height:var(--leading-caption);color:var(--color-fg-subtle)}.p-toc ol{gap:var(--spacing-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.p-toc a{padding:var(--spacing-1) 0;font-size:var(--text-ui);line-height:var(--leading-ui);color:var(--color-fg-muted);transition:color var(--dur-fast) var(--ease-out);align-items:center;gap:10px;text-decoration:none;display:flex}.p-toc a:before{content:"";border:2px solid var(--color-fg-faint);border-radius:var(--radius-full);width:8px;height:8px;transition:background-color var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out);flex-shrink:0}.p-toc a:hover,.p-toc a[aria-current]{color:var(--color-fg)}.p-toc a[aria-current]:before{border-color:var(--color-head);background:var(--color-head);box-shadow:0 0 8px color-mix(in srgb, var(--color-head) 55%, transparent)}.p-share{gap:var(--spacing-4);padding-top:var(--spacing-4);border-top:1px solid var(--color-line-soft);display:flex}.p-link{font-family:var(--font-sans);font-size:var(--text-meta);line-height:18px}@media (max-width:1024px){.p-wrap{gap:var(--spacing-10);flex-direction:column}.p-wrap>.w-log{width:100%;max-width:calc(var(--gut) + 680px);flex:none}.p-rail{width:min(100% - var(--gut), 420px);margin-left:var(--gut);flex:none;padding-top:0}.p-toc{display:none}}@media (max-width:640px){.w-tabs{scrollbar-width:none;margin-right:calc(-1 * var(--pad));padding-right:var(--spacing-8);-webkit-mask-image:linear-gradient(to right, #000 calc(100% - var(--spacing-8)), transparent);mask-image:linear-gradient(to right, #000 calc(100% - var(--spacing-8)), transparent);overflow-x:auto}.w-hash{display:none}.w-row{padding:var(--spacing-3);gap:var(--spacing-3)}.w-name{font-size:var(--text-body)}.p-intro{gap:var(--spacing-3)}.p-dek,.p-lead-text{font-size:var(--text-body-l);line-height:var(--leading-body-l)}.p-text,.p-list{font-size:var(--text-body);line-height:var(--leading-body-l)}.p-sec{--node-y:38px}.p-h2{font-size:20px;line-height:28px}.p-quote p{font-size:20px;line-height:30px}.p-code pre{padding:var(--spacing-4);font-size:var(--text-meta);line-height:22px}.p-rail{width:auto}}
.ab{gap:var(--spacing-16);padding:0 0 clamp(72px, 7.8vw, var(--spacing-28)) var(--gut);flex-direction:column;display:flex}.ab p{margin:0}.ab-acc{color:var(--color-accent)}.ab-nf{align-items:flex-start;gap:48px;display:flex}.ab-face{aspect-ratio:1;flex:0 400px;min-width:220px}.ab-face .ascii-portrait{width:100%;height:100%}.ab-info{font-family:var(--font-mono);font-size:var(--text-ui);color:var(--color-fg);flex-direction:column;flex-shrink:0;gap:6px;line-height:22px;display:flex}.ab-host{color:var(--color-fg-subtle)}.ab-host .ab-acc{font-weight:var(--font-weight-medium)}.ab-rule{color:var(--color-fg-faint)}.ab-info dl{flex-direction:column;gap:6px;margin:0;display:flex}.ab-row{gap:var(--spacing-3);display:flex}.ab-row dt{width:96px;color:var(--color-accent);flex-shrink:0}.ab-row dd{margin:0}.ab-pal{padding-top:10px;display:flex}.ab-pal i{width:26px;height:14px;display:block}.ab-pal i:last-child{box-shadow:0 0 10px color-mix(in srgb, var(--color-accent) 60%, transparent)}.ab-cat{flex-direction:column;gap:18px;max-width:680px;display:flex}.ab-cmd{font-family:var(--font-mono);font-size:var(--text-meta);line-height:var(--leading-caption);white-space:pre;color:var(--color-fg);align-items:center;display:flex}.ab-cur{background:var(--color-accent);width:7px;height:15px;box-shadow:var(--glow-accent);margin-left:2px;display:none}.ab-lead{font-size:var(--text-lead);line-height:var(--leading-lead);letter-spacing:var(--tracking-lead);color:var(--color-fg)}.ab-p{font-size:var(--text-body-l);color:var(--color-fg-muted);line-height:30px}.ab-tree{gap:var(--spacing-3);font-family:var(--font-mono);font-size:var(--text-ui);flex-direction:column;margin:0;padding:0;line-height:22px;list-style:none;display:flex}.ab-tr{gap:var(--spacing-4);display:flex}.ab-g{width:12px;color:var(--color-orange-700);flex-shrink:0}.ab-name{width:150px;color:var(--color-fg);flex-shrink:0}.ab-note{color:var(--color-fg-muted)}.ab-now{color:var(--color-accent)}.ab-links{align-items:center;gap:var(--spacing-3) 28px;max-width:680px;padding-top:var(--spacing-5);border-top:1px solid var(--color-line-soft);flex-wrap:wrap;font-size:15px;line-height:22px;display:flex}.ab-links a{color:var(--color-fg-muted);transition:color var(--dur-fast) var(--ease-out);text-decoration:none}.ab-links a:hover{color:var(--color-fg)}.ab-links .ab-email{font-family:var(--font-mono);font-size:var(--text-ui);color:var(--color-accent)}.about .colo{border-top:1px solid var(--color-line-soft)}@media (max-width:1023px){.ab-nf{gap:var(--spacing-8)}}@media (max-width:760px){.ab-nf{gap:var(--spacing-6);flex-direction:column}.ab-face{flex:none;width:min(100%,300px)}}@media (max-width:640px){.ab{gap:var(--spacing-14)}.ab-row dt{width:84px}.ab-lead{font-size:22px;line-height:30px}.ab-p{font-size:var(--text-body);line-height:var(--leading-body-l)}.ab-tr{gap:0 var(--spacing-3);flex-wrap:wrap}.ab-name{width:auto}.ab-note{width:100%;padding-left:28px}}
.cs{flex-direction:column;display:flex}.cs p,.cs h2,.cs figure,.cs dl,.cs dd{margin:0}.cs-head{justify-content:space-between;align-items:flex-end;gap:var(--spacing-8) 48px;padding:0 0 48px var(--gut);flex-wrap:wrap;display:flex}.cs-intro{gap:var(--spacing-4);flex-direction:column;flex:520px;max-width:720px;display:flex}.cs-title{font-size:clamp(48px, 5vw, var(--text-stat));line-height:1;font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-stat);text-shadow:var(--glow-text);margin:0;position:relative}.cs-title-type{white-space:pre-line;position:absolute;inset:0}.cs-title-type .w-cur{display:inline-block}.cs-desc{color:var(--color-fg-muted);font-size:22px;line-height:32px}.cs-facts{gap:var(--spacing-4) 40px;font-family:var(--font-mono);font-size:var(--text-caption);flex-wrap:wrap;padding-bottom:6px;line-height:18px;display:flex}.cs-facts>div{gap:var(--spacing-1);white-space:nowrap;flex-direction:column;display:flex}.cs-facts dt{color:var(--color-fg-faint)}.cs-facts dd{color:var(--color-fg)}.cs-on{gap:10px;display:flex}.cs-on span{align-items:center;gap:5px;display:flex}.cs-on i{border-radius:var(--radius-full);width:6px;height:6px}.cs-live-fact,.cs-url{color:var(--color-accent);text-decoration:none}.cs-live-fact:hover,.cs-url:hover{text-underline-offset:3px;text-decoration:underline}.cs-hero{padding:0 0 72px var(--gut);flex-direction:column;gap:14px;display:flex}.cs-cap{gap:var(--spacing-4);font-family:var(--font-mono);font-size:var(--text-caption);color:var(--color-fg-muted);line-height:18px;display:flex}.cs-cap span{color:var(--color-accent);flex-shrink:0}.cs-browser{border:1px solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-surface);overflow:clip;box-shadow:0 30px 80px #00000080}.cs-browser img{width:100%;height:auto;display:block}.cs-chrome{align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--color-line-soft);background:var(--color-raised);display:flex;position:relative}.cs-chrome i{border-radius:var(--radius-full);background:var(--color-line-strong);width:10px;height:10px}.cs-url,.cs-term-title{text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 112px);font-family:var(--font-mono);font-size:var(--text-caption);line-height:var(--leading-caption);position:absolute;left:50%;overflow:hidden;translate:-50%}span.cs-url,.cs-term-title{color:var(--color-fg-subtle)}.cs-image{border:1px solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-surface);overflow:clip}.cs-image img{width:100%;height:auto;display:block}.cs-term{border:1px solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-well);overflow:clip}.cs-term-out{padding:var(--spacing-6) 28px 28px;font-family:var(--font-mono);font-size:var(--text-ui);line-height:var(--leading-body);color:var(--color-fg-muted);margin:0;overflow-x:auto}.cs-term-out>span{display:block}.cs-term-out b{font-weight:inherit;color:var(--color-orange-300)}.cs-term-cmd,.cs-term-lit{color:var(--color-fg)}.cs-term-cmd{padding-bottom:6px}.cs-term-cmd b{color:var(--color-accent)}.cs-term-out>span:not(:first-child).cs-term-cmd{padding-top:14px;padding-bottom:0}.cs-stage{border:1px solid var(--color-line);border-radius:var(--radius-lg);background:radial-gradient(ellipse 50% 50% at 50% 55%, color-mix(in srgb, var(--lane,var(--color-accent)) 16%, transparent), transparent 72%), var(--color-surface);justify-content:center;align-items:center;height:clamp(440px,44vw,640px);display:flex}.cs-phone{aspect-ratio:268/580;border:6px solid var(--color-line-soft);border-radius:36px;height:90%;overflow:clip;box-shadow:0 24px 60px #0009}.cs-phone img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.cs-todo{height:clamp(280px,30vw,440px);padding:var(--spacing-6);text-align:center;border:1px solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-surface);font-family:var(--font-mono);font-size:var(--text-caption);color:var(--color-fg-faint);justify-content:center;align-items:center;display:flex}.cs-split{gap:var(--spacing-4);grid-template-columns:1fr 1fr;display:grid}.cs-split>.cs-todo{height:auto;min-height:clamp(280px,30vw,440px)}.cs-split>.cs-browser{align-self:center}.cs-compare{--pos:50%;border:1px solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-surface);cursor:ew-resize;touch-action:pan-y;-webkit-user-select:none;user-select:none;position:relative;overflow:clip}.cs-compare img{pointer-events:none;width:100%;height:auto;display:block}.cs-before{clip-path:inset(0 calc(100% - var(--pos)) 0 0);position:absolute;inset:0}.cs-before img{object-fit:cover;height:100%}.cs-handle{top:0;bottom:0;left:var(--pos);background:var(--color-accent);width:2px;box-shadow:var(--glow-accent);position:absolute;translate:-1px}.cs-knob{border:1px solid var(--color-accent);border-radius:var(--radius-full);background:var(--color-raised);width:36px;height:36px;box-shadow:0 0 14px color-mix(in srgb, var(--color-accent) 45%, transparent);position:absolute;top:50%;left:50%;translate:-50% -50%}.cs-knob:before,.cs-knob:after{content:"";border:solid var(--color-accent);border-width:0 0 1.5px 1.5px;width:6px;height:6px;position:absolute;top:50%}.cs-knob:before{left:9px;translate:0 -50%;rotate:45deg}.cs-knob:after{right:9px;translate:0 -50%;rotate:-135deg}.cs-compare:has(input:focus-visible) .cs-knob{outline:2px solid var(--color-accent);outline-offset:3px}.cs-side{top:var(--spacing-4);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-caption);line-height:var(--leading-caption);color:var(--color-fg);pointer-events:none;background:#0a0a0ab8;position:absolute}.cs-side b{font-weight:inherit;color:var(--color-fg-subtle)}.cs-side-before{left:var(--spacing-4)}.cs-side-after{right:var(--spacing-4)}.cs-side-after b{color:var(--color-accent)}.cs-row{transition:opacity var(--dur-slow) var(--ease-out);display:flex;position:relative}.cs-gutter{width:var(--gut);flex-shrink:0;position:relative}.cs-gutter i{display:block;position:absolute}.cs-main{background:var(--color-lane);width:2px;top:0;bottom:0;left:calc(25% - 1px)}.cs-lane{background:var(--lane);width:2px;top:0;bottom:0;left:calc(66.67% - 1px)}.cs-curve{width:100%;position:absolute;top:0;left:0;overflow:visible}.cs-curve path{fill:none;stroke:var(--lane);stroke-width:2px}.cs-body{flex:1;min-width:0}.cs-start .cs-main{top:8px}.cs-dot{border-radius:var(--radius-full);background:var(--color-accent);width:12px;height:12px;box-shadow:0 0 8px color-mix(in srgb, var(--color-accent) 70%, transparent);top:8px;left:25%;translate:-50% -50%}.cs-start .cs-body{padding-bottom:var(--spacing-2);align-items:center;gap:10px;display:flex}.cs-commit .cs-fork{height:34px}.cs-commit:first-of-type .cs-lane{top:32px}.cs-node{border:2px solid var(--lane);border-radius:var(--radius-full);background:var(--color-well);width:14px;height:14px;top:32px;left:66.67%;translate:-50% -50%}.cs-commit .cs-body{gap:var(--spacing-3);padding:var(--spacing-6) 0 var(--spacing-16);flex-direction:column;display:flex}.cs-meta{font-family:var(--font-mono);font-size:var(--text-meta);line-height:var(--leading-caption);color:var(--color-fg-subtle)}.cs-topic{color:var(--lane)}.cs-h2{font-size:var(--text-lead);line-height:34px;font-weight:var(--font-weight-semibold);letter-spacing:-.02em}.cs-text{max-width:680px;padding-bottom:var(--spacing-3);color:var(--color-fg-muted);font-size:17px;line-height:26px}.cs-commit.off-branch{opacity:var(--opacity-faded)}.cs-merge .cs-join{height:50px}.cs-main-in{height:48px;bottom:auto}.cs-main-out{background:var(--color-accent);box-shadow:0 0 8px color-mix(in srgb, var(--color-accent) 55%, transparent);top:56px}.cs-merge-dot{border-radius:var(--radius-full);background:var(--color-accent);width:18px;height:18px;box-shadow:0 0 0 3px var(--color-bg), 0 0 12px color-mix(in srgb, var(--color-accent) 70%, transparent);top:51px;left:25%;translate:-50% -50%}.cs-end{gap:var(--spacing-8);padding:43px 0 clamp(72px, 7.8vw, var(--spacing-28));flex-direction:column;display:flex}.cs-merge-line{font-family:var(--font-mono);font-size:var(--text-meta);line-height:var(--leading-caption);color:var(--color-fg)}.cs-merge-line span{color:var(--color-fg-subtle)}.cs-results{gap:var(--spacing-8) 72px;flex-wrap:wrap;display:flex}.cs-results>div{flex-direction:column-reverse;gap:6px;display:flex}.cs-results dd{font-size:var(--text-display);line-height:var(--leading-display);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-display)}.cs-results .is-lit dd{color:var(--color-accent);text-shadow:0 0 18px color-mix(in srgb, var(--color-accent) 35%, transparent)}.cs-results dt{font-family:var(--font-mono);font-size:var(--text-caption);line-height:var(--leading-caption);color:var(--color-fg-subtle)}.cs-live{align-self:flex-start;align-items:center;gap:2px var(--spacing-2);white-space:nowrap;padding:9px var(--spacing-4);border:1px solid var(--color-accent-line);border-radius:var(--radius-full);background:var(--color-accent-tint);font-family:var(--font-mono);font-size:var(--text-meta);line-height:var(--leading-caption);color:var(--color-fg);transition:border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);flex-wrap:wrap;text-decoration:none;display:flex}.cs-live i{border-radius:var(--radius-full);background:var(--color-available);width:6px;height:6px}.cs-live span{color:var(--color-accent)}.cs-live:hover{border-color:var(--color-accent);box-shadow:0 0 12px color-mix(in srgb, var(--color-accent) 30%, transparent)}.cs-live:focus-visible{border-radius:var(--radius-full)}.cs-next{padding-top:var(--spacing-5);border-top:1px solid var(--color-line-soft);justify-content:space-between;align-items:center;display:flex}.cs-next span{font-family:var(--font-mono);font-size:var(--text-caption);line-height:var(--leading-caption);color:var(--color-fg-subtle)}.cs-next a{font-size:var(--text-body-l);line-height:var(--leading-body);color:var(--color-fg);text-decoration:none}.cs-next a:hover{color:var(--color-accent)}.work .colo{border-top:1px solid var(--color-line-soft)}@media (max-width:640px){.cs-desc{font-size:var(--text-body-l);line-height:var(--leading-body-l)}.cs-h2{font-size:22px;line-height:30px}.cs-text{font-size:var(--text-body);line-height:var(--leading-body)}.cs-stage{height:420px}.cs-todo{height:220px}.cs-term-out{padding:var(--spacing-4);font-size:var(--text-meta);line-height:22px}.cs-split{grid-template-columns:1fr}.cs-split>.cs-todo{min-height:220px}.cs-side{top:var(--spacing-2)}.cs-side-before{left:var(--spacing-2)}.cs-side-after{right:var(--spacing-2)}.cs-results dd{font-size:40px;line-height:44px}}
.crt{--crt-bg:#090605;--crt-mid:#140f0c;--crt-prompt:#8a776b;--crt-login:#5a4a40;--crt-faint:#6b5a50;--crt-todo:#4f423a;--crt-label:#9a8678;--crt-tree:#b5561c;--crt-glow-fg:0 0 8px #ff965a47;--crt-glow-soft:0 0 6px #ff965a26;--crt-glow-accent:0 0 10px #ff6a1a99, 0 0 24px #ff6a1a40;z-index:50;visibility:hidden;background: radial-gradient(ellipse 62% 58% at 50% 48%, #ff6a1a12 0%, #ff6a1a06 40%, transparent 72%), radial-gradient(ellipse 110% 100% at 50% 50%, var(--crt-mid) 0%, var(--color-bg) 100%), var(--crt-bg);display:none;position:fixed;inset:0;overflow:hidden}html[data-boot=play] .crt{display:block}.raster{flex-direction:column;display:flex;position:absolute;inset:0}.scan{pointer-events:none;background:repeating-linear-gradient(#0000002e 0 1.2px,#0000 1.2px 3px);position:absolute;inset:0}.vig{pointer-events:none;border-radius:28px;position:absolute;inset:0;box-shadow:inset 0 0 160px 30px #000000d9,inset 0 0 0 2px #000000e6}.crt .hide{display:none!important}.t-fg{color:var(--color-fg);text-shadow:var(--crt-glow-fg)}.t-prompt{color:var(--crt-prompt);text-shadow:var(--crt-glow-soft)}.t-faint{color:var(--crt-faint);text-shadow:0 0 6px #ff965a1a}.t-acc{color:var(--color-accent);text-shadow:var(--crt-glow-accent)}.w6{font-weight:var(--font-weight-semibold)}.cur{background:var(--color-accent);flex-shrink:0;width:9px;height:18px;display:inline-block;box-shadow:0 0 10px #ff6a1a99,0 0 24px #ff6a1a40}.login{font-size:var(--text-meta);line-height:var(--leading-ui);color:var(--crt-login);padding-bottom:18px}.pl{align-items:center;gap:var(--spacing-3);padding-bottom:var(--spacing-2);white-space:pre;flex-shrink:0;display:flex}.pl.first{padding-bottom:var(--spacing-3)}.cmdw{white-space:pre;align-items:center;display:flex}.boot-split{--boot-top:clamp(28px, 4.4vw, 64px);flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.boot-dock{aspect-ratio:576/420;width:288px;margin:calc(var(--boot-top) - 22px) 0 -16px calc(var(--pad) - 32px);flex:none}.boot-term{width:40%;min-height:0;padding:20px 32px 24px var(--pad);font-family:var(--font-mono);font-size:var(--text-ui);letter-spacing:.04em;flex-direction:column;flex:1;line-height:22px;display:flex;overflow:hidden}.boot-term>*{flex-shrink:0}.boot-term.is-scrolled{-webkit-mask-image:linear-gradient(#0000 0,#000 140px);mask-image:linear-gradient(#0000 0,#000 140px)}.boot-art{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.boot-mark{aspect-ratio:576/420;transform-origin:0 0;width:min(576px,100%);position:relative}.boot-mark .ascii-mark{position:absolute;inset:0}.boot-term .tr{flex-wrap:nowrap}.tr .t-fg{flex-shrink:0}.nf{flex-shrink:0;align-items:flex-start;gap:48px;padding:4px 0 28px;display:flex}.nf-info{line-height:var(--leading-ui);flex-direction:column;min-width:0;display:flex}.nf-line{white-space:pre}.nf-rule{color:var(--crt-faint)}.nf-pal{padding-top:10px;display:flex}.nf-pal i{width:26px;height:14px;display:block}.nf-pal i:last-child{box-shadow:0 0 10px #ff6a1a99}.cfg{flex-direction:column;flex-shrink:0;padding-bottom:28px;display:flex}.tr{column-gap:var(--spacing-3);flex-wrap:wrap;display:flex}.g{width:16px;color:var(--crt-tree);text-shadow:0 0 8px #ff6a1a66;letter-spacing:0;flex-shrink:0}.tasks,.tlist{flex-direction:column;gap:6px;display:flex}.tasks{flex-shrink:0;padding-bottom:28px}.th,.td,.tstat{align-items:center;gap:var(--spacing-3);white-space:pre;min-height:22px;display:flex}.td{padding-left:26px}.tstat{padding-top:var(--spacing-2)}.hx{flex-shrink:0;display:block}.hx.glow{filter:drop-shadow(0 0 6px #ff6a1abf)}.bx .frame{fill:none;stroke:var(--crt-todo);stroke-width:1.2px}.bx .fill,.bx .x{display:none}.bx .fill{fill:var(--color-fg)}.bx .x{stroke:var(--crt-faint);stroke-width:1.2px}.td .tl{color:var(--crt-prompt);text-shadow:var(--crt-glow-soft)}.td[data-state=doing] .frame{stroke:var(--color-fg)}.td[data-state=doing] .fill{display:block}.td[data-state=doing] .tl{color:var(--color-fg);text-shadow:var(--crt-glow-fg)}.td[data-state=done] .frame{stroke:var(--crt-faint)}.td[data-state=done] .x{display:block}.td[data-state=done] .tl{color:var(--crt-faint);text-shadow:none}.rl{align-items:center;gap:var(--spacing-2);white-space:pre;flex-shrink:0;display:flex}.statusline{justify-content:space-between;align-items:center;gap:var(--spacing-4);height:40px;font-family:var(--font-mono);letter-spacing:.06em;color:var(--crt-label);background:#00000040;border-top:1px solid #ff6a1a24;flex-shrink:0;padding-inline:clamp(16px,2.8vw,40px);font-size:11px;line-height:14px;display:flex}.sl-l,.sl-r{align-items:center;gap:var(--spacing-5);min-width:0;display:flex}.chip{background:var(--color-accent);color:var(--color-accent-ink);padding:3px var(--spacing-2);letter-spacing:.12em;border-radius:3px;font-size:10px;line-height:12px}.flylayer{z-index:60;pointer-events:none;position:fixed;inset:0}.fly{background:var(--color-accent);opacity:0;visibility:hidden;will-change:transform, opacity;width:9px;height:18px;position:absolute;top:0;left:0;box-shadow:0 0 12px #ff6a1ae6,0 0 30px #ff6a1a66}.fly.ghost{box-shadow:0 0 10px #ff6a1a99}@media (max-width:768px){.boot-split{--boot-top:16px}.boot-term{width:auto;font-size:var(--text-caption);padding-top:12px;line-height:19px}.pl,.nf-line,.th,.td,.tstat,.rl{white-space:pre-wrap}.sl-r span:not(.sl-loaded){display:none}}