@property --amt{syntax:"<number>";inherits:true;initial-value:0}@property --od-seat{syntax:"<number>";inherits:true;initial-value:0}.command-console{--cc-x:32px;--cc-readout:372px;--cc-ch:56px;--cc-ch-gap:6px;--cc-key:72px;--cc-key-gap:8px;--cc-deck-gap:16px;--cc-stage:1;--cc-side-shift:0px;--cc-window:476px;--cc-gray-3:color-mix(in oklch, var(--ks-gray-2), var(--ks-ink) 7%);--cc-led:0 0 0 1px oklch(13% 0 0/.12), 0 0 4px color-mix(in oklch, var(--ks-kinpaku) 60%, transparent);background:linear-gradient(180deg, color-mix(in oklch, var(--ks-paper-raised), var(--ks-paper) 30%), color-mix(in oklch, var(--ks-paper), var(--ks-paper-deep) 50%));box-shadow:var(--ks-cap-lift), 0 18px 40px oklch(13% 0 0/.06);padding:var(--cc-x) var(--cc-x) 30px;color:var(--ks-text);font-family:var(--ks-font);border-radius:18px;font-size:16px;line-height:1.65;position:relative;overflow:hidden}.command-console>*{position:relative}.cc-anchors{width:0;height:0;position:absolute;top:0;left:0}.cc-anchors span{scroll-margin-top:128px;position:absolute;top:0;left:0}.cc-silk{font:500 11px/1 var(--ks-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ks-text-muted)}.cc-guide{gap:10px;margin-bottom:24px;display:grid}.cc-guide p{color:var(--ks-text-muted);margin:0;font-size:14px}.cc-intents{flex-wrap:wrap;gap:10px;display:flex}.cc-intents a{background:var(--ks-paper-raised);min-height:40px;box-shadow:inset 0 1px 0 oklch(100% 0 0/.9), 0 1px 0 oklch(13% 0 0/.14), 0 2px 3px oklch(13% 0 0/.08), 0 0 4px color-mix(in oklch, var(--ks-ink) 5%, transparent);color:var(--ks-ink);border-radius:5px;align-items:center;padding:6px 14px;font-size:14px;text-decoration:none;display:inline-flex}.cc-intents a:hover{background:var(--ks-paper-deep)}.cc-intents a:focus-visible{outline:2px solid var(--ks-kinpaku);outline-offset:3px}.cc-deck-help{color:var(--ks-text-muted);margin:22px 0 0;font-size:14px}.cc-deck-help-scroll{display:none}.cc-deck-help+.cc-deck{margin-top:12px}.cc-top{grid-template-columns:minmax(0, 1fr) var(--cc-readout);align-items:stretch;gap:32px;display:grid}.cc-well{height:var(--cc-window);background:var(--ks-paper-deep);box-shadow:var(--ks-track-recess);border-radius:12px;position:relative;overflow:hidden}.cc-stage{place-items:center;display:grid;position:absolute;inset:0}.cc-bypass{z-index:6;background:var(--ks-paper-raised);height:26px;box-shadow:var(--ks-cap-lift);font:600 10px/1 var(--ks-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ks-text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;border:0;border-radius:5px;align-items:center;gap:8px;padding:0 10px;display:inline-flex;position:absolute;bottom:12px;right:14px}.cc-bypass i{background:var(--ks-gray-2);border-radius:50%;width:6px;height:6px;box-shadow:inset 0 1px 1px oklch(13% 0 0/.2)}.cc-bypass.is-held{box-shadow:var(--ks-cap-press);color:var(--ks-ink);transform:translateY(1px)}.cc-bypass.is-held i{background:var(--ks-kinpaku);box-shadow:var(--cc-led)}.cc-bypass:focus-visible{outline:2px solid var(--ks-kinpaku);outline-offset:2px}.cc-readout{flex-direction:column;gap:16px;min-width:0;display:flex}.cc-title{gap:10px;display:grid}.cc-name{font-family:var(--ks-font-display);font-weight:var(--ks-type-headline-weight);color:var(--ks-ink);letter-spacing:0;margin:0;font-size:62px;line-height:1}.cc-tags{gap:6px;display:flex}.cc-desc{color:var(--ks-text);max-width:36ch;margin:0;font-size:15px;line-height:1.55}.cc-docs{color:var(--ks-link-on-paper);font-size:var(--ks-type-ui-size);text-decoration:underline;text-decoration-color:var(--ks-link-on-paper-line);text-underline-offset:.2em;transition:text-decoration-color var(--ks-quick) var(--ks-ease);justify-self:start;text-decoration-thickness:1px}.cc-docs:hover,.cc-docs:focus-visible{text-decoration-color:var(--ks-link-on-paper-line-hover)}.cc-patch{border-top:1px solid var(--ks-rule);align-self:end;align-items:center;gap:18px;margin-top:6px;padding-top:14px;display:flex}.cc-patch .cc-silk{letter-spacing:.12em}.cc-jacks{align-items:center;gap:18px;display:inline-flex}.cc-jack{cursor:pointer;font:500 13px/1 var(--ks-mono);color:var(--ks-ink);background:0 0;border:0;border-radius:4px;align-items:center;gap:8px;padding:0;display:inline-flex}.cc-jack i{background:var(--ks-paper-deep);width:22px;height:22px;box-shadow:var(--ks-track-recess);border-radius:50%;position:relative}.cc-jack i:after{content:"";background:var(--ks-paper-raised);border-radius:50%;position:absolute;inset:6px;box-shadow:inset 0 1px 2px oklch(13% 0 0/.18)}.cc-jack:hover span{text-underline-offset:.2em;text-decoration:underline;text-decoration-color:var(--ks-kinpaku)}.cc-jack:focus-visible{outline:2px solid var(--ks-kinpaku);outline-offset:3px}.cc-deck{justify-content:space-between;gap:var(--cc-deck-gap);border-top:1px solid var(--ks-rule);margin-top:28px;padding-top:22px;display:flex}.cc-g{grid-template-rows:auto 1fr;justify-items:start;gap:12px;display:grid}.cc-g-b{gap:var(--cc-ch-gap);align-self:end;display:flex}.cc-g-b--keys{grid-template-columns:repeat(2, var(--cc-key));gap:var(--cc-key-gap);display:grid}.cc-g-b--col{grid-template-columns:var(--cc-key)}.cc-ch{--amt:0;width:var(--cc-ch);cursor:ns-resize;-webkit-user-select:none;user-select:none;touch-action:pan-x;transition:--amt .5s var(--ks-ease);border-radius:6px;outline:none;justify-items:center;gap:8px;padding-top:2px;display:grid}.cc-ch.is-dragging{transition:none}.cc-ch:focus-visible{box-shadow:0 0 0 2px var(--ks-kinpaku)}.cc-led{background:var(--ks-gray-2);border-radius:50%;width:7px;height:7px;transition:background .2s,box-shadow .2s;box-shadow:inset 0 1px 1px oklch(13% 0 0/.18)}.is-on .cc-led{background:var(--ks-patina);box-shadow:var(--cc-led)}.cc-trk{width:100%;height:104px;position:relative}.cc-trk:before{content:"";background:var(--ks-paper-deep);width:6px;box-shadow:var(--ks-track-recess);border-radius:3px;margin-left:-3px;position:absolute;top:0;bottom:0;left:50%}.cc-cap{background:var(--ks-paper-raised);width:30px;height:14px;box-shadow:var(--ks-cap-lift);transform:translateY(calc(-90px * var(--amt)));will-change:transform;border-radius:3px;margin-left:-15px;position:absolute;bottom:0;left:50%}.cc-cap:after{content:"";background:var(--cc-gray-3);height:1px;margin-top:-.5px;position:absolute;top:50%;left:4px;right:4px}.cc-ch.is-dragging .cc-cap{box-shadow:var(--ks-cap-press)}.cc-lbl{font:500 10px/1 var(--ks-mono);letter-spacing:.02em;color:var(--ks-text-muted);text-shadow:0 1px oklch(100% 0 0/.9);white-space:nowrap}.is-on .cc-lbl{color:var(--ks-ink)}.cc-key{width:var(--cc-key);background:var(--ks-paper-raised);height:44px;box-shadow:var(--ks-cap-lift);cursor:pointer;font:500 10px/1 var(--ks-mono);letter-spacing:.02em;color:var(--ks-text-muted);text-shadow:0 1px oklch(100% 0 0/.9);white-space:nowrap;border:0;border-radius:6px;place-items:end start;padding:0 0 7px 6px;transition:transform 80ms,box-shadow 80ms;display:grid;position:relative}.cc-key .cc-led{position:absolute;top:7px;right:7px}.cc-key:active,.cc-key.is-on{box-shadow:var(--ks-cap-press);transform:translateY(1px)}.cc-key.is-on{color:var(--ks-ink)}.cc-key:focus-visible{outline:2px solid var(--ks-kinpaku);outline-offset:2px}.fn{--fx-impeccable:0;--fx-shape:0;--fx-critique:0;--fx-audit:0;--fx-typeset:0;--fx-layout:0;--fx-colorize:0;--fx-animate:0;--fx-delight:0;--fx-bolder:0;--fx-quieter:0;--fx-overdrive:0;--fx-distill:0;--fx-clarify:0;--fx-adapt:0;--fx-polish:0;--fx-optimize:0;--fx-harden:0;--fx-onboard:0;--fx-init:0;--fx-extract:0;--fx-document:0;--fx-live:0;--sub-grad:linear-gradient(135deg, oklch(58% .2 300), oklch(62% .22 330));--sub-av-grad:linear-gradient(135deg, oklch(62% .18 300), oklch(70% .16 20));--sub-link:oklch(55% .2 300);--sub-ok:oklch(70% .17 150);--sub-err:oklch(48% .16 30);--acc:oklch(40% .08 150);--acc-l:oklch(91% .045 150);--acc-p:oklch(94% .03 150);--color-on:max(var(--fx-colorize), var(--fx-impeccable));--type-on:max(var(--fx-typeset), var(--fx-polish), var(--fx-impeccable));--flat-pill:max(var(--fx-quieter), var(--fx-distill));--no-dot:max(var(--fx-distill), var(--fx-adapt));--amt:0;--side:0;transition:--amt .5s var(--ks-ease);width:calc(560px - 220px * var(--fx-adapt));padding:calc(22px + 2px * var(--fx-layout)) calc(18px + 6px * var(--fx-layout)) calc(16px + 8px * var(--fx-layout));border-radius:calc(12px - 6px * var(--fx-polish) - 8px * var(--fx-bolder) + 16px * var(--fx-adapt));border:1px solid color-mix(in oklch, var(--ks-gray-2), var(--ks-ink) calc(var(--fx-bolder) * 100%));background:var(--ks-paper-raised);box-shadow:var(--ks-lift-1);font:400 13px/1.45 var(--ks-font);color:var(--ks-text);outline:calc(2px * var(--fx-adapt)) solid var(--ks-ink);outline-offset:10px;opacity:calc(1 - .5 * var(--fx-init) - .5 * var(--fx-document));transform:translateX(calc(var(--side) * var(--cc-side-shift) * var(--amt) - 80px * var(--fx-extract))) translateY(calc(-30px * var(--fx-optimize))) scale(calc(var(--cc-stage) - .12 * var(--fx-extract) - .15 * var(--fx-adapt) - .1 * var(--fx-optimize)));z-index:1;position:relative}.fn[data-fx=shape]{filter:grayscale(calc(var(--amt) * 100%))}.fn.is-dragging{transition:none}.fn[data-fx=impeccable]{--fx-impeccable:var(--amt);--fx-typeset:var(--amt);--fx-layout:var(--amt);--fx-polish:var(--amt);--fx-colorize:var(--amt);--fx-clarify:var(--amt)}.fn[data-fx=shape]{--fx-shape:var(--amt);--side:1}.fn[data-fx=critique]{--fx-critique:var(--amt);--side:-1}.fn[data-fx=audit]{--fx-audit:var(--amt);--side:-1}.fn[data-fx=typeset]{--fx-typeset:var(--amt)}.fn[data-fx=layout]{--fx-layout:var(--amt)}.fn[data-fx=colorize]{--fx-colorize:var(--amt)}.fn[data-fx=animate]{--fx-animate:var(--amt)}.fn[data-fx=delight]{--fx-delight:var(--amt)}.fn[data-fx=bolder]{--fx-bolder:var(--amt)}.fn[data-fx=quieter]{--fx-quieter:var(--amt)}.fn[data-fx=overdrive]{--fx-overdrive:var(--amt)}.fn[data-fx=distill]{--fx-distill:var(--amt)}.fn[data-fx=clarify]{--fx-clarify:var(--amt)}.fn[data-fx=adapt]{--fx-adapt:var(--amt)}.fn[data-fx=polish]{--fx-polish:var(--amt)}.fn[data-fx=optimize]{--fx-optimize:var(--amt);--is-opt:1}.fn[data-fx=harden]{--fx-harden:var(--amt);--side:1}.fn[data-fx=onboard]{--fx-onboard:var(--amt)}.fn[data-fx=init]{--fx-init:var(--amt)}.fn[data-fx=extract]{--fx-extract:var(--amt)}.fn[data-fx=document]{--fx-document:var(--amt)}.fn[data-fx=live],.fn[data-fx=generate]{--fx-live:var(--amt)}.fn-sw{vertical-align:baseline;display:inline-block;position:relative}.fn-sw>.fn-a{white-space:nowrap;opacity:var(--o,0);position:absolute;top:0;left:0}.fn-sw>.fn-b{opacity:calc(1 - var(--o,0))}.fn-sw.is-wrap>.fn-a{white-space:normal;width:100%}.fn-sw.is-grow{display:inline-grid}.fn-sw.is-grow>span{white-space:nowrap;grid-area:1/1;position:static}.fn-head{position:relative}.fn-head .fn-title{padding-bottom:calc(30px * var(--fx-bolder) + 10px * var(--fx-typeset));font:600 18px/1.25 var(--ks-font);color:var(--ks-ink);letter-spacing:0;transform:translateX(calc(-1.5px * (1 - var(--fx-polish))));margin:0 0 5px}.fn-head .fn-title .fn-a--typeset{font:300 32px/1 var(--ks-font-display);color:var(--ks-ink);top:-3px}.fn-head .fn-title .fn-a--bolder{font:200 54px/.95 var(--ks-font-display);color:var(--ks-ink);letter-spacing:-.005em;text-transform:uppercase;top:-6px}.fn-head p{max-height:calc(40px * (1 - var(--fx-distill)));opacity:calc(1 - var(--fx-distill));font-size:calc(13px + .5px * var(--fx-typeset));line-height:calc(1.45 + .2 * var(--fx-typeset));color:color-mix(in oklch, var(--ks-text-faint), var(--ks-text-muted) calc(var(--type-on) * 100%));max-width:calc(560px - 100px * var(--fx-typeset));margin:0;overflow:hidden}.fn-form{margin-top:calc(16px + 6px * var(--fx-layout));flex-wrap:wrap;gap:8px;display:flex;position:relative}.fn-fld{height:calc(36px + 8px * var(--fx-adapt));border-radius:calc(8px - 2px * var(--fx-polish));border:1px solid color-mix(in oklch, var(--cc-gray-3), var(--ks-gray-2) calc(var(--fx-quieter) * 100%));color:var(--ks-text-faint);background:var(--ks-paper-raised);white-space:nowrap;align-items:center;padding:0 10px;font-size:13px;display:flex;position:relative;overflow:hidden}.fn-fld--email{flex:1 1 calc(160px + 400px * var(--fx-adapt))}.fn-typed{color:var(--ks-text);opacity:0;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.fn-fld--role{flex:0 1 calc(112px - 112px * var(--fx-distill));min-width:0;padding:0 calc(10px * (1 - var(--fx-distill)));opacity:calc(1 - var(--fx-distill));color:var(--ks-text);justify-content:space-between}.fn-fld--role .fn-a{color:var(--ks-text)}.fn-fld--role .fn-caret{color:var(--ks-text-muted);font-size:10px}.fn-btn{--hov:0;height:calc(36px + 8px * var(--fx-adapt) + 6px * var(--fx-bolder));padding:0 calc(14px + 6px * var(--fx-bolder));border-radius:calc(8px - 2px * var(--fx-polish) - 6px * var(--fx-bolder));font:600 13px/1 var(--ks-font);color:oklch(99% 0 0);white-space:nowrap;background:var(--sub-grad);transform:translateY(calc(2px * (1 - var(--fx-polish)) - 1px * var(--hov)));box-shadow:0 calc(2px * var(--hov)) calc(6px * var(--hov)) oklch(13% 0 0 / calc(.14 * var(--hov)));transition:transform .15s var(--ks-ease), box-shadow .15s var(--ks-ease);justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:visible}.fn[data-fx=animate] .fn-btn:hover{--hov:var(--fx-animate)}.fn-btn:before{content:"";border-radius:inherit;background:color-mix(in oklch, var(--acc), var(--ks-ink) calc(var(--fx-bolder) * 100%));opacity:calc(max(var(--color-on), var(--fx-bolder)));position:absolute;inset:0}.fn-btn:after{content:"";border-radius:inherit;background:var(--ks-paper-raised);box-shadow:inset 0 0 0 1px var(--cc-gray-3);opacity:var(--fx-quieter);position:absolute;inset:0}.fn-btn .fn-sw{z-index:1;color:color-mix(in oklch, oklch(99% 0 0), var(--ks-ink) calc(var(--fx-quieter) * 100%));position:relative}.fn-err{max-height:calc(22px * var(--fx-harden));opacity:var(--fx-harden);margin-top:calc(-8px + 6px * var(--fx-harden));color:var(--sub-err);flex:1 0 100%;font-size:12px;overflow:hidden}.fn-coach{background:var(--ks-ink);color:oklch(96% 0 0);font:500 11px/1.3 var(--ks-font);opacity:var(--fx-onboard);transform:translateY(calc(6px * (1 - var(--fx-onboard))));pointer-events:none;white-space:nowrap;z-index:3;border-radius:5px;padding:5px 9px;position:absolute;top:calc(100% + 10px);left:8px}.fn-coach:after{content:"";background:var(--ks-ink);width:8px;height:8px;position:absolute;top:-4px;left:16px;transform:rotate(45deg)}.fn-list{margin:calc(16px + 6px * var(--fx-layout) + 44px * var(--fx-live)) 0 0;padding:0;list-style:none;position:relative}.fn-li{grid-template-columns:32px minmax(0, 1fr) calc(96px + 20px * var(--fx-layout) - 44px * var(--fx-adapt) - 34px * var(--fx-distill)) calc(70px - 20px * var(--fx-adapt) - 12px * var(--fx-distill));padding:calc(9px + 4px * var(--fx-layout)) 0;border-top:1px solid var(--ks-gray);max-height:calc(64px * (1 - var(--fx-onboard)));opacity:calc(1 - var(--fx-onboard));align-items:center;gap:10px;display:grid;position:relative;overflow:hidden}.fn-li--flaw{border-top-width:calc(2px - 1px * var(--fx-polish))}.fn-av{width:32px;height:32px;font:600 11px/1 var(--ks-font);color:oklch(99% 0 0);background:var(--sub-av-grad);filter:saturate(calc(1 - var(--fx-quieter)));transform:scale(calc(1 + .18 * var(--fx-bolder)));border-radius:50%;place-items:center;display:grid;position:relative}.fn-av span{z-index:2;color:color-mix(in oklch, oklch(99% 0 0), var(--acc) calc(var(--color-on) * 100%));position:relative}.fn-av:before{content:"";background:var(--acc-l);opacity:var(--color-on);border-radius:50%;position:absolute;inset:0}.fn-av:after{content:"";background:linear-gradient(100deg, var(--ks-gray-2) 30%, oklch(97% 0 0) 50%, var(--ks-gray-2) 70%);opacity:calc(var(--is-opt,0) * (1 - var(--fx-optimize)));z-index:1;pointer-events:none;display:var(--skel,none);background-size:200% 100%;border-radius:50%;animation:1.2s linear infinite cc-shimmer;position:absolute;inset:0}@keyframes cc-shimmer{to{background-position:-200% 0}}.fn-nm{gap:1px;min-width:0;display:grid}.fn-nm b{color:var(--ks-ink);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.fn-nm>span{color:color-mix(in oklch, var(--ks-text-faint), var(--ks-text-muted) calc(var(--type-on) * 100%));white-space:nowrap;text-overflow:ellipsis;max-height:calc(18px * (1 - var(--fx-distill)) * (1 - var(--fx-adapt)));opacity:calc((1 - var(--fx-distill)) * (1 - var(--fx-adapt)));font-size:12px;overflow:hidden}.fn-rl{padding:3px calc(8px * (1 - var(--flat-pill)));border-radius:calc(3px + 3px * var(--fx-polish));color:color-mix(in oklch, var(--ks-text-muted), var(--acc) calc(var(--color-on) * 100%));background:color-mix(in oklch, color-mix(in oklch, var(--ks-gray), var(--acc-p) calc(var(--color-on) * 100%)), transparent calc(var(--flat-pill) * 100%));transform:translateY(calc(3px * (1 - var(--fx-layout))));white-space:nowrap;justify-self:start;font-size:12px}.fn-st{align-items:center;gap:calc(6px * (1 - var(--no-dot)));color:color-mix(in oklch, var(--ks-text-faint), var(--ks-text-muted) calc(var(--type-on) * 100%));white-space:nowrap;font-size:12px;display:flex;position:relative}.fn-st i{width:calc(8px * (1 - var(--no-dot)));background:var(--sub-ok);height:8px;filter:saturate(calc(1 - var(--fx-quieter)));opacity:calc(1 - var(--no-dot));border-radius:50%;position:relative}.fn-st i.is-pending{background:var(--cc-gray-3)}.fn-li--ghost{border-top:1px dashed var(--ks-gray-2);max-height:calc(64px * var(--fx-delight));opacity:var(--fx-delight);padding:calc(9px * var(--fx-delight)) 0}.fn-li--ghost .fn-av{border:1px dashed var(--cc-gray-3);color:var(--ks-text-muted);filter:none;background:0 0}.fn-li--ghost .fn-av span{color:var(--ks-text-muted)}.fn-li--ghost .fn-nm{grid-column:2/-1}.fn-li--ghost .fn-nm b{color:var(--ks-text-muted);font-weight:400}.fn-fresh-wrap{grid-template-rows:0fr;list-style:none;display:grid}.fn-fresh-in{min-height:0;overflow:hidden}.fn-li--fresh{opacity:0;border-top:0}.fn-fly{opacity:0;pointer-events:none;z-index:5;color:var(--ks-text);white-space:nowrap;align-items:center;gap:10px;display:flex;position:absolute;top:2px;left:11px}.fn-empty{max-height:calc(130px * var(--fx-onboard));opacity:var(--fx-onboard);margin-top:calc(14px * var(--fx-onboard));text-align:center;color:var(--ks-text-muted);overflow:hidden}.fn-steps{align-items:center;gap:6px;margin-bottom:10px;display:inline-flex}.fn-steps i{background:var(--ks-gray-2);border-radius:2px;width:18px;height:3px}.fn-steps i:first-child{background:var(--ks-ink)}.fn-empty b{color:var(--ks-ink);margin-bottom:2px;font-size:14px;font-weight:500;display:block}.fn-foot{margin-top:calc(12px + 4px * var(--fx-layout));color:color-mix(in oklch, var(--ks-text-faint), var(--ks-text-muted) calc(var(--type-on) * 100%));justify-content:space-between;align-items:baseline;font-size:12px;display:flex}.fn-lnk{color:color-mix(in oklch, color-mix(in oklch, var(--sub-link), var(--acc) calc(var(--color-on) * 100%)), var(--ks-text-muted) calc(var(--fx-quieter) * 100%));text-underline-offset:.15em;white-space:nowrap;opacity:calc(1 - var(--fx-distill));transform:translateY(calc(-2px * (1 - var(--fx-polish))));text-decoration:underline}.fn-lnk .fn-a{left:auto;right:0}.fn-lnk .fn-a--bolder{font:400 15px var(--ks-font-display);color:var(--ks-ink);text-transform:uppercase;letter-spacing:.04em;top:-2px}.fn-pc{font:500 10px/1 var(--ks-mono);letter-spacing:.04em;color:var(--ks-text-muted);background:var(--ks-gray);opacity:var(--pc,0);white-space:nowrap;pointer-events:none;z-index:3;border-radius:3px;padding:3px 5px;position:absolute}.fn .fn-at{min-height:0;color:var(--ks-on-gold);letter-spacing:normal;text-transform:none;opacity:var(--fx-audit);transform:translateY(calc(4px * (1 - var(--fx-audit))));z-index:3;pointer-events:none;border-radius:2px 2px 0 0;padding:5px 7px;font-weight:500;position:absolute;top:-9px;right:-6px}.fn .fn-at--l{left:-6px;right:auto}.fn .fn-fld,.fn .fn-btn,.fn .fn-av,.fn .fn-rl,.fn .fn-head,.fn .fn-list,.fn .fn-foot{outline:1px dashed oklch(13% 0 0 / calc(.55 * var(--fx-shape)));outline-offset:2px}.fn[data-fx=adapt] .fn-btn,.fn[data-fx=adapt] .fn-fld{outline:0}.fn-wn{font:500 10px/1 var(--ks-mono);letter-spacing:.04em;color:var(--ks-ink);background:var(--ks-paper-raised);border:1px solid var(--ks-ink);opacity:var(--fx-shape);white-space:nowrap;pointer-events:none;z-index:3;border-radius:2px;padding:3px 5px;position:absolute}.fn:is([data-fx=live],[data-fx=generate]) .fn-btn{outline:2px solid color-mix(in oklch, transparent, var(--ks-patina-deep) calc(var(--fx-live) * 100%));outline-offset:3px}.fn-lv{background:var(--ks-ink);color:oklch(96% 0 0);font:500 10px/1 var(--ks-mono);letter-spacing:.06em;opacity:var(--fx-live);transform:translateY(calc(6px * (1 - var(--fx-live))));white-space:nowrap;z-index:4;border-radius:5px;align-items:center;gap:8px;padding:5px 8px;display:flex;position:absolute;top:-34px;left:0}.fn-lv i{background:var(--ks-patina);border-radius:50%;width:6px;height:6px}.fn-lv-strip{opacity:var(--fx-live);transform:translateY(calc(-6px * (1 - var(--fx-live))));z-index:4;gap:6px;display:flex;position:absolute;top:calc(100% + 10px);left:auto;right:0}.fn-lv-strip span{height:28px;font:600 11px/28px var(--ks-font);white-space:nowrap;border-radius:6px;padding:0 10px}.fn-lv-strip .fn-v1{background:var(--ks-ink);color:var(--ks-paper-raised)}.fn-lv-strip .fn-v2{background:var(--ks-paper-raised);color:var(--ks-ink);box-shadow:inset 0 0 0 1px var(--ks-ink);position:relative}.fn-lv-strip .fn-v3{background:var(--ks-paper-raised);color:var(--ks-ink);box-shadow:var(--ks-cap-lift);border-radius:14px}.fn-lv-strip .fn-v2:after{content:"accept";font:500 10px/1 var(--ks-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ks-patina-deep);text-align:center;margin-top:3px;position:absolute;top:100%;left:0;right:0}.cc-ov{pointer-events:none;z-index:2;position:absolute}.cc-ov--prompt{opacity:calc(1 - var(--p,0));z-index:5;place-items:center;display:none;inset:0}.cc-ov--prompt.is-on{display:grid}.cc-term{background:var(--ks-instrument-deep);width:560px;max-width:92%;height:44px;color:var(--ks-instrument-text);font:400 13px/44px var(--ks-mono);box-shadow:var(--ks-lift-2);white-space:nowrap;border-radius:8px;align-items:center;gap:10px;padding:0 16px;display:flex;overflow:hidden}.cc-term-g{color:var(--ks-kinpaku)}.cc-term-cur{background:oklch(92% 0 0/.7);flex:none;width:7px;height:16px}.cc-ov--notes{width:118px;opacity:var(--p,0);transform:translateX(calc(8px * (1 - var(--p,0))));gap:10px;display:grid;top:24px;right:22px}.cc-note{font:400 11px/1.3 var(--ks-font);color:var(--ks-text);grid-template-columns:18px 1fr;align-items:start;gap:6px;display:grid}.cc-note i{background:var(--ks-ink);width:18px;height:18px;color:var(--ks-paper-raised);font:600 10px/18px var(--ks-mono);text-align:center;border-radius:50%;font-style:normal}.cc-note i.is-gold{background:var(--ks-kinpaku);color:var(--ks-on-gold)}.cc-score{border-top:1px solid var(--ks-rule);font:500 10px/1.5 var(--ks-mono);letter-spacing:.04em;color:var(--ks-text-muted);margin-top:4px;padding-top:8px}.cc-score b{font:300 34px/1 var(--ks-font-display);color:var(--ks-ink);letter-spacing:0;display:block}.cc-score.is-bare{border:0;margin:0;padding:0}.cc-score .is-small{font-size:22px}.cc-note.is-after{margin-top:6px}.cc-ov--left{width:112px;transform:translateX(calc(-8px * (1 - var(--p,0))));top:24px;left:22px;right:auto}.cc-ov--sheet{background:var(--ks-paper-raised);width:400px;box-shadow:var(--ks-lift-2);opacity:var(--p,0);transform:translateY(calc(30px * (1 - var(--p,0))));font:400 11.5px/1.5 var(--ks-mono);color:var(--ks-text);z-index:5;border-radius:8px;margin-left:-200px;padding:16px 18px 14px;bottom:14px;left:50%}.cc-ov-file{font:500 10px/1 var(--ks-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ks-text-muted);justify-content:space-between;margin-bottom:10px;display:flex}.cc-ov-h{font:600 11.5px var(--ks-mono);color:var(--ks-ink);margin:6px 0 0;display:block}.cc-ov--sheet p{margin:0}.cc-swatches{gap:6px;margin:6px 0 2px;display:flex}.cc-swatches i{width:22px;height:22px;box-shadow:inset 0 0 0 1px var(--ks-rule);border-radius:4px}.cc-ov--side{background:var(--ks-paper-raised);width:150px;box-shadow:var(--ks-lift-1);opacity:var(--p,0);transform:translateX(calc(16px * (1 - var(--p,0))));font:400 10.5px/1.5 var(--ks-mono);color:var(--ks-text);border-radius:8px;padding:12px;top:24px;bottom:50px;right:18px}.cc-ov--side .cc-ov-file{justify-content:flex-start}.cc-ov-t{border-top:1px solid var(--ks-rule);justify-content:space-between;gap:6px;padding:5px 0;display:flex}.cc-ov-t b{color:var(--ks-ink);font-weight:600}.cc-ov-t span{color:var(--ks-text-muted)}.cc-ov--perf{width:560px;font:500 10px/1 var(--ks-mono);letter-spacing:.06em;color:var(--ks-text-muted);opacity:var(--p,0);transform:translateY(calc(8px * (1 - var(--p,0))));grid-template-columns:auto 1fr auto;align-items:center;gap:8px 12px;margin-left:-280px;display:grid;bottom:22px;left:50%}.cc-bar{background:var(--ks-paper-deep);height:6px;box-shadow:var(--ks-track-recess);border-radius:3px;position:relative;overflow:hidden}.cc-bar i{background:var(--ks-ink);width:calc(var(--w0) * 1% - (var(--w0) - var(--w1)) * 1% * var(--p,0));border-radius:3px;position:absolute;top:0;bottom:0;left:0}.cc-ov--perf b{color:var(--ks-ink);font-variant-numeric:tabular-nums;font-weight:600}.cc-ov--hardtag{opacity:var(--p,0);justify-items:start;gap:6px;display:grid;top:24px;left:22px}@media (prefers-reduced-motion:reduce){.cc-ch,.fn{transition-duration:.15s}.fn-av:after{background:var(--ks-gray-2);animation:none}.fn-btn,.cc-key{transition:none}}@media (width<=1300px){.command-console{--cc-x:24px;--cc-readout:340px;--cc-stage:.86;--cc-side-shift:44px}.cc-deck{grid-template-columns:repeat(3,auto);justify-content:space-between;row-gap:26px;display:grid}.cc-ov--perf{width:460px;margin-left:0;left:22px}.cc-ov--sheet{width:380px;margin-left:-190px}}@media (width<=980px){.command-console{--cc-x:20px;--cc-stage:1;--cc-side-shift:0px;border-radius:14px;padding-top:22px}.cc-top{grid-template-columns:minmax(0,1fr);gap:20px}.cc-well{height:calc(var(--cc-window) * var(--cc-fit,1) + 48px)}.cc-stage{width:600px;height:452px;transform:translate(-50%, -50%) scale(var(--cc-fit,1));transform-origin:50%;inset:50% auto auto 50%}.cc-readout{gap:14px}.cc-name{font-size:48px}.cc-patch{flex-wrap:wrap;gap:12px 18px}.cc-deck-help-wide{display:none}.cc-deck-help-scroll{display:inline}.cc-deck{margin:24px calc(-1 * var(--cc-x)) 0;padding:22px var(--cc-x) 12px;-webkit-overflow-scrolling:touch;scroll-padding:0 var(--cc-x);scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--ks-gray-2) transparent;justify-content:flex-start;gap:22px;display:flex;overflow-x:auto}.cc-deck::-webkit-scrollbar{height:4px}.cc-deck::-webkit-scrollbar-thumb{background:var(--ks-gray-2);border-radius:var(--ks-radius-pill)}.cc-g{scroll-snap-align:start;flex:none}}@media (any-pointer:coarse){.cc-intents a,.cc-jack{min-height:var(--ks-control-lg)}}.cc-mobile-findings{display:none}@media (width<=720px){.cc-intents{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.cc-intents a{padding:8px;font-size:13px;line-height:1.4}.command-console .cc-ov[data-cc-ov=critique]{display:none}.command-console:has([data-cc-ui][data-fx=critique]) .cc-mobile-findings{border-block:1px solid var(--ks-rule);gap:10px;margin:0;padding:16px 0 16px 24px;font-size:14px;line-height:1.5;display:grid}}*,:before,:after{box-sizing:border-box}*{margin:0}img,picture,video,canvas,svg{max-width:100%;display:block}button,input,textarea,select{font:inherit}:root{--font-display:var(--ks-font-display);--font-body:var(--ks-font);--font-mono:var(--ks-mono);--spacing-xs:8px;--spacing-sm:16px;--spacing-md:24px;--spacing-lg:32px;--spacing-xl:48px;--spacing-2xl:80px;--spacing-3xl:120px;--width-max:1400px;--width-content:900px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-out-quint:cubic-bezier(.22, 1, .36, 1);--duration-fast:.15s;--duration-base:.3s;--duration-slow:.6s;--duration-slower:.8s;--duration-slowest:1.2s;--color-ink:var(--ks-ink);--color-text:var(--ks-text);--color-paper:var(--ks-paper);--color-cream:var(--ks-paper-raised);--color-charcoal:var(--ks-text);--color-ash:var(--ks-text-muted);--color-mist:var(--ks-rule);--color-bg:var(--ks-paper-raised);--color-accent:var(--ks-kinpaku);--color-accent-hover:var(--ks-kinpaku-vivid);--color-accent-dim:oklch(77% .13 82/.14);--color-accent-soft:oklch(77% .13 82/.24);--cat-create-bg:var(--ks-paper-raised);--cat-create-border:var(--ks-kinpaku-deep);--cat-create-text:var(--ks-text-muted);--cat-evaluate-bg:var(--ks-paper-raised);--cat-evaluate-border:var(--ks-patina);--cat-evaluate-text:var(--ks-text-muted);--cat-refine-bg:var(--ks-paper-raised);--cat-refine-border:var(--ks-kinpaku-rich);--cat-refine-text:var(--ks-text-muted);--cat-simplify-bg:var(--ks-paper-raised);--cat-simplify-border:var(--ks-kinpaku-deep);--cat-simplify-text:var(--ks-text-muted);--cat-harden-bg:var(--ks-paper-raised);--cat-harden-border:var(--ks-patina-deep);--cat-harden-text:var(--ks-text-muted);--cat-system-bg:var(--ks-paper-raised);--cat-system-border:var(--ks-edge);--cat-system-text:var(--ks-text-muted)}.split-container:before{content:"";background-image:linear-gradient(var(--color-mist) 1px, transparent 1px), linear-gradient(90deg, var(--color-mist) 1px, transparent 1px);opacity:.3;pointer-events:none;background-size:20px 20px;position:absolute;inset:0}@keyframes splitEntry{0%{opacity:0;transform:translate(-50%)skew(-10deg)scaleY(.8)}to{opacity:1;transform:translate(-50%)skew(-10deg)scaleY(1)}}.split-divider{animation:splitEntry .6s var(--ease-out) .3s backwards}.why-section{padding:var(--ks-section-pad) 0;border-top:1px solid var(--color-mist)}.why-layout{gap:var(--spacing-xl);grid-template-columns:minmax(240px,300px) 1fr;align-items:start;display:grid}.why-tabs{flex-direction:column;gap:0;margin:0;padding:0;list-style:none;display:flex}.why-tabs li+li{border-top:1px solid var(--color-mist)}.why-tab{gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-sm) var(--spacing-sm) 0;padding-left:var(--spacing-sm);cursor:pointer;text-align:left;font-family:var(--font-body);color:var(--color-ash);transition:color .18s var(--ease-out), border-color .18s var(--ease-out), background .18s var(--ease-out);background:0 0;border:0;border-left:2px solid #0000;grid-template-columns:40px 1fr;align-items:baseline;display:grid}.why-tab:hover,.why-tab.is-active{color:var(--color-ink)}.why-tab:focus-visible{outline:2px solid var(--ks-patina);outline-offset:2px}.why-panel,.why-panel[hidden]{opacity:0;visibility:hidden;min-width:0;transition:opacity .65s var(--ease-out), transform .8s var(--ease-out), visibility 0s linear .65s;pointer-events:none;grid-area:stack;display:block;transform:translateY(8px)}.why-panel-title,.why-panel-body,.why-panel-meta{max-width:60ch}.why-panel.is-active{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .65s var(--ease-out), transform .8s var(--ease-out), visibility 0s linear 0s;transform:translateY(0)}.why-panel-title{font-family:var(--font-display);color:var(--color-ink);margin:0 0 var(--spacing-md);letter-spacing:-.01em;font-size:clamp(1.75rem,3vw,2.5rem);font-style:italic;font-weight:400;line-height:1.1}.why-panel-body{font-family:var(--font-body);color:var(--color-charcoal);margin:0 0 var(--spacing-md);font-size:1rem;line-height:1.65}.why-panel-body em{color:var(--color-ink);font-style:italic;font-weight:500}.why-panel-body a{color:var(--ks-ink);text-underline-offset:3px;text-decoration:underline;text-decoration-color:var(--ks-link-on-paper-line)}.why-panel-body a:hover{color:var(--ks-link-on-paper-hover);text-decoration-color:var(--ks-link-on-paper-hover)}.why-panel-body code{font-family:var(--font-mono);background:var(--ks-gray);border-radius:var(--ks-code-radius);color:var(--ks-ink);padding:.1em .4em;font-size:.85em}.why-panel-meta{font-family:var(--font-mono);letter-spacing:.05em;color:var(--color-ash);margin:var(--spacing-md) 0 0;font-size:.75rem}.why-panel-meta code{font-family:var(--font-mono);color:var(--color-charcoal);font-size:.875em}.why-panel-meta a{color:var(--ks-ink);text-underline-offset:3px;text-decoration:underline;text-decoration-color:var(--ks-link-on-paper-line)}.why-panel-meta a:hover{color:var(--ks-link-on-paper-hover)}@media (prefers-reduced-motion:reduce){.why-panel,.why-panel.is-active{transition:none;transform:none}}@media (width<=900px){.why-layout{gap:var(--spacing-md);grid-template-columns:minmax(0,1fr)}.why-tabs{scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;width:100%;min-width:0;padding:0 var(--spacing-sm);flex-flow:row;gap:4px;overflow-x:auto}.why-tabs::-webkit-scrollbar{display:none}.why-tabs li+li{border-top:0}.why-tab{border-radius:var(--ks-radius-pill);scroll-snap-align:center;white-space:nowrap;border:0;grid-template-columns:none;align-items:center;gap:6px;width:auto;padding:7px 12px;display:inline-flex}.why-tab.is-active{background:var(--color-ink);color:var(--color-paper)}}.why-tab{position:relative}.why-visual{margin-bottom:var(--spacing-md);background:0 0;border:0;align-items:stretch;min-height:0;padding:0;display:flex;position:relative;overflow:hidden}.why-visual--terminal{background:0 0;border:0;padding:0}.why-terminal{flex-direction:column;width:100%;display:flex}.why-terminal-header{border-bottom:1px solid var(--ks-instrument-rule);background:var(--ks-instrument);align-items:center;gap:6px;padding:10px 14px;display:flex}.why-terminal-dot{background:var(--ks-instrument-raised);border-radius:50%;width:10px;height:10px}.why-terminal-title{font-family:var(--font-mono);color:var(--ks-instrument-muted);margin-left:10px;font-size:11px}.why-terminal-body{font-family:var(--font-mono);color:var(--ks-instrument-text);scrollbar-width:none;padding:14px;font-size:12px;line-height:1.7;overflow-x:auto}.why-terminal-body::-webkit-scrollbar{display:none}.why-terminal-line{white-space:pre}.why-terminal-line--prompt{color:var(--ks-instrument-text)}.why-terminal-prompt{color:var(--ks-patina);margin-right:4px}.why-terminal-ok{color:var(--ks-patina)}.why-terminal-arrow{color:var(--ks-kinpaku)}.why-terminal-line--hint{color:var(--ks-instrument-text);margin-top:6px}@media (width<=700px){.why-visual{min-height:200px}}.why-terminal-path{color:var(--ks-patina)}.why-terminal-meta{color:var(--ks-instrument-muted);font-size:.9em}.why-visual--designmd-v2{background:0 0;flex-direction:column;gap:12px;padding:0}.why-dm-header{justify-content:space-between;align-items:center;padding:0 2px;display:flex}.why-dm-filename{font-family:var(--font-mono);color:var(--color-ink);font-size:11px;font-weight:500}.why-dm-badge{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--ks-text-muted);font-size:9px}.why-dm-grid{flex:1;grid-template-rows:1fr 1fr;grid-template-columns:1.1fr 1fr 1fr;gap:8px;min-height:0;display:grid}.why-dm-tile{background:var(--ks-paper-raised);border:1px solid var(--ks-rule);border-radius:var(--ks-radius-sm);flex-direction:column;gap:8px;min-width:0;padding:10px;display:flex;overflow:hidden}.why-dm-tile-meta{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ks-text-muted);justify-content:space-between;gap:10px;font-size:9px;display:flex}.why-dm-tile--color{grid-row:1/3}.why-dm-color-hero{background:var(--c);border-radius:var(--ks-radius-sm);flex:1;min-height:40px}.why-dm-color-ramp{grid-template-columns:repeat(8,1fr);gap:2px;height:16px;display:grid}.why-dm-color-ramp span{border-radius:2px}.why-dm-tile--type{align-items:flex-start}.why-dm-type-specimen{font-family:var(--font-display);color:var(--color-ink);flex:1;align-items:center;font-size:48px;font-style:italic;line-height:.9;display:flex}.why-dm-type-specimen--sans{font-family:var(--font-body);font-style:normal;font-weight:400}.why-dm-type-family{font-family:var(--font-mono);color:var(--color-charcoal);font-size:10px}.why-dm-tile--components{justify-content:space-between}.why-dm-comp-row{gap:6px;display:flex}.why-dm-comp-chip{font-family:var(--font-body);background:var(--color-paper);border:1px solid var(--color-mist);color:var(--color-ink);border-radius:3px;padding:5px 10px;font-size:10px;font-weight:500}.why-dm-comp-chip--primary{background:var(--color-ink);color:var(--color-paper);border-color:var(--color-ink)}.why-dm-comp-input{font-family:var(--font-body);background:var(--color-paper);border:1px solid var(--color-mist);border-radius:var(--ks-radius-sm);color:var(--color-ash);padding:6px 10px;font-size:11px}.why-dm-foot{font-family:var(--font-display);color:var(--ks-text-muted);padding:0 2px;font-size:13px;font-style:italic}@media (width<=700px){.why-dm-grid{grid-template-columns:1fr 1fr}.why-dm-tile--color{grid-row:1/3}}.live-demo{gap:var(--spacing-xl);margin-bottom:var(--spacing-xl);grid-template-columns:minmax(0,1fr) minmax(260px,340px);align-items:start;display:grid}.live-demo-frame-col{gap:var(--spacing-md);flex-direction:column;min-width:0;display:flex}@media (width<=920px){.live-demo{grid-template-columns:1fr}}.live-demo-frame{background:var(--ks-paper-raised);border:1px solid var(--ks-rule);border-radius:var(--ks-radius-md);aspect-ratio:16/9;max-width:960px;box-shadow:var(--ks-lift-2);user-select:none;position:relative;overflow:hidden}.live-demo-chrome{border-bottom:1px solid var(--ks-rule);background:var(--ks-paper-deep);align-items:center;gap:7px;padding:10px 14px;display:flex}.live-demo-dot{background:var(--ks-gray-2);border-radius:50%;width:10px;height:10px}.live-demo-url{background:var(--ks-paper-raised);border:1px solid var(--ks-rule);border-radius:var(--ks-radius-sm);font-family:var(--ks-mono);font-size:var(--ks-type-micro-size);color:var(--ks-text-muted);margin-left:14px;padding:4px 14px}.live-demo-stage{justify-content:center;align-items:center;height:calc(100% - 102px);padding:32px;display:flex;position:relative;overflow:hidden}.live-demo-target{z-index:1;width:min(360px,80%);min-height:200px;position:relative}.live-demo-variant{opacity:0;transition:opacity .28s var(--ease-out), transform .28s var(--ease-out);pointer-events:none;position:absolute;inset:0;transform:translateY(8px)scale(.99)}.live-demo-variant.is-active{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.live-demo-card{background:var(--ks-paper-raised);border:1px solid var(--ks-rule);box-sizing:border-box;border-radius:8px;flex-direction:column;gap:10px;height:100%;padding:22px 24px;display:flex}.live-demo-card-kicker{font-family:var(--ks-mono);font-size:var(--ks-type-micro-size);letter-spacing:.18em;text-transform:uppercase;color:var(--ks-text-muted)}.live-demo-card .live-demo-card-h{font-family:var(--ks-font);font-weight:500;font-size:var(--ks-type-subhead-size);letter-spacing:-.01em;color:var(--ks-ink);margin:0;line-height:1.2}.live-demo-card p{font-family:var(--ks-font);font-size:var(--ks-type-ui-size);color:var(--ks-text);margin:0;line-height:1.5}.live-demo-card button{font-family:var(--ks-font);font-weight:500;font-size:var(--ks-type-label-size);letter-spacing:.06em;text-transform:uppercase;background:var(--ks-ink);color:var(--ks-paper-raised);cursor:pointer;border:0;border-radius:0;align-self:flex-start;margin-top:auto;padding:9px 16px}.live-demo-card--v1{background:var(--ks-paper);box-shadow:inset 0 2px 0 var(--ks-ink);border:0;border-radius:0;gap:6px;padding:18px 22px}.live-demo-card--v1 .live-demo-card-kicker{color:var(--ks-accent-ink);letter-spacing:var(--ks-type-eyebrow-track)}.live-demo-card--v1 .live-demo-card-h{font-weight:400;font-size:var(--ks-type-headline-size);letter-spacing:-.02em;margin-top:4px;line-height:1.05}.live-demo-card--v1 .live-demo-card-h em{color:var(--ks-accent-ink);font-style:italic}.live-demo-card--v1 p{font-size:var(--ks-type-small-size);color:var(--ks-text-muted);line-height:1.55}.live-demo-card--v1 button{color:var(--ks-ink);border:0;border-bottom:1.5px solid var(--ks-ink);letter-spacing:.08em;background:0 0;border-radius:0;margin-top:6px;padding:4px 0}.live-demo-card--v2{background:var(--ks-ink);color:var(--ks-instrument-text);border:0;border-radius:0;gap:8px;padding:20px 24px;position:relative;overflow:hidden}.live-demo-card--v2:before{content:"";background:var(--ks-kinpaku);width:6px;position:absolute;top:0;bottom:0;left:0}.live-demo-card-stamp{font-size:var(--ks-type-headline-size);color:var(--ks-accent-ink);line-height:1;position:absolute;top:14px;right:18px;transform:rotate(-8deg)}.live-demo-card--v2 .live-demo-card-kicker{color:var(--ks-instrument-muted);letter-spacing:.3em;font-weight:600}.live-demo-card--v2 .live-demo-card-h{font-weight:700;font-size:var(--ks-type-title-lg-size);color:var(--ks-instrument-text);letter-spacing:-.02em;line-height:1.1}.live-demo-card--v2 button{font-family:var(--ks-mono);background:var(--ks-kinpaku);color:var(--ks-on-gold);letter-spacing:.04em;text-transform:none;font-weight:500;font-size:var(--ks-type-label-size);border:0;border-radius:0;margin-top:6px;padding:9px 14px}.live-demo-card--v3{background:color-mix(in oklch, var(--ks-patina-pale) 30%, var(--ks-paper-raised));border:1px dashed var(--ks-patina-deep);border-radius:var(--ks-radius-md);gap:8px;padding:22px 24px 20px;position:relative}.live-demo-card-sticker{color:var(--ks-patina-deep);font-size:var(--ks-type-small-size);gap:3px;line-height:1;display:flex;position:absolute;top:10px;right:14px;transform:rotate(6deg)}.live-demo-card--v3 .live-demo-card-kicker{font-family:var(--ks-font);font-style:italic;font-weight:400;font-size:var(--ks-type-ui-size);letter-spacing:.04em;color:var(--ks-patina-deep);text-transform:none}.live-demo-card--v3 .live-demo-card-h{font-weight:500;font-size:var(--ks-type-subhead-size);line-height:1.2}.live-demo-card--v3 button{background:var(--ks-ink);color:var(--ks-paper-raised);letter-spacing:.06em;text-transform:none;font-weight:500;font-size:var(--ks-type-label-size);border:0;border-radius:999px;align-items:center;gap:6px;margin-top:6px;padding:10px 18px;display:inline-flex}.live-demo-outline{border:2px solid var(--ks-patina-deep);pointer-events:none;opacity:0;transition:opacity .2s var(--ease-out);border-radius:8px;position:absolute;box-shadow:0 0 0 4px oklch(46% .08 188/.14)}.live-demo-outline.is-visible{opacity:1}.live-demo-annotations{z-index:2;pointer-events:none;opacity:0;transition:opacity .28s var(--ease-out);color:var(--ks-patina-deep);position:absolute;inset:0}.live-demo-annotations.is-visible{opacity:1}.live-demo-stroke{pointer-events:none;width:280px;height:56px;position:absolute;top:50%;left:50%;transform:translate(-50%,-24px)}.live-demo-stroke path{stroke-dasharray:1;stroke-dashoffset:1px}.live-demo-annotations.is-visible .live-demo-stroke path{animation:liveDemoStroke .8s var(--ease-out) forwards}@keyframes liveDemoStroke{to{stroke-dashoffset:0}}.live-demo-comment{background:var(--ks-instrument);color:var(--ks-instrument-text);font-family:var(--ks-mono);font-size:var(--ks-type-micro-size);border-radius:var(--ks-radius-sm);white-space:nowrap;opacity:0;transition:opacity .2s var(--ease-out);padding:5px 10px;position:absolute;top:56%;left:50%;transform:translate(-50%)}.live-demo-annotations.is-note-visible .live-demo-comment{opacity:1}.live-demo-cursor{pointer-events:none;opacity:0;width:18px;height:22px;transition:opacity .2s var(--ease-out), transform .56s var(--ease-out-quint);z-index:5;filter:drop-shadow(0 2px 4px oklch(0% 0 0/.2));position:absolute;top:0;left:0;transform:translate(0)}.live-demo-cursor.is-visible{opacity:1}.live-demo-cursor.is-click svg path{transform-origin:4px 4px;animation:liveDemoCursorClick .22s var(--ease-out)}@keyframes liveDemoCursorClick{0%,to{transform:scale(1)}40%{transform:scale(.78)}}.live-demo-gbar{box-sizing:border-box;background:var(--ks-instrument);width:max-content;max-width:calc(100% - 24px);min-height:36px;color:var(--ks-instrument-text);border:1px solid var(--ks-instrument-deep);border-radius:var(--ks-radius-md);font-family:var(--ks-font);font-size:var(--ks-type-label-size);box-shadow:inset 0 1px 0 var(--ks-instrument-rule), var(--ks-lift-2);z-index:4;align-items:stretch;gap:0;padding:0;line-height:1;display:flex;position:absolute;bottom:14px;left:50%;overflow:hidden;transform:translate(-50%)}.live-demo-gbar-brand{color:var(--ks-kinpaku);flex-shrink:0;justify-content:center;align-self:stretch;align-items:center;padding:0 6px 0 14px;display:inline-flex}.live-demo-gbar-brand-mark{display:block}.live-demo-gbar-inner{flex:none;align-items:center;gap:2px;padding:4px 6px 4px 2px;display:flex}.live-demo-gbar-btn{box-sizing:border-box;border-radius:var(--ks-radius-md);min-width:30px;color:var(--ks-instrument-muted);font:inherit;font-size:var(--ks-type-micro-size);white-space:nowrap;cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;padding:6px 8px;font-weight:500;line-height:1;transition:background .15s,color .15s;display:inline-flex;position:relative;overflow:hidden}.live-demo-gbar-btn svg{flex:0 0 14px;width:14px;height:14px}.live-demo-gbar-btn-label{opacity:0;max-width:0;margin-left:0;transition:opacity .2s;display:inline-block;overflow:hidden}.live-demo-gbar-btn-label--mono{font-family:var(--ks-mono)}.live-demo-gbar:hover .live-demo-gbar-btn:not(.is-active) .live-demo-gbar-btn-label,.live-demo-gbar-btn.is-active .live-demo-gbar-btn-label{opacity:1;max-width:120px;margin-left:6px}.live-demo-gbar-btn.is-active{background:var(--ks-instrument-raised);color:var(--ks-instrument-text);box-shadow:inset 0 1px 0 var(--ks-instrument-edge)}.live-demo-gbar-btn.is-active>svg{color:var(--ks-kinpaku)}.live-demo-gbar-dmd{width:14px;height:14px;box-shadow:inset 0 0 0 1px var(--ks-instrument-rule);border-radius:3px;flex-shrink:0;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;display:inline-grid;overflow:hidden}.live-demo-gbar-dmd span:first-child{background:var(--ks-kinpaku)}.live-demo-gbar-dmd span:nth-child(2){background:var(--ks-patina)}.live-demo-gbar-dmd span:nth-child(3){background:var(--ks-instrument-text)}.live-demo-gbar-dmd span:nth-child(4){background:var(--ks-instrument-raised)}.live-demo-gbar-x{box-sizing:border-box;border-radius:var(--ks-radius-md);width:24px;height:24px;color:var(--ks-instrument-muted);cursor:pointer;background:0 0;border:0;flex:0 0 24px;justify-content:center;align-self:center;align-items:center;padding:0;font-size:0;line-height:0;transition:color .12s,background .12s;display:inline-flex}.live-demo-gbar-x:hover{color:var(--ks-instrument-text)}.live-demo-ctx{background:var(--ks-instrument);border:1px solid var(--ks-instrument-deep);border-radius:var(--ks-radius-md);box-shadow:inset 0 1px 0 var(--ks-instrument-rule), var(--ks-lift-2);font-family:var(--ks-font);font-size:var(--ks-type-label-size);color:var(--ks-instrument-text);opacity:0;transition:opacity .26s var(--ease-out), transform .26s var(--ease-out);z-index:3;max-width:90%;padding:6px;display:none;position:absolute;left:50%;transform:translate(-50%,6px)}.live-demo-ctx[data-phase=configuring],.live-demo-ctx[data-phase=generating],.live-demo-ctx[data-phase=cycling],.live-demo-ctx[data-phase=accepted]{opacity:1;display:block;transform:translate(-50%)}.live-demo-ctx-row{align-items:center;gap:4px;display:none}.live-demo-ctx[data-phase=configuring] .live-demo-ctx-row--configure,.live-demo-ctx[data-phase=generating] .live-demo-ctx-row--generating,.live-demo-ctx[data-phase=cycling] .live-demo-ctx-row--cycling,.live-demo-ctx[data-phase=accepted] .live-demo-ctx-row--accepted{display:flex}.live-demo-ctx[data-phase=configuring]{padding:0;overflow:visible}.live-demo-ctx-row--configure{width:100%;min-height:36px}.live-demo-ctx-command{background:0 0;border:0;flex:1;align-items:center;min-width:180px;height:36px;padding:0 6px 0 7px;display:flex;overflow:hidden}.live-demo-ctx-trailing{border-left:1px solid var(--ks-instrument-rule);flex-shrink:0;align-items:stretch;display:inline-flex}.live-demo-ctx-modifiers{flex-shrink:0;align-items:center;gap:8px;padding:0 10px;display:inline-flex}.live-demo-ctx-selection{box-sizing:border-box;min-width:28px;height:auto;color:var(--ks-instrument-text);border:1px solid var(--ks-kinpaku);border-radius:var(--ks-radius-md);font-family:var(--ks-mono);font-size:var(--ks-type-label-size);cursor:pointer;white-space:nowrap;background:0 0;flex-shrink:0;justify-content:center;align-items:center;gap:2px;padding:1px 4px;font-weight:600;line-height:18px;transition:background .15s,color .15s;display:inline-flex}.live-demo-ctx-selection:hover{background:var(--ks-instrument-raised)}.live-demo-ctx-action,.live-demo-ctx-count{box-sizing:border-box;height:18px;color:var(--ks-instrument-muted);font-family:var(--ks-font);font-size:var(--ks-type-label-size);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;gap:2px;padding:0;font-weight:500;line-height:18px;transition:color .12s;display:inline-flex}.live-demo-ctx-count{font-family:var(--ks-mono);font-weight:600}.live-demo-ctx-action:hover,.live-demo-ctx-count:hover{color:var(--ks-instrument-text)}.live-demo-ctx-action-caret{font-size:var(--ks-type-micro-size);color:inherit;margin-left:2px}.live-demo-ctx-input{min-width:0;height:18px;font-family:var(--ks-font);font-size:var(--ks-type-label-size);color:var(--ks-instrument-text);background:0 0;border:0;flex:1;align-items:center;gap:6px;padding:0;font-weight:500;line-height:18px;display:inline-flex}.live-demo-ctx-actions{border-left:1px solid var(--ks-instrument-rule);flex-shrink:0;align-items:stretch;display:inline-flex}.live-demo-ctx-voice{width:36px;height:36px;color:var(--ks-instrument-muted);box-shadow:inset -1px 0 0 var(--ks-instrument-rule);cursor:pointer;background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.live-demo-ctx-caret{background:var(--ks-instrument-text);width:1px;height:13px;margin-left:2px;animation:1s step-end infinite liveDemoCaret;display:inline-block}@keyframes liveDemoCaret{50%{opacity:0}}.live-demo-ctx-go{box-sizing:border-box;background:var(--ks-kinpaku);width:36px;height:36px;color:var(--ks-on-gold);font-family:var(--ks-font);cursor:pointer;white-space:nowrap;border:0;border-radius:0 9px 9px 0;justify-content:center;align-items:center;padding:0;font-size:0;line-height:0;display:inline-flex}.live-demo-ctx-row--generating{font-family:var(--ks-font);font-size:var(--ks-type-label-size);color:var(--ks-instrument-text);gap:10px;padding:4px 12px 4px 6px}.live-demo-ctx-spinner{border:1.5px solid var(--ks-instrument-rule);border-top-color:var(--ks-kinpaku);border-radius:50%;width:14px;height:14px;animation:.7s linear infinite liveDemoSpin}@keyframes liveDemoSpin{to{transform:rotate(360deg)}}.live-demo-ctx-row--cycling{gap:2px;padding:2px}.live-demo-ctx-nav{border-radius:var(--ks-radius-sm);color:var(--ks-instrument-muted);font-size:var(--ks-type-small-size);cursor:pointer;background:0 0;border:0;padding:4px 10px}.live-demo-ctx-nav:hover{color:var(--ks-instrument-text)}.live-demo-ctx-counter{font-family:var(--ks-mono);font-size:var(--ks-type-micro-size);color:var(--ks-instrument-text);text-align:center;min-width:40px;padding:0 6px}.live-demo-ctx-divider{background:var(--ks-instrument-rule);width:1px;height:18px;margin:0 4px}.live-demo-ctx-discard{border-radius:var(--ks-radius-sm);color:var(--ks-instrument-muted);font-size:var(--ks-type-ui-size);cursor:pointer;background:0 0;border:0;padding:4px 10px}.live-demo-ctx-discard:hover{color:var(--ks-instrument-text)}.live-demo-ctx-accept{background:var(--ks-kinpaku);color:var(--ks-on-gold);border-radius:var(--ks-radius-md);font-family:var(--ks-font);font-size:var(--ks-type-label-size);cursor:pointer;border:0;padding:5px 14px;font-weight:600}.live-demo-ctx-row--accepted{font-family:var(--ks-font);font-size:var(--ks-type-label-size);color:var(--ks-instrument-text);gap:8px;padding:6px 14px}.live-demo-ctx-row--accepted svg{color:var(--ks-kinpaku)}@media (width<=760px){.live-demo-frame{aspect-ratio:4/5}.live-demo-target{width:90%}}@media (prefers-reduced-motion:reduce){.live-demo-cursor,.live-demo-outline,.live-demo-ctx,.live-demo-ctx-caret,.live-demo-ctx-spinner,.live-demo-variant,.live-demo-annotations,.live-demo-stroke path{transition:none!important;animation:none!important}}.live-demo-skeleton{opacity:.5;pointer-events:none;flex-direction:column;gap:14px;display:flex;position:absolute;inset:24px}.live-demo-skel-nav{border-bottom:1px solid var(--ks-rule);align-items:center;gap:10px;padding-bottom:12px;display:flex}.live-demo-skel-logo{border-radius:var(--ks-radius-sm);background:var(--ks-gray-2);width:22px;height:22px}.live-demo-skel-link{background:var(--ks-gray);border-radius:2px;width:48px;height:8px}.live-demo-skel-cta{border-radius:var(--ks-radius-sm);background:var(--ks-gray-2);width:72px;height:24px;margin-left:auto}.live-demo-skel-heading{background:var(--ks-gray);border-radius:3px;width:60%;height:18px;margin-top:20px}.live-demo-skel-line{background:var(--ks-gray);border-radius:2px;height:8px}.live-demo-skel-line--short{width:40%}.skip-link{z-index:10000;padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-ink);color:var(--color-paper);border-radius:0 0 8px 8px;font-weight:600;text-decoration:none;transition:top .2s;position:absolute;top:-100%;left:50%;transform:translate(-50%)}.skip-link:focus{outline:2px solid var(--ks-focus-ring);outline-offset:2px;top:0}.section-nav{bottom:var(--spacing-md);z-index:100;background:color-mix(in oklch, var(--ks-paper-raised) 85%, transparent);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-mist);border-radius:var(--ks-radius-pill);opacity:0;pointer-events:none;transition:opacity .4s var(--ease-out), transform .4s var(--ease-out);align-items:center;gap:2px;padding:4px;display:flex;position:fixed;left:50%;transform:translate(-50%)translateY(20px);box-shadow:0 4px 24px -4px #0000001f,0 1px 3px #0000000f}.section-nav.is-visible{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}.section-nav-item{border-radius:var(--ks-radius-pill);align-items:center;gap:4px;padding:8px 12px;text-decoration:none;transition:background .2s,color .2s;display:flex}.section-nav-item:hover{background:var(--color-mist);text-decoration:none}.section-nav-item.is-active{background:var(--color-ink)}@media (width<=700px){.section-nav-item{padding:8px 10px}}@media (width<=400px){.section-nav-item{padding:8px}}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;overflow-x:clip}body{font-family:var(--font-body);color:var(--color-text);background:var(--color-paper);min-height:100dvh;font-size:16px;line-height:1.625;overflow-x:clip}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-ink);font-weight:400;line-height:1.1}a{color:var(--ks-link-on-paper);text-underline-offset:2px;transition:color var(--duration-fast) var(--ease-out), text-decoration-color var(--duration-fast) var(--ease-out);text-decoration:underline 1px}a:hover{color:var(--ks-link-on-paper-hover);text-decoration-thickness:2px}.btn,.footer-logo,[class*=nav-item]{text-decoration:none}strong{color:var(--color-ink);font-weight:600}code{font-family:var(--font-mono);padding:var(--ks-code-pad);background:var(--ks-code-bg);color:var(--ks-code-fg);border-radius:var(--ks-code-radius);font-size:.9em}::selection{background:var(--ks-patina);color:var(--ks-paper-raised)}.site-content{max-width:var(--width-max);padding:0 var(--spacing-lg);margin:0 auto}@media (width<=768px){.site-content{padding:0 var(--spacing-md)}}.section-header{margin-bottom:var(--spacing-lg);position:relative}.section-title{margin:0;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:400;line-height:1.2}.cheatsheet-link{color:var(--ks-link-on-paper);font-size:var(--ks-type-small-size);margin-left:.5em;text-decoration:none}.cheatsheet-link:hover{text-decoration:underline}.section-lead{color:var(--color-charcoal);max-width:55ch;margin-bottom:var(--spacing-lg);font-size:1rem;line-height:1.6}.github-stars{font-family:var(--font-mono);color:var(--color-ash);font-size:.75rem;font-weight:500;transition:color .2s}.split-comparison{width:100%;max-width:600px;margin:-20px auto;padding:20px;position:relative}.split-container{border-radius:var(--ks-radius-md);background:var(--color-cream);border:1px solid var(--color-mist);cursor:ew-resize;user-select:none;width:100%;max-width:500px;height:380px;margin:0 auto;position:relative;overflow:hidden}.split-before,.split-after{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.split-before{z-index:1}.split-content{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.split-after{clip-path:polygon(58% 0%,100% 0%,100% 100%,42% 100%);z-index:2;background:var(--color-paper)}.split-divider{background:var(--ks-patina);pointer-events:none;z-index:3;width:1px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)skew(-10deg)}@media (width<=768px){.split-comparison{margin-top:-8px;margin-bottom:-8px;padding:8px}}.foundation-grid{align-items:flex-end;gap:var(--spacing-sm);height:600px;margin-top:-80px;display:flex;position:relative}.foundation-column{cursor:pointer;flex-direction:column;flex:1;justify-content:flex-end;min-width:0;height:100%;display:flex}.foundation-card{padding:var(--spacing-md);background:var(--ks-paper-raised);border:1px solid var(--color-bg);border-radius:var(--ks-radius-md);height:280px;margin-bottom:var(--spacing-xs);transition:transform var(--duration-slow) var(--ease-out-quint), border-color var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out);z-index:2;box-sizing:border-box;flex-direction:column;display:flex;position:relative}.foundation-column:hover .foundation-card{border-color:var(--ks-patina);box-shadow:var(--ks-lift-2);transform:translateY(-12px)}.foundation-plinth{background:repeating-linear-gradient(45deg, var(--color-bg), var(--color-bg) 2px, transparent 2px, transparent 10px);border:1px solid var(--color-mist);width:100%;transition:all var(--duration-base) var(--ease-out);border-bottom:none;border-radius:8px 8px 0 0}.foundation-column:hover .foundation-plinth{background:var(--color-mist);opacity:.7}.plinth-1{height:4%}.plinth-2{height:12%}.plinth-3{height:20%}.plinth-4{height:28%}.plinth-5{height:36%}.plinth-6{height:44%}.plinth-7{height:52%}.foundation-card-viz{height:52px;color:var(--color-ink);margin-bottom:var(--spacing-md);justify-content:flex-start;align-items:center;display:flex}.foundation-card-header{align-items:baseline;gap:var(--spacing-xs);margin-bottom:8px;padding-bottom:.08em;display:flex;overflow:visible}.foundation-card-label{font-family:var(--font-display);font-size:var(--ks-type-lead-size);color:var(--color-ink);line-height:1.16}.foundation-card-count{font-family:var(--font-mono);font-size:var(--ks-type-micro-size);color:var(--ks-accent-ink);flex-shrink:0}.foundation-card-detail{font-size:var(--ks-type-small-size);color:var(--color-ash);margin:auto 0 0;line-height:1.4}.foundation-svg{width:44px;height:44px}.anim-draw{stroke-dasharray:100;stroke-dashoffset:100px;animation:4s ease-in-out infinite draw-breathe}.foundation-column:hover .anim-draw{animation:draw-in .8s var(--ease-out) forwards}.anim-draw-delay{stroke-dasharray:100;stroke-dashoffset:100px}.foundation-column:hover .anim-draw-delay{animation:draw-in 1s var(--ease-out) .2s forwards}@keyframes draw-breathe{0%,to{stroke-dashoffset:100px}50%{stroke-dashoffset:40px}}@keyframes draw-in{0%{stroke-dashoffset:100px}to{stroke-dashoffset:0}}.anim-move-x{animation:3s ease-in-out infinite pulse-x}.foundation-column:hover .anim-move-x{animation:spread-x .6s var(--ease-in-out) forwards}.anim-move-x-opp{animation:3s ease-in-out infinite pulse-x-opp}.foundation-column:hover .anim-move-x-opp{animation:spread-x-opp .6s var(--ease-in-out) forwards}.anim-fade-in{opacity:0;transition:opacity .6s var(--ease-in-out)}.foundation-column:hover .anim-fade-in{opacity:1}@keyframes pulse-x{0%,to{transform:translate(0)}50%{transform:translate(1.5px)}}@keyframes pulse-x-opp{0%,to{transform:translate(0)}50%{transform:translate(-1.5px)}}@keyframes spread-x{0%{transform:translate(0)}to{transform:translate(4px)}}@keyframes spread-x-opp{0%{transform:translate(0)}to{transform:translate(-4px)}}.anim-res-frame,.anim-res-img,.anim-res-title,.anim-res-line-1,.anim-res-line-2{transform-box:fill-box;transform-origin:50%;transition:transform .4s var(--ease-in-out);transition-delay:0s}.foundation-column:hover .anim-res-frame{transition-delay:0s;transform:scaleX(.57)scaleY(1.17)}.foundation-column:hover .anim-res-img{transition-delay:50ms;transform:translate(6px,-4px)scale(.65)}.foundation-column:hover .anim-res-title{transition-delay:.1s;transform:translate(-7px,6px)scaleX(.65)}.foundation-column:hover .anim-res-line-1{transition-delay:.15s;transform:translate(-7px,4.75px)scaleX(.65)}.foundation-column:hover .anim-res-line-2{transition-delay:.2s;transform:translate(-6px,4.25px)scaleX(.6)}.anim-toggle-move{animation:3s ease-in-out infinite toggle-drift}.foundation-column:hover .anim-toggle-move{animation:toggle-snap .35s var(--ease-in-out) forwards}@keyframes toggle-drift{0%,to{transform:translate(0)}50%{transform:translate(2px)}}@keyframes toggle-snap{0%{fill:var(--color-mist);transform:translate(0)}to{fill:var(--color-accent);transform:translate(8px)}}.anim-squash-ball{transform-origin:20px 20px;animation:2.5s ease-in-out infinite ball-bob}.foundation-column:hover .anim-squash-ball{animation:1.5s linear infinite bounce-ball}@keyframes ball-bob{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}@keyframes bounce-ball{0%{transform:translateY(0)}6%{transform:translateY(.5px)}18%{transform:translateY(4px)}35%{transform:translateY(12px)}42%{transform:translateY(12px)scaleX(1.3)scaleY(.6)}48%{transform:translateY(12px)}65%{transform:translateY(4px)}78%{transform:translateY(.5px)}88%,to{transform:translateY(0)}}.anim-blink{animation:1s step-end infinite blink-key}@keyframes blink-key{0%,to{opacity:1}50%{opacity:0}}@media (width<=1280px){.foundation-grid{gap:var(--spacing-md);height:auto;margin-top:var(--spacing-xl);grid-template-columns:repeat(3,1fr);display:grid}.foundation-column{height:auto}.foundation-card{height:auto;min-height:200px}.foundation-plinth{display:none}.foundation-column:hover .foundation-card{transform:translateY(-4px)}.foundation-card:hover .anim-draw{animation:draw-in .8s var(--ease-out) forwards}.foundation-card:hover .anim-draw-delay{animation:draw-in 1s var(--ease-out) .2s forwards}.foundation-card:hover .anim-move-x{animation:spread-x .6s var(--ease-in-out) forwards}.foundation-card:hover .anim-move-x-opp{animation:spread-x-opp .6s var(--ease-in-out) forwards}.foundation-card:hover .anim-fade-in{opacity:1}.foundation-card:hover .anim-res-frame{transform:scaleX(.57)scaleY(1.17)}.foundation-card:hover .anim-res-img{transform:translate(6px,-4px)scale(.65)}.foundation-card:hover .anim-res-title{transform:translate(-7px,6px)scaleX(.65)}.foundation-card:hover .anim-res-line-1{transform:translate(-7px,4.75px)scaleX(.65)}.foundation-card:hover .anim-res-line-2{transform:translate(-6px,4.25px)scaleX(.6)}.foundation-card:hover .anim-toggle-move{animation:toggle-snap .35s var(--ease-in-out) forwards}.foundation-card:hover .anim-squash-ball{animation:1.5s linear infinite bounce-ball}}@media (width<=768px){.foundation-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=520px){.foundation-grid{gap:var(--spacing-sm);grid-template-columns:1fr}.foundation-card{min-height:auto;padding:var(--spacing-sm) var(--spacing-md);align-items:start;gap:0 var(--spacing-md);grid-template-rows:auto auto;grid-template-columns:auto 1fr;display:grid}.foundation-card-viz{grid-row:1/-1;align-self:center;height:auto;margin-bottom:0}.foundation-card-header{margin-bottom:2px}.foundation-card-label{font-size:var(--ks-type-lead-size)}.foundation-card-detail{margin:0;font-size:.8125rem}}.language-section{padding:var(--ks-section-pad) 0;border-top:1px solid var(--color-mist)}.language-content{gap:var(--spacing-sm);display:grid}.language-section,.language-section *{min-width:0}.language-section .section-lead{margin-bottom:0}.site-footer{border-top:1px solid var(--color-mist);padding:var(--spacing-xl) var(--spacing-lg);background:var(--color-cream)}.footer-row{max-width:var(--width-max);align-items:center;gap:var(--spacing-xl);grid-template-columns:auto 1fr auto;margin:0 auto;display:grid}.footer-logo{font-family:var(--font-display);font-size:var(--ks-type-subhead-size);color:var(--color-ink);font-weight:400;text-decoration:none}.footer-links{justify-content:center;gap:var(--spacing-lg);flex-wrap:wrap;display:flex}.footer-links a{font-size:var(--ks-type-small-size);color:var(--color-ash);transition:color var(--duration-fast) var(--ease-out);text-decoration:none}.footer-links a:hover{color:var(--ks-link-on-paper-hover)}.footer-credit{align-items:center;gap:var(--spacing-sm);font-size:var(--ks-type-small-size);color:var(--color-ash);white-space:nowrap;display:flex}.footer-credit a{color:var(--color-text);transition:color var(--duration-fast) var(--ease-out);text-decoration:none}.footer-credit a:hover{color:var(--ks-link-on-paper-hover)}.footer-social-link{color:var(--color-ash);transition:color var(--duration-fast) var(--ease-out);justify-content:center;align-items:center;padding:4px;display:inline-flex}.footer-social-link:hover{color:var(--ks-link-on-paper-hover)}@media (width<=900px){.footer-row{text-align:center;justify-items:center;gap:var(--spacing-md);grid-template-columns:1fr}.footer-links{justify-content:center;gap:var(--spacing-sm) var(--spacing-md);font-size:.8125rem}.site-footer{padding:var(--spacing-lg) var(--spacing-md)}}.btn{justify-content:center;align-items:center;gap:var(--spacing-xs);font-family:var(--font-body);letter-spacing:.03em;cursor:pointer;transition:all var(--duration-base) var(--ease-out);border:none;padding:1rem 2rem;font-size:.9375rem;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn-secondary{color:var(--color-ink);border:1px solid var(--color-ink);background:0 0}.btn-secondary:hover{background:var(--color-ink);color:var(--color-paper)}.btn:focus-visible{outline:2px solid var(--ks-focus-ring);outline-offset:2px}@keyframes float{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-8px)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}[data-reveal]{opacity:0;transition:opacity .8s var(--ease-out), transform .8s var(--ease-out);transform:translateY(30px)}[data-reveal].revealed{opacity:1;transform:translateY(0)}[data-reveal]:first-child{transition-delay:0s}[data-reveal]:nth-child(2){transition-delay:.1s}[data-reveal]:nth-child(3){transition-delay:.2s}[data-reveal]:nth-child(4){transition-delay:.3s}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html{scroll-behavior:auto}[data-reveal]{opacity:1;transform:none}}.load-error{text-align:center;padding:var(--spacing-2xl) var(--spacing-lg);justify-content:center;align-items:center;gap:var(--spacing-md);background:var(--color-cream);border:1px solid var(--color-mist);border-radius:8px;flex-direction:column;display:flex}.load-error-icon{font-size:var(--ks-type-display-size);color:var(--ks-vermilion)}.load-error-title{font-family:var(--font-display);font-size:var(--ks-type-title-lg-size);color:var(--color-ink);margin:0;font-weight:400}.load-error-text{color:var(--color-ash);max-width:40ch;font-size:1rem;line-height:1.5}.load-error-retry{margin-top:var(--spacing-sm)}.gallery-stack-container{gap:var(--spacing-xs);flex-direction:column;flex:0 0 clamp(320px,34vw,420px);display:flex;position:relative}.gallery-stack{aspect-ratio:3/2;width:calc(100% - 20px);margin-bottom:20px;position:relative}.gallery-stack-card{border:1px solid var(--color-mist);background:var(--ks-paper-raised);will-change:transform, opacity;border-radius:8px;flex-direction:column;width:100%;height:100%;text-decoration:none;transition:transform .45s cubic-bezier(.16,1,.3,1),opacity .35s,box-shadow .35s;display:flex;position:absolute;top:0;left:0;overflow:hidden}.gallery-stack-card img{object-fit:cover;object-position:top left;flex:1;width:100%;min-height:0}.gallery-stack-card[data-offset="0"]{z-index:3;opacity:1;transform:translate(0);box-shadow:0 2px 12px oklch(20% 0 0/.1)}.gallery-stack-card[data-offset="1"]{z-index:2;opacity:1;pointer-events:none;transform:translate(8px,8px);box-shadow:0 1px 6px oklch(20% 0 0/.08)}.gallery-stack-card[data-offset="2"]{z-index:1;opacity:1;pointer-events:none;transform:translate(16px,16px);box-shadow:0 1px 4px oklch(20% 0 0/.06)}.gallery-stack-card:not([data-offset="0"]):not([data-offset="1"]):not([data-offset="2"]){z-index:0;opacity:0;pointer-events:none;transform:translate(20px,20px)}@media (width<=900px){.gallery-stack-container{flex:none;width:100%;max-width:360px}}.patterns-tabs-wrap{margin-bottom:var(--spacing-md);position:relative}.patterns-tabs{scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;flex-wrap:nowrap;gap:6px;display:flex;overflow-x:auto}.patterns-tabs::-webkit-scrollbar{display:none}.cc-deck[data-scroll]{scroll-padding-inline:32px 40px}:is(.patterns-tabs,.cc-deck)[data-scroll=start]{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 40px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 40px),#0000)}:is(.patterns-tabs,.cc-deck)[data-scroll=middle]{-webkit-mask-image:linear-gradient(90deg,#0000,#000 32px calc(100% - 40px),#0000);mask-image:linear-gradient(90deg,#0000,#000 32px calc(100% - 40px),#0000)}:is(.patterns-tabs,.cc-deck)[data-scroll=end]{-webkit-mask-image:linear-gradient(90deg,#0000,#000 32px);mask-image:linear-gradient(90deg,#0000,#000 32px)}:is(.patterns-tabs,.cc-deck)[data-scroll=none]{-webkit-mask-image:none;mask-image:none}.patterns-tabs-wrap:before,.patterns-tabs-wrap:after{content:"";border-top:1.5px solid var(--color-ash);border-right:1.5px solid var(--color-ash);pointer-events:none;opacity:0;width:9px;height:9px;transition:opacity .18s;position:absolute;top:50%}.patterns-tabs-wrap:before{left:2px;transform:translateY(-50%)rotate(-135deg)}.patterns-tabs-wrap:after{right:2px;transform:translateY(-50%)rotate(45deg)}.patterns-tabs-wrap[data-scroll=start]:after,.patterns-tabs-wrap[data-scroll=middle]:after,.patterns-tabs-wrap[data-scroll=end]:before,.patterns-tabs-wrap[data-scroll=middle]:before{opacity:1}.patterns-tab{scroll-snap-align:start;font-family:var(--font-body);color:var(--color-charcoal);border-radius:var(--ks-radius-pill);cursor:pointer;white-space:nowrap;background:0 0;border:none;flex-shrink:0;padding:6px 12px;font-size:.75rem;font-weight:500;transition:background .2s,color .2s}.patterns-tab:hover{background:var(--color-mist)}.patterns-tab.is-active{background:var(--color-ink);color:var(--color-paper)}.patterns-content{display:none}.patterns-content.is-active{gap:var(--spacing-md);flex-direction:column;display:flex}.patterns-col ul{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.patterns-col li{padding-left:var(--spacing-sm);color:var(--color-charcoal);overflow-wrap:break-word;word-break:break-word;font-size:.8125rem;line-height:1.55;position:relative}.patterns-col--dont li:before{content:"×";color:var(--ks-vermilion);font-weight:600;position:absolute;left:0}.patterns-col--do li:before{content:"✓";color:var(--color-success,var(--ks-patina));font-weight:600;position:absolute;left:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.has-tooltip{cursor:default;position:relative}.has-tooltip:after{content:attr(data-tooltip);background:var(--color-ink);color:var(--color-paper);border-radius:var(--ks-radius-md);white-space:nowrap;pointer-events:none;opacity:0;z-index:100;padding:6px 10px;font-size:.6875rem;line-height:1.4;transition:opacity .15s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.has-tooltip:hover:after{opacity:1}:root{color-scheme:light;--ks-kinpaku:oklch(84% .19 80.46);--ks-kinpaku-vivid:oklch(87% .2 85);--ks-kinpaku-pale:oklch(86% .07 84);--ks-kinpaku-rich:oklch(77% .13 82);--ks-kinpaku-deep:oklch(61% .085 78);--ks-on-gold:oklch(14% .018 95);--ks-gold-line:var(--ks-kinpaku-rich);--ks-patina:oklch(70% .12 188);--ks-patina-pale:oklch(82% .07 188);--ks-patina-deep:oklch(45% .1 190);--ks-patina-ink:oklch(41% .11 190);--ks-gold-ink:var(--ks-text-muted);--ks-accent-ink:var(--ks-text-muted);--ks-state-ink:var(--ks-patina-deep);--ks-focus-ring:var(--ks-patina-deep);--ks-kinpaku-ink:var(--ks-text-muted);--ks-link-on-paper:var(--ks-ink);--ks-link-on-paper-hover:var(--ks-ink);--ks-link-on-paper-line:oklch(13% 0 0/.28);--ks-link-on-paper-line-hover:var(--ks-kinpaku);--ks-nav-active:var(--ks-ink);--ks-vermilion:oklch(52% .16 35);--ks-paper:oklch(97.8% 0 0);--ks-paper-raised:oklch(99.5% 0 0);--ks-paper-deep:oklch(95% 0 0);--ks-gray:oklch(92% 0 0);--ks-gray-2:oklch(88% 0 0);--ks-instrument:oklch(24% 0 0);--ks-instrument-deep:oklch(17% 0 0);--ks-instrument-raised:oklch(31% 0 0);--ks-instrument-text:oklch(93% 0 0);--ks-instrument-muted:oklch(68% 0 0);--ks-instrument-rule:oklch(100% 0 0/.12);--ks-instrument-edge:oklch(100% 0 0/.3);--ks-ink:oklch(13% 0 0);--ks-text:oklch(22% 0 0);--ks-text-muted:oklch(46% 0 0);--ks-text-faint:oklch(51% 0 0);--ks-text-mute-deep:oklch(66% 0 0);--ks-rule:oklch(13% 0 0/.08);--ks-edge:oklch(13% 0 0/.45);--ks-radius-sm:3px;--ks-radius-md:8px;--ks-radius-pill:999px;--ks-control-sm:26px;--ks-control-md:32px;--ks-control-lg:44px;--ks-section-pad:clamp(72px, 8vw, 120px);--ks-lift-1:0 1px 1px oklch(13% 0 0/.05), 0 2px 3px oklch(13% 0 0/.04), 0 6px 12px oklch(13% 0 0/.05);--ks-lift-2:0 1px 1px oklch(13% 0 0/.04), 0 3px 5px oklch(13% 0 0/.05), 0 12px 20px oklch(13% 0 0/.06), 0 32px 48px oklch(13% 0 0/.07);--ks-key-lift:0 1px 2px oklch(0% 0 0/.4);--ks-cap-lift:inset 0 1px 0 oklch(100% 0 0/.9), 0 1px 0 oklch(13% 0 0/.14), 0 2px 3px oklch(13% 0 0/.08);--ks-cap-press:inset 0 1px 2px oklch(13% 0 0/.14);--ks-track-recess:inset 0 1px 3px oklch(13% 0 0/.16), inset 0 -1px 0 oklch(100% 0 0/.7);--ks-led:0 0 0 1px oklch(13% 0 0/.12), 0 0 4px oklch(84% .19 80/.6);--ks-indicator-glow:0 0 0 1px oklch(0% 0 0/.3), 0 0 4px oklch(84% .19 80/.65);--ks-code-fg:var(--ks-ink);--ks-code-bg:var(--ks-gray);--ks-code-radius:3px;--ks-code-pad:.2em .45em;--ks-code-block-fg:var(--ks-text);--ks-code-block-bg:var(--ks-paper-deep);--ks-code-block-border:var(--ks-rule);--ks-code-block-radius:3px;--ks-code-cmd:var(--ks-link-on-paper);--ks-font:"Albert Sans", "Avenir Next", "Helvetica Neue", Arial, system-ui, sans-serif;--ks-font-display:var(--ks-font-wordmark);--ks-font-wordmark:"Alumni Sans", "Albert Sans", Arial, sans-serif;--ks-mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--ks-type-display-size:clamp(3.2rem, 6.2vw, 5.6rem);--ks-type-display-weight:200;--ks-type-display-line:1;--ks-type-display-track:0;--ks-type-headline-size:clamp(2.4rem, 3.6vw, 3.4rem);--ks-type-headline-weight:300;--ks-type-headline-line:1.04;--ks-type-headline-track:0;--ks-type-title-size:1.0625rem;--ks-type-title-weight:600;--ks-type-title-line:1.35;--ks-type-body-size:1rem;--ks-type-body-line:1.65;--ks-type-eyebrow-size:.6875rem;--ks-type-eyebrow-track:.14em;--ks-type-wordmark-size:1.25rem;--ks-type-wordmark-track:.18em;--ks-type-mono-size:.6875rem;--ks-type-mono-track:.12em;--ks-type-micro-size:.6875rem;--ks-type-label-size:.75rem;--ks-type-ui-size:.8125rem;--ks-type-ui-lead:.9375rem;--ks-type-small-size:.875rem;--ks-type-lead-size:1.125rem;--ks-type-subhead-size:1.25rem;--ks-type-title-lg-size:1.5rem;--ks-ease:cubic-bezier(.2, .8, .2, 1);--ks-quick:.12s;--ks-settle:.2s}.home-kinpaku{--home-section-gap:calc(var(--ks-section-pad) * 1.5);--ks-muted:var(--ks-text-muted);--ks-faint:var(--ks-text-faint);--ks-oxide:var(--ks-patina-deep);--font-display:var(--ks-font);--font-body:var(--ks-font);--font-mono:var(--ks-mono);--color-ink:var(--ks-ink);--color-text:var(--ks-text);--color-paper:var(--ks-paper);--color-cream:var(--ks-paper-raised);--color-charcoal:var(--ks-text);--color-ash:var(--ks-muted);--color-mist:var(--ks-rule);--color-bg:var(--ks-paper-raised);--color-accent:var(--ks-kinpaku);--color-accent-hover:var(--ks-patina);color:var(--ks-text);background:var(--ks-paper);font-family:var(--ks-font)}.home-kinpaku *,.home-kinpaku :before,.home-kinpaku :after{box-sizing:border-box}.home-kinpaku body{background:var(--ks-paper)}.home-kinpaku a{color:inherit}.home-kinpaku strong{color:var(--ks-ink)}.home-kinpaku code{color:var(--ks-code-fg);background:var(--ks-code-bg);border-radius:var(--ks-code-radius);font-family:var(--ks-mono);padding:var(--ks-code-pad);border:0;font-size:.88em}.home-kinpaku ::selection{color:var(--ks-paper-raised);background:var(--ks-patina)}.home-kinpaku .skip-link{background:var(--ks-patina);color:var(--ks-on-gold);border:1px solid var(--ks-patina);border-radius:var(--ks-radius-sm)}.home-kinpaku .site-content{max-width:1500px;padding:0 clamp(22px,4vw,56px)}.home-kinpaku .site-content>section:where(:not(.testimonials-section)){padding-block:calc(var(--home-section-gap) / 2);margin-block:0}.home-kinpaku #hero{padding-block-end:calc(var(--home-section-gap) / 2)}.home-kinpaku .language-content{gap:var(--home-section-gap)}.home-kinpaku .language-steering{margin-block:0;padding-block:0}.home-kinpaku .site-footer{padding-block:calc(var(--home-section-gap) / 2)}.home-kinpaku #foundation,.home-kinpaku #language,.home-kinpaku #why,.home-kinpaku #live-mode,.home-kinpaku #downloads,.home-kinpaku #changelog,.home-kinpaku #faq,.home-kinpaku #consulting{scroll-margin-top:128px}.home-kinpaku .site-header-nav a{padding:8px 0}.home-kinpaku .site-header-nav a:hover,.home-kinpaku .site-header-nav a[aria-current=page]{color:var(--ks-ink)}.home-kinpaku h1,.home-kinpaku h2,.home-kinpaku h3,.home-kinpaku h4,.home-kinpaku h5,.home-kinpaku h6{color:var(--ks-ink);font-family:var(--ks-font);font-style:normal;font-weight:var(--ks-type-headline-weight);letter-spacing:0}.home-kinpaku .proof-h{color:var(--ks-ink);font-family:var(--ks-font);letter-spacing:0;margin:0;font-style:normal;font-weight:300;line-height:1.1}.home-kinpaku p{color:var(--ks-text)}.home-kinpaku .section-header{gap:12px;margin-bottom:34px;display:grid}.home-kinpaku .section-title{font-family:var(--ks-font-display);font-weight:var(--ks-type-headline-weight);font-size:var(--ks-type-headline-size);line-height:var(--ks-type-headline-line);letter-spacing:var(--ks-type-headline-track);color:var(--ks-ink);text-wrap:balance}.home-kinpaku .section-lead{max-width:62ch;color:var(--ks-text);font-size:var(--ks-type-body-size);text-wrap:pretty;line-height:1.8}.home-kinpaku .hero-title,.home-kinpaku .slop-teaser-title,.home-kinpaku .downloads-title,.home-kinpaku .downloads-note,.home-kinpaku .why-panel-title,.home-kinpaku .downloads-extras strong,.home-kinpaku .downloads-extras span{text-wrap:balance}.home-kinpaku .hero-body,.home-kinpaku .slop-teaser-body,.home-kinpaku .why-panel-body{text-wrap:pretty}.home-kinpaku .hero-actions .ks-button[href=\#downloads] .ks-button-arrow path{d:path("M0 4C5 4 9 4 14 4M10 0L14 4L10 8");transition:none}.home-kinpaku .cheatsheet-link,.home-kinpaku .why-panel-meta a{color:var(--ks-link-on-paper);border-bottom:1px solid var(--ks-link-on-paper-line);text-decoration:none}.home-kinpaku .cheatsheet-link:hover,.home-kinpaku .why-panel-meta a:hover{color:var(--ks-link-on-paper-hover);border-bottom-color:var(--ks-link-on-paper-hover)}.home-kinpaku .split-container{border-radius:var(--ks-radius-sm);border:1px solid var(--ks-rule);background:var(--ks-paper-raised);max-width:448px;height:352px;box-shadow:var(--ks-lift-1)}.home-kinpaku .split-before{background:var(--ks-paper-raised);justify-content:center;padding-left:0}.home-kinpaku .split-after{background:var(--ks-paper-deep);justify-content:center;padding-right:0}.home-kinpaku .split-divider{background:var(--ks-patina);filter:none;width:1px;box-shadow:none;transform:translate(-50%)}.home-kinpaku .split-divider:before{content:none}.home-kinpaku .section-nav{background:color-mix(in oklch, var(--ks-paper-raised) 92%, transparent);border:1px solid var(--ks-rule);box-shadow:var(--ks-lift-2);border-radius:999px}.home-kinpaku .section-nav-item:hover{background:var(--ks-gray)}.home-kinpaku .section-nav-item.is-active{background:var(--ks-ink)}.home-kinpaku .language-section,.home-kinpaku .why-section{isolation:isolate;padding:var(--ks-section-pad) 0;position:relative}.home-kinpaku .why-section{border-top:0}.home-kinpaku :is(.foundation-section,.language-section,.why-section,.live-section,.platforms-section,.consulting-section)>*{z-index:1;position:relative}.home-kinpaku .foundation-grid{gap:14px;margin-top:-34px}.home-kinpaku .foundation-card{border:1px solid var(--ks-rule);border-radius:var(--ks-radius-sm);background:var(--ks-paper-raised);min-height:284px;padding:24px}.home-kinpaku .foundation-column:hover .foundation-card{border-color:var(--ks-patina);box-shadow:var(--ks-lift-2)}.home-kinpaku .foundation-card-viz{color:var(--ks-ink)}.home-kinpaku .foundation-card-label{color:var(--ks-ink);font-family:var(--ks-font);font-size:var(--ks-type-lead-size);font-weight:400}.home-kinpaku .foundation-card-count{color:var(--ks-state-ink);font-family:var(--ks-mono)}.home-kinpaku .foundation-card-detail{color:var(--ks-muted)}.home-kinpaku .foundation-plinth{border-color:var(--ks-rule);background:repeating-linear-gradient(45deg, var(--ks-rule), var(--ks-rule) 1px, transparent 1px, transparent 9px), var(--ks-paper-deep)}.home-kinpaku .why-layout{grid-template-columns:minmax(250px,330px) minmax(0,1fr);gap:34px}.home-kinpaku .why-tabs{border:1px solid var(--ks-rule);background:var(--ks-paper-raised)}.home-kinpaku .why-tabs li+li{border-top-color:var(--ks-rule)}.home-kinpaku .why-tab{color:var(--ks-muted);background:0 0}.home-kinpaku .why-tab:hover{color:var(--ks-ink);background:var(--ks-paper-deep)}.home-kinpaku .why-tab.is-active{color:var(--ks-ink);background:var(--ks-gray)}.home-kinpaku .why-bento{--why-rail-gutter:clamp(22px, 4vw, 56px);margin-top:36px}.home-kinpaku .why-bento .ks-bento-tile{padding-inline:var(--why-rail-gutter)}.home-kinpaku .why-bento .ks-tag{align-self:flex-start}@media (width<=980px){.home-kinpaku .why-bento{margin-inline:calc(50% - 50vw)}.home-kinpaku .why-bento .ks-bento-tile{padding:40px var(--why-rail-gutter)}}.home-kinpaku .ks-bento-tile--span-4 .why-dm-grid{grid-template-columns:1fr 1fr}.home-kinpaku .ks-bento-tile--span-4 .why-dm-tile--color{grid-row:1/3}.home-kinpaku .why-dm-grid,.home-kinpaku .gallery-stack-container{border-color:var(--ks-rule);background:var(--ks-paper-raised);border-radius:var(--ks-radius-sm)}.home-kinpaku .why-terminal{border:1px solid var(--ks-instrument-deep);border-radius:var(--ks-radius-sm);background:var(--ks-instrument-deep);color:var(--ks-instrument-text);overflow:hidden}.home-kinpaku .why-terminal-header{border-radius:0}.home-kinpaku .why-terminal-dot{background:var(--ks-instrument-raised);border-radius:50%;flex-shrink:0;width:7px;height:7px}.home-kinpaku .why-terminal-dot:first-child{background:var(--ks-kinpaku)}.home-kinpaku .why-terminal-dot:nth-child(2){background:var(--ks-patina)}.home-kinpaku .why-terminal-header{gap:5px}.home-kinpaku .why-panel-title{color:var(--ks-ink);font-size:clamp(1.5rem,2vw,1.85rem);font-weight:var(--ks-type-headline-weight);line-height:var(--ks-type-headline-line);letter-spacing:var(--ks-type-headline-track)}.home-kinpaku .why-panel-body,.home-kinpaku .why-panel-meta{color:var(--ks-text)}.home-kinpaku .why-dm-foot,.home-kinpaku .why-dm-badge{color:var(--ks-text-muted)}.home-kinpaku .why-visual--designmd-v2{background:0 0;flex-direction:column;gap:14px;padding:0;overflow:visible}.home-kinpaku .why-dm-header{z-index:1;position:relative}.home-kinpaku .why-dm-filename{color:var(--ks-ink);font-family:var(--ks-mono);font-size:var(--ks-type-small-size);letter-spacing:.06em}.home-kinpaku .why-dm-badge{background:0 0;border:0;border-radius:0;padding:0}.home-kinpaku .why-dm-tile-meta span,.home-kinpaku .why-dm-type-family,.home-kinpaku .why-dm-comp-chip,.home-kinpaku .why-dm-badge{font-size:.6875rem}.home-kinpaku .why-dm-grid{background:0 0;border:0}.home-kinpaku .why-dm-tile{border:1px solid var(--ks-rule);border-radius:var(--ks-radius-sm);background:var(--ks-paper-raised);box-shadow:none}.home-kinpaku .why-dm-tile-meta,.home-kinpaku .why-dm-tile-meta span:first-child{color:var(--ks-text-muted)}.home-kinpaku .why-dm-tile--color .why-dm-tile-meta{white-space:nowrap;flex-direction:column;gap:2px}.home-kinpaku .why-dm-color-hero{background:var(--c);box-shadow:none;border:0;position:relative;overflow:hidden}.home-kinpaku .why-dm-type-specimen{color:var(--ks-ink);font-family:var(--ks-font);letter-spacing:.08em;font-style:normal;font-weight:400}.home-kinpaku .why-dm-type-family{color:var(--ks-text)}.home-kinpaku .why-dm-comp-chip{color:var(--ks-ink);border-color:var(--ks-rule);background:0 0}.home-kinpaku .why-dm-comp-chip--primary{color:var(--ks-on-gold);border-color:var(--ks-kinpaku);background:var(--ks-kinpaku)}.home-kinpaku .why-dm-comp-input{color:var(--ks-muted);border-color:var(--ks-rule);background:var(--ks-paper-deep)}.home-kinpaku .why-visual--productmd{flex-direction:column;gap:16px;overflow:visible}.home-kinpaku .why-pm-file{border:1px solid var(--ks-rule);border-radius:var(--ks-radius-sm);background:var(--ks-paper-raised);overflow:hidden}.home-kinpaku .why-pm-header{background:var(--ks-paper-deep);font-family:var(--ks-mono);font-size:var(--ks-type-micro-size);letter-spacing:.06em;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.home-kinpaku .why-pm-filename{color:var(--ks-ink);font-weight:500}.home-kinpaku .why-pm-lang{color:var(--ks-text-muted)}.home-kinpaku .why-pm-lines{counter-reset:line;font-family:var(--ks-font);font-size:var(--ks-type-ui-size);color:var(--ks-text);margin:0;padding:12px 14px 12px 10px;line-height:1.55;list-style:none}.home-kinpaku .why-pm-lines li{grid-template-columns:18px minmax(0,1fr);align-items:baseline;gap:12px;min-height:1.55em;display:grid}.home-kinpaku .why-pm-lines li:before{counter-increment:line;content:counter(line);text-align:right;color:var(--ks-text-mute-deep);font-family:var(--ks-mono);font-size:var(--ks-type-micro-size)}.home-kinpaku .why-pm-key{color:var(--ks-text-muted);font-family:var(--ks-mono);font-size:var(--ks-type-label-size)}.home-kinpaku .why-pm-reads{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.home-kinpaku .why-pm-reads-label{color:var(--ks-text-muted);font-family:var(--ks-mono);font-size:var(--ks-type-micro-size);letter-spacing:.1em;text-transform:uppercase}.home-kinpaku .why-pm-strip .ks-instrument-key{cursor:default;min-height:var(--ks-control-sm);user-select:none;padding:0 12px 0 10px}.home-kinpaku .why-pm-strip .ks-instrument-key:active{box-shadow:none;transform:none}.home-kinpaku .why-visual--modes{display:block;overflow:visible;container-type:inline-size}.home-kinpaku .why-modes{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px;margin:0;padding:0;list-style:none;display:grid}.home-kinpaku .why-mode{flex-direction:column;gap:8px;min-width:0;display:flex}.home-kinpaku .why-mode-thumb{aspect-ratio:3/2;border:1px solid var(--ks-rule);border-radius:var(--ks-radius-sm);background:var(--ks-paper-raised);display:block;position:relative;overflow:hidden}.home-kinpaku .why-mode.is-lit .why-mode-thumb{border-color:var(--ks-edge)}.home-kinpaku .why-mode-thumb i{background:var(--ks-gray-2);border-radius:1px;display:block;position:absolute}.home-kinpaku .why-mode-thumb .why-mode-nav{justify-content:space-between;width:21%;height:3.5%;display:flex;position:absolute;top:8%;right:7%}.home-kinpaku .why-mode-nav i{width:43%;height:100%;position:static}.home-kinpaku .why-mode-thumb--persuade .why-mode-mark{width:10%;height:6%;top:7%;left:7%}.home-kinpaku .why-mode-thumb .why-mode-h1{background:var(--ks-ink);width:45%;height:8%;top:29%;left:7%}.home-kinpaku .why-mode-thumb .why-mode-h1--short{width:27%;top:41%}.home-kinpaku .why-mode-thumb--persuade .why-mode-copy{width:37%;height:3.5%;top:57%;left:7%}.home-kinpaku .why-mode-thumb--persuade .why-mode-copy--short{width:34%;top:64%}.home-kinpaku .why-mode-thumb .why-mode-cta{background:var(--ks-ink);width:19%;height:10%;top:75%;left:7%}.home-kinpaku .why-mode-thumb .why-mode-art{width:32%;height:66%;top:23%;right:7%}.home-kinpaku .why-mode-thumb .why-mode-side{background:var(--ks-paper-deep);flex-direction:column;gap:6%;width:19%;padding-top:9%;display:flex;position:absolute;top:0;bottom:0;left:0}.home-kinpaku .why-mode-side i{flex:none;width:63%;height:5%;margin-inline:auto;position:static}.home-kinpaku .why-mode-thumb .why-mode-bar{background:var(--ks-ink);width:29%;height:6%;top:13%;left:27%}.home-kinpaku .why-mode-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:6%;height:20%;display:grid;position:absolute;top:25%;left:27%;right:7%}.home-kinpaku .why-mode-stats i{background:var(--ks-paper-deep);position:static}.home-kinpaku .why-mode-thumb .why-mode-panel{background:var(--ks-paper-deep);grid-template-rows:repeat(3,minmax(0,1fr));gap:17%;padding:4% 3%;display:grid;position:absolute;inset:51% 7% 9% 27%}.home-kinpaku .why-mode-panel i{background:0 0;position:relative}.home-kinpaku .why-mode-panel i:before,.home-kinpaku .why-mode-panel i:after{content:"";background:var(--ks-gray-2);position:absolute;top:0;bottom:0}.home-kinpaku .why-mode-panel i:before{aspect-ratio:1;left:0}.home-kinpaku .why-mode-panel i:after{left:13%;right:9%}.home-kinpaku .why-mode-panel i:first-child:before{background:var(--ks-ink)}.home-kinpaku .why-mode-thumb--read .why-mode-eyebrow{width:18%;height:3.5%;top:10%;left:41%}.home-kinpaku .why-mode-thumb--read .why-mode-title{background:var(--ks-ink);width:40%;height:7%;top:19%;left:30%}.home-kinpaku .why-mode-thumb--read .why-mode-title--short{width:24%;top:30%;left:38%}.home-kinpaku .why-mode-paragraph{flex-direction:column;justify-content:space-between;width:46%;height:15%;display:flex;position:absolute;top:43%;left:27%}.home-kinpaku .why-mode-paragraph i{height:20%;position:static}.home-kinpaku .why-mode-paragraph--short{height:9%;top:68%}.home-kinpaku .why-mode-paragraph--short i{height:33.333%}.home-kinpaku .why-mode-paragraph--short i:last-child{width:80%}.home-kinpaku .why-mode-thumb--read .why-mode-rule{width:34%;height:.6%;top:89%;left:33%}.home-kinpaku .why-mode-thumb--experience{background:var(--ks-gray-2)}.home-kinpaku .why-mode-thumb--experience i{background:var(--ks-paper-raised)}.home-kinpaku .why-mode-thumb--experience .why-mode-mark{width:8%;height:12%;top:7%;left:6.5%}.home-kinpaku .why-mode-thumb .why-mode-caption{width:44%;height:8%;bottom:19%;left:6.5%}.home-kinpaku .why-mode-thumb--experience .why-mode-copy{width:28%;height:4%;bottom:10%;left:6.5%}.home-kinpaku .why-mode-thumb--experience .why-mode-control{border:1px solid var(--ks-paper-raised);background:0 0;border-radius:0;width:7%;height:10%;bottom:9%;right:6%}.home-kinpaku .why-mode-label{color:var(--ks-text-muted);font-family:var(--ks-mono);font-size:var(--ks-type-micro-size);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:7px;display:inline-flex}.home-kinpaku .why-mode.is-lit .why-mode-label{color:var(--ks-ink)}.home-kinpaku .why-mode.is-lit .why-mode-label:before{content:"";background:var(--ks-kinpaku);width:6px;height:6px;box-shadow:var(--ks-led);border-radius:50%;flex:none}.home-kinpaku .why-visual--hook{display:block;overflow:visible}.home-kinpaku .why-hook{margin:0;padding:0;list-style:none}.home-kinpaku .why-hook-step{flex-direction:column;gap:8px;min-width:0;padding:0 0 22px 26px;display:flex;position:relative}.home-kinpaku .why-hook-step:last-child{padding-bottom:0}.home-kinpaku .why-hook-step:before{content:"";border:1px solid var(--ks-edge);background:var(--ks-paper-raised);border-radius:50%;width:9px;height:9px;position:absolute;top:3px;left:0}.home-kinpaku .why-hook-step:after{content:"";background:var(--ks-edge);width:1px;position:absolute;top:16px;bottom:4px;left:4px}.home-kinpaku .why-hook-step:last-child:after{display:none}.home-kinpaku .why-hook-step.is-ready:before{border-color:var(--ks-patina);background:var(--ks-patina)}.home-kinpaku .why-hook-label{color:var(--ks-text-muted);font-family:var(--ks-mono);font-size:var(--ks-type-micro-size);letter-spacing:.1em;text-transform:uppercase;line-height:1.3}.home-kinpaku .why-hook-row{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}.home-kinpaku .why-hook-file{color:var(--ks-ink);background:var(--ks-gray);border-radius:var(--ks-code-radius);font-family:var(--ks-mono);font-size:var(--ks-type-label-size);padding:.15em .5em;line-height:1.5}.home-kinpaku .why-hook-state{color:var(--ks-state-ink);font-family:var(--ks-mono);font-size:var(--ks-type-label-size);font-weight:500}.home-kinpaku .patterns-tab{color:var(--ks-muted);border-color:var(--ks-rule);background:0 0}.home-kinpaku .patterns-tab:hover{color:var(--ks-ink);background:var(--ks-gray);border-color:var(--ks-gray)}.home-kinpaku .patterns-tab.is-active{color:var(--ks-instrument-text);background:var(--ks-instrument);border-color:var(--ks-instrument)}.home-kinpaku .patterns-col li{color:var(--ks-text);border-color:var(--ks-rule)}.home-kinpaku .patterns-col--do li:before{color:var(--ks-patina)}.home-kinpaku .patterns-col--dont li:before{color:var(--ks-vermilion)}.home-kinpaku .gallery-stack-card{border:1px solid var(--ks-rule);border-radius:var(--ks-radius-sm);background:var(--ks-paper-raised)}.home-kinpaku .live-demo-frame{border:1px solid var(--ks-rule);border-radius:var(--ks-radius-sm);background:var(--ks-paper-raised);box-shadow:var(--ks-lift-1)}.home-kinpaku .live-demo-stage{background:var(--ks-paper-raised)}.home-kinpaku .load-error{border:1px solid var(--ks-rule);border-radius:var(--ks-radius-sm);background:var(--ks-paper-raised);box-shadow:none}.home-kinpaku .load-error-title{color:var(--ks-ink);font-family:var(--ks-font);font-size:var(--ks-type-title-lg-size);font-weight:400}.home-kinpaku .load-error-text{color:var(--ks-text)}.home-kinpaku .glass-terminal{border-color:var(--ks-rule);background:var(--ks-paper-raised)}.home-kinpaku .btn-secondary{color:var(--ks-accent-ink);border-color:var(--ks-edge);background:0 0}.home-kinpaku .btn-secondary:hover{color:var(--ks-link-on-paper-hover);border-color:var(--ks-patina);background:color-mix(in oklch, var(--ks-patina) 7%, transparent)}.home-kinpaku .btn:focus-visible,.home-kinpaku a:focus-visible,.home-kinpaku button:focus-visible,.home-kinpaku summary:focus-visible{outline:2px solid var(--ks-focus-ring);outline-offset:4px}@media (width<=1100px){.home-kinpaku .why-layout{grid-template-columns:1fr}}@media (width<=820px){.home-kinpaku .site-header{padding:16px 18px}.home-kinpaku .site-header-brand{gap:4px}.home-kinpaku .site-header-brand-logo{width:34px;height:34px}.home-kinpaku .site-header-brand-name{letter-spacing:.08em}.home-kinpaku .site-header-nav{gap:18px}.home-kinpaku .split-container{height:356px}.home-kinpaku .split-before{padding-left:0}.home-kinpaku .split-after{padding-right:0}.home-kinpaku .section-title{font-size:var(--ks-type-headline-size)}}@media (width<=560px){.home-kinpaku .split-container{height:300px}.home-kinpaku .split-before{padding-left:0}.home-kinpaku .split-after{padding-right:0}}@media (prefers-reduced-motion:reduce){.home-kinpaku *,.home-kinpaku :before,.home-kinpaku :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important}}.home-kinpaku .section-lead code{vertical-align:baseline;padding:.1em .4em;font-size:.85em;line-height:1}.home-kinpaku .section-lead a,.home-kinpaku .slop-teaser-body .cheatsheet-link{font:inherit;color:var(--ks-link-on-paper);text-decoration:underline;text-decoration-color:var(--ks-link-on-paper-line);text-underline-offset:.18em;margin:0;padding:0}.home-kinpaku .section-lead a:hover,.home-kinpaku .slop-teaser-body .cheatsheet-link:hover{text-decoration-color:var(--ks-link-on-paper-line-hover)}.home-kinpaku .why-bento .why-panel-title,.home-kinpaku .why-bento .why-panel-body,.home-kinpaku .why-bento .why-panel-meta,.home-kinpaku .why-bento .why-visual{margin-bottom:0}.home-kinpaku .why-bento .why-visual{margin-top:10px}.home-kinpaku .why-bento .why-dm-tile--color{grid-row:auto}.home-kinpaku .why-bento .why-dm-tile--components{grid-column:1/-1}.home-kinpaku .why-bento .why-dm-grid{grid-template-rows:auto auto}.home-kinpaku .why-bento .why-dm-header{flex-wrap:wrap;gap:6px 12px}@media (width>=981px){.home-kinpaku .why-bento .why-visual{margin-top:auto;padding-top:16px}}.home-kinpaku .why-bento .why-terminal-line{white-space:pre-wrap;overflow-wrap:anywhere}.hero{--hero-spine:clamp(56px, calc(120px - (1440px - 100vw) * .139), 120px);padding:var(--ks-section-pad) 0 48px;align-items:center;display:grid;position:relative;overflow:visible}.hero-container{--hero-shift:clamp(0px, (100vw - 1000px) * .2, 90px);translate:calc(-1 * var(--hero-shift)) 0;z-index:1;column-gap:var(--hero-spine);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;width:100%;max-width:1500px;margin:0 auto;padding:0 clamp(22px,4vw,56px);display:grid;position:relative}.hero-left{grid-area:1/2;align-content:center;justify-self:start;gap:28px;width:100%;max-width:620px;display:grid}@font-face{font-family:Alumni Sans Hero;src:url(data:font/woff2;base64,d09GMgABAAAAABOMABQAAAAAIUQAABMcAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGoIEG4QsHIIOP0hWQVKBGQZgP1NUQVSBOCcyAIEAL34RCAqTVI5SC0QAMJEKATYCJAOBBAQgBYl6ByAMBxshHXVEzAcyVdW8BOXuqt6yLIuIKBimXXFcuxGEdidJ7cFkai82W/twudqPz9eOANnWMZqGTCiExohv3sUEnu/Xfue+t/vFFNemkkQ0evtDYpgOjQTNMqTAdEIhNHbicj8WThpjtyjNemt4QFHcJZZJYPu8872gsOXmmvrWKE0iXykk8UhQbk9YHMaUKiXC4Vdr+f125qg7gOxYRuicDspE+J2quAkSfkJl4u/4+3lPf1vjRk0JVLqmiPaJVlEl4J8OZDqRGxinI33YiWgwE5hfh/6HslAP/f24+li/BXCgQ3NyiLft5GSg3XR3/P/38z585+GPWkRRNVgURh2fDmijefvw07SSB9YTcu1BBQJrbV2T5GGy/md/7/9OlCKSBqptWUxiXZLv2U5f3Kvjz4+zN/NPcl5apU6I18nGkC70IcSD+iVNf61/cR2U2VR4wDurcAF24wn8Ky0YV7N7gJPwYBRDEUq5+lDJcDLTu4IJ0N/v7zvvvoWVxOkA85bovCF6OsAv++fH2RsZlQz/QQeHVFbSQf//fu6+qXvaWWhzSOuIWSOLdbGQfihoptHE/9qvnRlqSSV7KHgJdBLxNDSYTme6yb4zt/3H3sGxvM+gjlo2VdwQBjScQNG4qHATaxMXaXCdEqhEvGny65/o+Ba36yY+Mc4GMDEzOYKhuDqtLs15cbfQ9uiCB4l/qBu9vyBRYHlAQTPNtAiBpJ7q8dnz+/vmnHe/uLSiHdL+vNkRjEwbwbyuVH0Ta27iIWs1U8gvYhk8SWRErhOyh0bSFLhd6dJWOzeqHAC6UGV3XarSXt0rI53+30D6M7PsAOoDDH24NIM+QNxlUjRERdll0qbK/l5TBF7ZdtL2Jll+1CZU1ulYGYt+tvUhaB6BEN3F/gA+TC601DgSKAQX378ICGag+cRGrLuiky9wzq8IYUPLXAt+oXnZreoZIdPES968LjvkmfhMF6VMwWw98v8JGIZchZ/Qef8IETNGHMwUaeifJde/oJAvQNVP4SGAu31+j4/39w+RkaqirKbbu4EYMDByRbg06AOP1DoT7N7/ccKez18XLIbw8PJY7mz9uCCsKYjLKhwo+cb6tQqMAOReRmC49MdvPcG6ifiAtdVe1mAGW5Omu9tfo9+qFOQJrBvIWRuby4+xbcGNwsDJxU+AqGd8WfIP6xXF1U+iCcRGTDDyBUWeUTceZH5fRndMYcxMa0fjZAobakAU3Gi5tBgfIbNo8uQx9YCv5kNTJ0UqC7iY5wtBa+PQsONxacSBcTJ4zIAEclA2g8yP2rnno6x/1CAZr44fgBXdyfl+OxecrssT63Z5nymvn27O2EacEQyTFu441iSDeYA3vGdVl0mNHAlCeHLDGsFLEcwe4eRhRERwKx606XWyynJMZEg6DIU1JR5EHUFPknIBl2zEwR3EpvUrb8Qf98SkSJQ2TJvd4YxijzfzB4KhcCQaiyeSqXQmm8sXfsu9mJzu4kIfBNYUmMdRpY0B2hT6xrxyY0gbid7hR5PkaHEu1VCV6tKtmUvnmg051IOCelDL0phenUQ2dQRu9EgVOPKc6s2M9/t1E6DgNhz9r8R8+k3ac/LkA/MPKhQvBAk7QLhoTPOyVdT1dvdaguXkNT8FzPNT+wVN+h7wEiRBOwNGFLMAajuy2XDobcdVuikBkgKNPohzrh5O9uBjx710GKzqGx/qV1ki4DrtALxxiaIGUzp/4W57TX7y/BRIFpMopmNDctWW7J8d06UGx45FTgQRD4+zhKv+mtpLx1AUKXJUWxU0kKFInR7DP/KDd6dPkqVCq1r84R/3uAAK7SAutE1bTCVOz9D4h/BAqvLo53NseKYJjwpMPS4xkWGFOalNIRdWRQO6D2xwam8yQaCeFVMRBq20vsYMNx7QPiA+Al5QYiEhEj6GhyEKfuQuA9EI2I1ETJ0eQuAlz/4J9bn5kCpopNYoyiCKl2qqu51EcjspwgbdsaK8htj1mSmuDP9ufq21P7+Ij8wZ4sJSA/OycZxpxXWS1nmTqIiwmMqZ6E+UBE9ieKfjWk5JITsmxUMWwsTDRoh9UPcHAvM78PgcALNxwroDYmMOv9P2fUwO789fT/xPMPbFcP0B5G4fB/VOSeMgNPmZtu8nIndu7aguXh4C5oZ1B+Teh6Sfocxv2v4EYmMeKN2B497T9hYQcvfeQnrvzABmdvdS7HkyRPNqaO2oLl7OLkKNbFywzramiNz560aNwIyKHSZ3KCj9DGVm3QX32povnhDXN3ZFotgIzOzmqtjl5XgaWWFtEQmxvf+QW7HHnarHmROTbWNnVvPspdhnIysvlNamWgWW9QL1MsfxmkP81dJt41zSieessluJOs6fZEPVnaA2KyMJGD4We3p5CIytHQnfw8rGjAcdkbrldY3ShibFc2tH+dn1K8ItB1HbatKmx4fBX9LmVV1PEOGBS3pmNngza2OIAAUCTGAABYs/59vWy3sfSd2+QeEOb+ZOsU7aUpNz/+liSk6OtowXKJ47C84eInzMlVCweY9Nbsg86whoaWmR117BNA8cyQolPTtBz7vFYGzF8oAxZZleDzyXp2evk9SOTPRgygMGl6APygsqnoa6URVqWkqeOU0xBVLcvw11m7MqCoQn2tqCDHQJVYFOK5pZKnHzMNStum9Oau/5L3l0CQ40DAam8iZziHgDIdag9zcQ4g1ehHueGpDvaSO/qJ4H0MFS/GlsYus/NmFXdRLTzIQqPM2qonlIFQKDFf2UGlUoLp4Qk8LtOcGnx+Rnw/jwPFd9gMzyvR4bpXb66sog0Thb9F/6u903nXRF7PkT3w12jPk+E68ww/FpbjHDs6HEBFOSixFqM7hdtTZEuNZn9/msjICxlA7DbNd4vYb5y9ca323K98lSZSe6qgcWkPPuv4HB8tD2imU9YFH5rmw2ABgfZAwjoxgZxcgYzHJ8m1vMiHQwMcGYOPw2jGj32b0+G8NvLIOPLC9Nq9/tarcCImG1zJREHThFKcFRSSZl/88p9uzBUXJBGCLDapkpSZ0tJ4r75fX3rGbRNbCRpPbJKfX9cvQk6issyaPkgvADghOA0JqSIUnL2EsQadtMpEaRfNoM29Pcv4YoRz/O/GBwRE/79ETfE4ILQHACEFpTMiRpGXsJIm2bidQosgeDSXtBxl6dfFNcadHrsfBNhnHWbBJHHq4hOAEIrSkZkrSMvTrHOM78+pep5SXN+54QXACE1pR28tTJOU+JaUEjkz9UJLmzBuuDyCCjRxVpa5hEL4R2OY0jrq951CbRBJnXnLge/d2SFmREfjKnxqLpm8ZekpHgIeZXplCqjb1r1He/IJXOeLj/MWrSpqpURp8kxo2Kiwyb0Huo6D36hlQufQoQvedlJxIS2v+Mxosdi95xuFw0rmejINvGmeFOO7WV5S6v11DRe24xd1PppU9tDKNJMENPoIoe7kSdEIxe2QrvOXszM1nzd4e39r6/O3ubKPeoLaRvMwuQhVA3KchNKvKSgrys/t681M7jrZjOyu++zUuPqFpR+3iLu7mCAsOl3eNRvAxShef18fYOWzq+KVxfUrzNJM8w6F84NZzEKJK2n/LNdMdAVLnqAGZZb8I+2pYev0SoJtSkkVfyhTLF8Mgeb4uOOiN6aTPlEKPPKZV4RDOF5Tq5/wL20DNsT9yJF/bwXXto6A7saQR+jsxW4qkT8M0405wH8fwutmsXDd2Mr1GYBx8wABBDkgaQDxiAXS6IYY3VvPadQwTS6uR6tLaafeA/BDzwv+UlAqVvqlD+vmhghhtUgXYM4xwcWDllwBi8p09Uytlojzt5kEd4ltfRPZ6Ok/EAnsCb+EwwJNjCr/FAXFEmaCBIYQLQIX+G3FvIQ/qZ0EMeCPKLp8fmBoIUond9Yme7WZMUAYiExMwsvAgv7froDN2ND+IHwncv9UJlikQiEVXC/boeGxvbtENbq9W68/kiM2SG4vH4fmqFVnhxczO+bE1qnk6n04wa2BvN/zEUspTmKEQ/FqXcxv9+f39XuFyufSQV3m9n34Vi0x257fB8g6PLbBf3dzskNBCkKBFvldcT8gYDD8HGclKrR4KZTCYTdtm575SX+fn54/TkYrFYBEEd0Ujin91S0TtCrNRrXJKPICwMa1YG9i5HRvZD0DoktyhA8VvlFql+VSqVKqnQ32g0zgSCunBku91uq2I1gUAYbzQiCkggqiHBEH3yRKPRgFsmiwlvJyb2Y/7aUqlk+G8yO4X/2C4a7EFZXuQXx57qq3PHnBz2/+/vaO1Lqzc7Snys/7+/PyI/UNg32/bNrwqgjlATvZgj5Vkuu+JbNO8P7xVIJZRfdNCPqDbl74VYYFUO6U+RxiJiSZ0mFkHglTYeiCESNzSbESrzu0kdtYXqZkYOHf+FxApul/fAYO9tEYOQ0PveYzBwP414vDx75PEIXsfGvFwa4vP//S/n5w997iH+LBUvmXQ6k8m0eJMSnS3k90cylS5CyO9HCC7exOj6epLzXKfTvjDutDsqJQDYshL69fXMdOiX1TUM71fOD71eodHvWqcJ6Y5YazYatfePIVDAxpCG2qPAqjyRTu8huJvbZF5LTWox+/NXOXDkJAPXPMa421VpAMCZcGNzBQOybBh3N4JGTer19vnZctVtGuQwAROwCFMwBfOw+qRWOIMz5DM+MSEkncJuC2mzlkPVXGBJSoaeG/22sQ6l1SCEDL6YrGaMwaAsnXd0Lb596E0K9S5AmpDuKsxD8Ai3gNEwVjm2nB3DCJRmd1TvuR65N4n7g/LwYu77J90ek8xiudRulyIkbdIDgClGyNvbH/n4+JP5TObXsHDUPO9nx/Vi1TUagAfYIbLZPQT3C4N2E82OCiGE9GHZFRRkmpOhg9RdEJ7gCI5YBnEsl++NZ+IBhMbULAnk5waiPhKunQ8YdpwwKNhvyWQyizGtHtBoNPpAwmM0eiLWeSqQiVhMf46zTKY7rwpbdq1Wqw/SVJVkef4Vtwg8b8xvqkck42mPz+cLOvhd2oiATqcL9GbXf0PK/O7+tyWTtXqAR92U1N/xXOj3+fQUa49txQolRsD/HKR33utiIZ/wuPx+/8PDdDpdKaPMzcX5HASFIvK4AwJBsHhiAU35et8EAGC+nWMCkKefh5wAJBjVAa3Dn6GywInx0UgoJFdPsOkIwjj4UnZXn9+MnWa9kMtWCvGw0+fxeO5Xh6stpr5Uejw8/EF6BvM5kApF/O8I3PeD/4On/mgGYe+n6an3oQXE7Ul6t7V2hNCMpk63RCsYfnMa/9wDAoP+b09rg5YzLYikCxn4n5cMkyaryvFBOe3yxFegqQ579TkQIP9/McXa/yBAqB7yLmB/LzQF1RchsyYKDwh1luZlAvhzgu2qO5TIX9uD6mrgQ/TXmMHPLouMrF30xT8gCiGnADHGBGh0KhsPpGaWKTOZkl9M1s3nc0hiCPuYKTbAs1Ry0K7lQ/8BKJlD1qFDBLz+//93bm5mBM2zs7Oz3b3bn2I/bspL9ofS03CArH00zfHRrN8bNltzgwQZf3OUREihQFRxEVz1jeWDbwp/H9W+tkOMt1K23Ya874kOsvNcHUDiijQGp4wEzSiAJ+ZB5jdJyfMCQVx/REN77nSqVSA+dzocnp6e7i/Nl4fDlRqYEf096fehzNHoHTCdBtGjkSnTaDSaDQrsmy+wPHTWVr6YyWScm5vrOWH/8eT42FB5ub25AkgRBgZ/9IBB1B9ROR6P00pSCUJCvN0ANRD0ayfgDr67LiCDxTAkQK3qw2B7Iax0nP2/gKLo0I/i7/FZ2a83vzmuTpYghVgiBIl9KL7nnNd57NtLE89rSV/ZVhJpRSx8/nu+5iX957JKj23a7Q0WV3XcfT52/PeHP+tJYQW/WXQVUlzFoRNvy/vDl9VWzGB9WZ+2EeujbBMA9NQiLkizCqkgKfGgKqQ8mzxpmJ8eTH76N/kplSeV8FOTVISmaSRe4S4+eyQAPtRM9VLuENst1vAkUisTlW0BlyZn6pUvwUrB39Nh0SK/jxMt33j69ayU4/Ogto0ucjlxk18vQiHRe5wBZRh5n0qIH9erinGqgCuPUCU8uXaSEYnDWyFAz2agBDWrKcOefqkEbc+rCJcKf+57SZUw0wVVQU0HVA0rbVENbetUK7hJqkN8c6pHaP7UINI/NSLcCTUh2j01I9gYtSBWk1oRypHaQQ8tKwvei1ocBoA1IgPQCJAWmoLBImxGVpWMzJjcBoD1o6DmAjqZCNDGtesL210B6typg2AQplABMI4vl4JagVEIrp/YVK5yBAxOZmIFmZv1cLUqy/dS+FRXS+TDj67N2VIRqA6SjyF38WZuGU9SFtXUNA4iIvBkqcUvfmcCLW6YCJNQpW9KxUYg/whCnPShHFZQjLhoKcVNyIoiCwuD5bC0jD7yBltv0NDaweEZ+Bk5ERTrzp0z2DdE0EJd1UQcEgKapOVI5AeJ49iag7kS3YgLqwIU1+5PfMDkcCqfhkAZQCZ5Iu9UlzxUzg472Zv8YPqL2rzAHslnT2IKAAAA)format("woff2");font-style:normal;font-weight:100 900}.home-kinpaku .hero-title{max-width:7.6em;color:var(--ks-ink);font-family:"Alumni Sans Hero", "Alumni Sans", var(--ks-font);font-weight:var(--ks-type-display-weight);font-size:var(--ks-type-display-size);line-height:var(--ks-type-display-line);letter-spacing:var(--ks-type-display-track);text-wrap:balance;margin:0}.hero-body{color:var(--ks-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;max-width:56ch;margin:0;font-size:1rem;font-weight:300;line-height:1.6}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:4px;display:flex}.hero-logos{flex-wrap:wrap;align-items:center;gap:14px;margin-top:4px;display:flex}.hero-logos-caption{color:var(--ks-text-muted);flex-basis:100%;margin-top:2px;font-size:.8125rem;line-height:1.55;display:none}@media (hover:none) and (width>=761px){.hero-logos-caption{display:block}}@media (width<=420px){.hero-logos{grid-template-columns:repeat(5,24px);justify-content:start;gap:14px 20px;display:grid}.hero-logos-caption{grid-column:1/-1}}.home-kinpaku .hero-logo{opacity:.86;width:24px;height:24px;transition:opacity .18s var(--ks-ease), transform .18s var(--ks-ease);background:0 0;border:0;border-radius:0;place-items:center;display:inline-grid}.home-kinpaku .hero-logo img{object-fit:contain;opacity:.84;filter:none;width:22px;height:22px;transition:opacity .18s var(--ks-ease), filter .18s var(--ks-ease)}.home-kinpaku .hero-logo[data-tooltip=Pi] img{filter:grayscale()saturate(0)invert()brightness(.2)contrast(1.1)}.home-kinpaku .hero-logo[data-tooltip=OpenCode] img{filter:grayscale()saturate(0)invert()brightness(.92)contrast(1.05)}.home-kinpaku .hero-logo:hover,.home-kinpaku .hero-logo:focus-visible{opacity:1;transform:translateY(-1px)}.home-kinpaku .hero-logo:hover img,.home-kinpaku .hero-logo:focus-visible img{opacity:1}.hero-right{grid-area:1/1;justify-self:end;width:100%;min-width:0;max-width:520px;position:relative}@media (width<=979px){.hero-container{grid-template-columns:minmax(0,1fr);row-gap:56px}.hero-left{text-align:center;grid-area:1/1;justify-self:center;justify-items:center;max-width:760px}.hero-actions,.hero-logos{justify-content:center}.hero-right{grid-area:2/1;justify-self:center}.home-kinpaku .hero-title{font-size:clamp(3rem,9vw,4.5rem)}}@media (width<=720px){.hero-actions{flex-direction:column;align-items:stretch}}.slop-teaser-section{padding:var(--ks-section-pad) 0}.home-kinpaku .slop-teaser-title{color:var(--ks-ink);font-family:var(--ks-font-display);font-weight:var(--ks-type-headline-weight);font-size:var(--ks-type-headline-size);line-height:var(--ks-type-headline-line);letter-spacing:var(--ks-type-headline-track);margin:0}.slop-teaser-body{color:var(--ks-text);font-size:var(--ks-type-body-size);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;max-width:60ch;margin:0;font-weight:400;line-height:1.6}.downloads{padding:var(--ks-section-pad) 0;border-top:1px solid var(--ks-rule);text-align:left;color:var(--ks-text)}.downloads-top{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:48px 80px;display:grid}.downloads-head{justify-items:start;gap:18px;max-width:34ch;display:grid}.home-kinpaku .downloads-title{color:var(--ks-ink);font-family:var(--ks-font-display);font-weight:var(--ks-type-headline-weight);font-size:var(--ks-type-headline-size);line-height:var(--ks-type-headline-line);letter-spacing:var(--ks-type-headline-track);margin:0}.downloads-lead{color:var(--ks-text);font-size:var(--ks-type-lead-size);margin:0;line-height:1.5}.downloads-extras{border-top:1px solid var(--ks-rule);grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:88px 0 0;padding:40px 0 0;list-style:none;display:grid}.downloads-extras li{flex-direction:column;gap:10px;min-width:0;padding:0 40px;display:flex}.downloads-extras li:first-child{padding-left:0}.downloads-extras li:last-child{padding-right:0}.downloads-extras li+li{border-left:1px solid var(--ks-rule)}.downloads-extras strong{color:var(--ks-ink);font-family:var(--ks-font);font-weight:var(--ks-type-title-weight);font-size:var(--ks-type-title-size);line-height:var(--ks-type-title-line)}.downloads-extras span{color:var(--ks-text);font-size:var(--ks-type-small-size);max-width:40ch;line-height:1.55}.home-kinpaku .downloads-extras span code{background:var(--ks-gray);border-radius:var(--ks-radius-sm);font-family:var(--ks-mono);color:var(--ks-ink);border:0;padding:.1em .4em;font-size:.85em}.home-kinpaku .downloads-extras a{width:fit-content;color:var(--ks-link-on-paper);font-size:var(--ks-type-small-size);text-decoration:underline;text-decoration-color:var(--ks-link-on-paper-line);text-underline-offset:4px;transition:text-decoration-color .18s var(--ks-ease);text-decoration-thickness:1px}.home-kinpaku .downloads-extras a:hover{text-decoration-color:var(--ks-link-on-paper-line-hover)}.home-kinpaku .downloads-extras a.downloads-link-secondary{margin-top:-4px}.downloads-more{font-size:var(--ks-type-small-size);color:var(--ks-text-muted);margin:40px 0 0}.downloads-more a{color:var(--ks-link-on-paper);text-decoration:underline;text-decoration-color:var(--ks-link-on-paper-line);text-underline-offset:4px;transition:text-decoration-color .18s var(--ks-ease);text-decoration-thickness:1px}.downloads-more a:hover{text-decoration-color:var(--ks-link-on-paper-line-hover)}@media (width<=1080px){.downloads-top{grid-template-columns:1fr;gap:40px}.downloads-extras{grid-template-columns:1fr;margin-top:64px}.downloads-extras li{padding:28px 0}.downloads-extras li:first-child{padding-top:0}.downloads-extras li:last-child{padding-bottom:0}.downloads-extras li+li{border-left:0;border-top:1px solid var(--ks-rule)}}.home-kinpaku .slop-teaser-section,.home-kinpaku .language-section{border-top:0;position:relative}.hero-live-demo{width:100%;display:block}.hero-live-demo .live-demo-frame{aspect-ratio:auto;max-width:100%;height:auto;max-height:min(540px,100svh - 140px)}.hero-live-demo .live-demo-stage{height:auto;min-height:0;padding:0;display:block;overflow:hidden}.hero-live-demo .hotel-site{height:auto;position:relative;inset:auto}.hero-live-demo .live-demo-target.hotel-hero-pick{align-self:stretch;width:auto;height:214px;min-height:0;margin:16px 18px 0}.hero-live-demo .live-demo-variant{place-items:stretch stretch;display:grid}.hero-live-demo .live-demo-variant>.hotel-hero{box-sizing:border-box;width:100%;height:100%}.hero-live-demo .hotel-suites{flex:none;max-height:132px;padding:10px 0 0 22px;overflow:hidden}.hero-live-demo .hotel-suites-row>.hotel-card{box-sizing:border-box;flex:none;width:198px;height:226px}.hero-live-demo [data-demo-input-text]:empty:before{content:"refine further…";opacity:.5}@media (width<=1080px){.hero-live-demo{max-width:460px;margin-inline:auto}}.hotel-site{--h-ivory:oklch(96.5% .012 84);--h-sand:oklch(92% .02 80);--h-ink:oklch(31% .025 55);--h-muted:oklch(50% .025 55);--h-green:oklch(43% .055 150);--h-line:oklch(82% .02 80);--h-serif:"Cormorant Garamond", Georgia, serif;--h-sans:var(--ks-font,system-ui, sans-serif);background:var(--h-ivory);color:var(--h-ink);flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}.hotel-nav{border-bottom:1px solid var(--h-line);flex:none;justify-content:space-between;align-items:center;height:44px;padding:0 22px;display:flex}.hotel-logo{font-family:var(--h-serif);letter-spacing:var(--ks-type-eyebrow-track);color:var(--h-ink);font-size:18px;font-weight:600}.hotel-nav-links{font-family:var(--h-sans);letter-spacing:.06em;color:var(--h-muted);gap:18px;font-size:11px;display:flex}.hotel-nav-book{font-family:var(--h-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--h-green);border:1px solid var(--h-green);border-radius:999px;padding:5px 13px;font-size:11px}.hotel-hero{border-radius:var(--ks-radius-md);box-sizing:border-box;align-items:flex-end;display:flex;position:relative;overflow:hidden}.hotel-hero-photo{background:linear-gradient(#0000,oklch(38% .04 40/.12) 42%,oklch(24% .03 40/.82)),linear-gradient(150deg,oklch(66% .08 60),oklch(48% .08 34) 52%,oklch(36% .05 255));position:absolute;inset:0}.hotel-hero-inner{flex-direction:column;align-items:flex-start;gap:6px;padding:22px 24px;display:flex;position:relative}.hotel-hero .hotel-hero-eyebrow{font-family:var(--h-sans);letter-spacing:var(--ks-type-eyebrow-track);text-transform:uppercase;color:oklch(91% .05 85);margin:0;font-size:10px}.hotel-hero .hotel-hero-title{font-family:var(--h-serif);font-weight:500;font-size:var(--ks-type-headline-size);letter-spacing:-.01em;color:oklch(98% .01 85);margin:0;line-height:1.05}.hotel-hero .hotel-hero-sub{font-family:var(--h-sans);color:oklch(89% .02 85);margin:0;font-size:12px}.hotel-hero-cta{font-family:var(--h-sans);letter-spacing:.04em;border-radius:var(--ks-radius-md);background:var(--h-ivory);color:var(--h-ink);cursor:pointer;border:0;margin-top:5px;padding:9px 18px;font-size:12px;font-weight:600}.hotel-hero--slop{background:oklch(95% .004 270);align-items:center}.hotel-hero--slop .hotel-hero-photo{display:none}.hotel-hero--slop .hotel-hero-title{font-family:ui-sans-serif,system-ui,sans-serif;font-weight:800;font-size:var(--ks-type-headline-size);letter-spacing:-.02em;color:oklch(32% .02 285)}.hotel-hero--slop .hotel-hero-sub{color:oklch(56% .015 285)}.hotel-hero--slop .hotel-hero-cta{color:oklch(98% .01 300);border-radius:var(--ks-radius-md);background:linear-gradient(135deg,oklch(62% .2 300),oklch(56% .21 268))}.hotel-hero--1 .hotel-hero-cta{color:oklch(30% .03 40);background:oklch(98% .01 85)}.hotel-hero--2{text-align:center;justify-content:center;align-items:center}.hotel-hero--2 .hotel-hero-photo{background:linear-gradient(#0000,oklch(38% .04 220/.12) 42%,oklch(24% .03 220/.82)),linear-gradient(150deg,oklch(64% .08 205),oklch(46% .07 230) 55%,oklch(34% .05 255))}.hotel-hero--2 .hotel-hero-inner{align-items:center}.hotel-hero--2 .hotel-hero-title{font-style:italic}.hotel-hero--2 .hotel-hero-cta{color:oklch(97% .01 85);background:0 0;border:1px solid oklch(97% .01 85/.7)}.hotel-hero--3 .hotel-hero-photo{background:linear-gradient(#0000,oklch(42% .05 55/.12) 42%,oklch(26% .04 50/.78)),linear-gradient(150deg,oklch(78% .1 75),oklch(60% .1 50) 52%,oklch(44% .07 38))}.hotel-hero--3 .hotel-hero-cta{background:var(--ks-kinpaku,oklch(84% .19 80));color:oklch(24% .03 60)}.hotel-suites{flex:1;padding:16px 0 0 22px;overflow:hidden}.hotel-site .hotel-suites-label{font-family:var(--h-sans);letter-spacing:var(--ks-type-eyebrow-track);text-transform:uppercase;color:var(--h-muted);margin:0 0 11px;font-size:10px}.hotel-suites-row{gap:16px;display:flex}.hotel-card{--c-surface:oklch(99% .008 84);--c-ink:var(--h-ink);--c-accent:var(--h-green);border-radius:var(--ks-radius-md);background:var(--c-surface);border:1px solid var(--h-line);font-family:var(--h-sans);text-align:left;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 3px 10px oklch(40% .04 60/.08)}.hotel-card-photo--b{background:radial-gradient(120% 90% at 30% 10%,oklch(88% .05 250/.6),#0000 60%),linear-gradient(150deg,oklch(70% .06 235),oklch(85% .05 90))}.hotel-card-photo--c{background:radial-gradient(120% 90% at 60% 0,oklch(90% .06 70/.7),#0000 60%),linear-gradient(150deg,oklch(76% .07 50),oklch(86% .05 110))}.hotel-card-photo{background:radial-gradient(120% 90% at 70% 10%,oklch(88% .06 95/.7),#0000 60%),linear-gradient(150deg,oklch(74% .05 160),oklch(86% .05 78));flex:none;height:104px}.hotel-card-body{flex-direction:column;flex:1;gap:4px;padding:13px 15px 14px;display:flex}.hotel-site .hotel-card-kicker{letter-spacing:.2em;text-transform:uppercase;color:var(--c-accent);margin:0;font-size:9px}.hotel-site .hotel-card-name{font-family:var(--h-serif);font-weight:600;font-size:var(--ks-type-title-lg-size);color:var(--c-ink);margin:0;line-height:1.05}.hotel-site .hotel-card-meta{color:var(--h-muted);margin:0;font-size:11px}.hotel-card-foot{justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:10px;display:flex}.hotel-card-price{font-family:var(--h-serif);color:var(--c-ink);font-size:20px;font-weight:600}.hotel-card-price i{font-style:normal;font-family:var(--h-sans);color:var(--h-muted);font-size:10px}.hotel-card-btn{font-family:var(--h-sans);letter-spacing:.06em;border-radius:var(--ks-radius-md);background:var(--c-ink);color:var(--h-ivory);cursor:pointer;border:0;flex:none;padding:7px 14px;font-size:11px;font-weight:500}.hero-live-demo .live-demo-annotations{z-index:4;pointer-events:none;color:var(--ks-patina-deep);opacity:0;transition:opacity .2s var(--ks-ease,ease);position:absolute;transform:none}.hero-live-demo .live-demo-annotations.is-visible{opacity:1}.hero-live-demo .live-demo-stroke{width:100%;height:100%;color:var(--ks-patina-deep);position:absolute;inset:0;overflow:visible;transform:none}.hero-live-demo .live-demo-stroke path{stroke-dasharray:1;stroke-dashoffset:1px;filter:drop-shadow(0 1px 2px oklch(0% 0 0/.35))}.hero-live-demo .live-demo-annotations.is-visible .live-demo-stroke path{animation:liveDemoStroke .62s var(--ks-ease,ease) forwards}.live-demo-pin{opacity:0;transform-origin:50%;transition:opacity .16s,transform .22s cubic-bezier(.22,1,.36,1);position:absolute;top:78%;left:46%;transform:scale(.5)}.hero-live-demo .live-demo-annotations.is-pin-visible .live-demo-pin{opacity:1;transform:scale(1)}.live-demo-pin-dot{background:var(--ks-kinpaku);border:2px solid var(--ks-paper-raised);width:14px;height:14px;box-shadow:var(--ks-lift-1);border-radius:50%;display:block}.live-demo-pin-note{white-space:nowrap;border-radius:var(--ks-radius-md);background:var(--ks-instrument);border:1px solid var(--ks-instrument-deep);color:var(--ks-instrument-text);font-family:var(--ks-font,system-ui, sans-serif);box-shadow:var(--ks-lift-2);opacity:0;align-items:center;padding:6px 10px;font-size:11.5px;line-height:1;transition:opacity .16s,transform .16s;display:inline-flex;position:absolute;bottom:24px;left:-3px;transform:translateY(3px)}.hero-live-demo .live-demo-annotations.is-note-visible .live-demo-pin-note{opacity:1;transform:none}.live-demo-pin-caret{background:var(--ks-kinpaku);width:1px;height:12px;margin-left:1px;animation:1s step-end infinite liveDemoCaret;display:inline-block}.live-demo-annot-clear{font-family:var(--ks-mono,monospace);letter-spacing:.14em;text-transform:uppercase;color:var(--ks-instrument-muted);background:var(--ks-instrument);border:1px solid var(--ks-instrument-deep);border-radius:var(--ks-radius-sm);opacity:0;padding:3px 7px;font-size:8.5px;transition:opacity .2s;position:absolute;top:6px;right:6px}.hero-live-demo .live-demo-annotations.is-visible .live-demo-annot-clear{opacity:.85}@property --proof-position{syntax:"<percentage>";inherits:true;initial-value:50%}@keyframes proof-peek{0%,62%,to{--proof-position:71%}18%{--proof-position:81%}44%{--proof-position:67%}}.hero-proof-panel.is-peeking{animation:5.2s cubic-bezier(.45,0,.2,1) infinite proof-peek}@media (prefers-reduced-motion:reduce){.hero-proof-panel.is-peeking{animation:none}}.hero-proof{--proof-position:71%;--proof-detector-ink:oklch(4% .004 95);--proof-lacquer:var(--ks-paper);--proof-deep:var(--ks-paper-deep);--proof-raised:var(--ks-paper-raised);--proof-graphite:var(--ks-gray-2);--proof-text:var(--ks-ink);--proof-body:var(--ks-text);--proof-muted:var(--ks-text-muted);--proof-rule:var(--ks-rule);--proof-after-surface:var(--ks-paper);width:min(100%,520px);color:var(--proof-text);justify-items:center;margin-inline:auto 0;display:grid}.hero-proof-stage{--proof-card-h:clamp(184px, 30vw, 236px);--proof-pad-top:16px;--proof-pad-bottom:42px;height:calc(var(--proof-card-h) + var(--proof-pad-top) + var(--proof-pad-bottom));background:0 0;border:0;width:100%;min-width:0;max-width:100%;position:relative;overflow:visible}.hero-proof-panel,.hero-proof-layer{position:absolute;inset:0}.hero-proof-panel[hidden]{display:none}.hero-proof-layer{background:0 0}.hero-proof-layer--before{z-index:1;overflow:visible}.hero-proof-layer--after{z-index:2;background:var(--proof-after-surface);clip-path:inset(-48px -48px -48px var(--proof-position));overflow:visible}.hero-proof-canvas{padding:var(--proof-pad-top) 0 var(--proof-pad-bottom) clamp(34px, 4.5vw, 54px);place-items:start end;display:grid;position:absolute;inset:0}.hero-proof-canvas>article{width:min(300px,100% - 120px);height:var(--proof-card-h);position:relative;overflow:visible}.hero-proof-side-label{z-index:3;pointer-events:none;width:80px;height:80px;position:absolute;overflow:visible}.hero-proof-side-label text{fill:var(--ks-text-muted);font-family:var(--ks-mono);letter-spacing:.16em;text-transform:uppercase;font-size:11px;font-weight:500}.hero-proof-side-label--before{top:-40px;left:-40px}.hero-proof-side-label--after{bottom:-40px;right:-40px}.proof-annotation{z-index:5;white-space:nowrap;min-height:24px;color:var(--proof-detector-ink);background:var(--ks-kinpaku);border:1px solid var(--ks-kinpaku);font-family:var(--ks-mono);font-size:var(--ks-type-eyebrow-size);letter-spacing:normal;text-transform:none;--reveal-index:0;--reveal-step:70ms;--reveal-delay:calc(var(--reveal-index) * var(--reveal-step));filter:blur();transition:opacity .26s var(--ks-ease) var(--reveal-delay), filter .3s var(--ks-ease) var(--reveal-delay), transform .34s var(--ks-ease) var(--reveal-delay), visibility .34s var(--reveal-delay);pointer-events:none;border-radius:2px;align-items:center;padding:0 7px;font-weight:500;line-height:normal;display:inline-flex;position:absolute;top:50%;right:calc(100% + 16px);transform:translateY(-50%)translate(0)}.proof-annotation.is-concealed{opacity:0;visibility:hidden;filter:blur(6px);transition-delay:0s;transform:translateY(-50%)translate(10px)}.proof-annotation:after{content:"";background:var(--ks-kinpaku);transform-origin:0;width:17px;height:1px;transition:transform .3s var(--ks-ease) calc(var(--reveal-delay) + .13s);position:absolute;top:50%;right:-17px;transform:scaleX(1)}.proof-annotation.is-concealed:after{transition-delay:0s;transform:scaleX(0)}@media (prefers-reduced-motion:reduce){.proof-annotation,.proof-annotation.is-concealed{filter:none;transition:opacity 80ms linear;transform:translateY(-50%)}.proof-annotation:after,.proof-annotation.is-concealed:after{transition:none;transform:none}}.proof-polish--before,.proof-polish-head,.proof-polish-pulse,.proof-polish-heading,.proof-polish-body,.proof-distill>header,.proof-distill-live,.proof-distill-grid,.proof-distill-nested,.proof-clarify-heading,.proof-clarify-fields,.proof-clarify-cta{position:relative}.proof-annotation--surface{top:auto;bottom:2px;transform:none}.proof-annotation--sidetab{top:66%;right:calc(100% + 23px)}.hero-proof-seam{z-index:7;top:calc(var(--proof-pad-top) - 18px);bottom:calc(var(--proof-pad-bottom) - 18px);left:var(--proof-position);background:var(--ks-kinpaku);pointer-events:none;width:2px;height:auto;position:absolute;transform:translate(-50%)}.hero-proof-seam:after{content:"";background-color:var(--ks-paper-raised);width:30px;height:20px;box-shadow:var(--ks-cap-lift), 0 0 0 2px var(--ks-paper), 0 0 0 4px var(--ks-kinpaku);background-image:repeating-linear-gradient(90deg,#0000 0 3px,oklch(13% 0 0/.3) 3px 4px);background-position:50%;background-repeat:no-repeat;background-size:12px 9px;border-radius:5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-proof-panel:focus-within .hero-proof-seam:after{box-shadow:var(--ks-cap-lift), 0 0 0 2px var(--ks-paper), 0 0 0 5px var(--ks-kinpaku)}.hero-proof-panel.is-dragging .hero-proof-seam:after{box-shadow:var(--ks-cap-press), 0 0 0 2px var(--ks-paper), 0 0 0 4px var(--ks-kinpaku)}.hero-proof-range,.hero-proof-drag{z-index:8;cursor:ew-resize;opacity:0;touch-action:pan-y;width:100%;height:100%;margin:0;position:absolute;inset:0}.hero-proof-range{pointer-events:none;appearance:none}.hero-proof-range::-webkit-slider-thumb{appearance:none;width:0;height:100%}.hero-proof-range::-moz-range-thumb{border:0;width:0;height:100%}.proof-polish{--proof-polish-inset:18px;--proof-polish-head-height:38px;border:1px solid var(--proof-rule);grid-template-rows:auto 1fr;display:grid}.proof-polish-head{min-height:var(--proof-polish-head-height);padding:0 var(--proof-polish-inset);border-bottom:1px solid;justify-content:space-between;align-items:center;font-size:.68rem;display:flex}.proof-polish--before{color:oklch(31% .026 60);border-radius:var(--ks-radius-md);background:oklch(92% .028 73);border-color:oklch(70% .025 65/.42) oklch(70% .025 65/.42) oklch(70% .025 65/.42) oklch(68% .2 280);border-left-style:solid;border-left-width:7px}.proof-polish--before .proof-polish-head{border-bottom-color:oklch(63% .025 65/.24)}.proof-polish-pulse,.proof-polish-track{align-items:center;gap:7px;display:inline-flex}.proof-polish-pulse i{background:oklch(61% .17 150);border-radius:50%;width:8px;height:8px;animation:1.8s ease-out infinite hero-proof-pulse;display:block;box-shadow:0 0 oklch(61% .17 150/.5)}.proof-polish-body{padding:18px var(--proof-polish-inset);align-content:center;gap:9px;display:grid}.proof-polish-kicker,.proof-polish-sprint{font-family:var(--ks-mono);letter-spacing:.16em;text-transform:uppercase;font-size:.64rem;font-weight:600}.proof-polish .proof-h{text-wrap:balance;max-width:14ch;margin:0;font-size:clamp(1.35rem,2.5vw,2.1rem);line-height:.98}.proof-polish--before .proof-h{color:inherit;letter-spacing:-.035em;font-family:Iowan Old Style,Palatino Linotype,Georgia,serif;font-weight:400}.proof-polish--before .proof-h em{color:oklch(49% .09 40)}.proof-polish--before .proof-polish-sprint,.proof-polish--before .proof-polish-kicker{color:oklch(39% .035 60)}.proof-polish--before .proof-polish-kicker{top:8px;left:var(--proof-polish-inset);position:absolute}.proof-polish-body>p{max-width:42ch;margin:0;font-size:clamp(.68rem,1.1vw,.8rem);line-height:1.45}.proof-polish--before .proof-polish-body>p{color:inherit}.proof-polish--after{color:var(--proof-body);background:var(--proof-after-surface);border-color:var(--proof-rule);border-radius:2px}.proof-polish--after .proof-polish-head{border-bottom-color:var(--proof-rule)}.proof-polish--after .proof-h{color:var(--proof-text);font-family:var(--ks-font);letter-spacing:-.02em;font-weight:500}.proof-polish-sprint{color:var(--ks-kinpaku)}.proof-polish-track{color:var(--proof-text);font-weight:600}.proof-polish-track:before{content:"";background:var(--ks-patina);width:6px;height:6px}.proof-polish-progress{background:var(--proof-graphite);height:2px;margin-top:3px}.proof-polish-progress i{background:var(--ks-kinpaku);width:72%;height:100%;display:block}.proof-polish--after .proof-polish-sprint{color:var(--ks-patina-deep)}.proof-polish--after .proof-polish-progress i{background:var(--ks-patina-deep)}.proof-polish--before .proof-polish-progress{background:oklch(82% .026 70)}.proof-polish--before .proof-polish-progress i{background:oklch(61% .14 150)}.proof-polish footer{justify-content:space-between;gap:12px;font-size:.64rem;display:flex}.proof-polish footer b{font-weight:600}.proof-polish--before footer{color:oklch(43% .025 60)}.proof-polish--before footer b{color:oklch(31% .026 60)}.proof-polish--after footer{color:var(--proof-muted)}.proof-polish--after footer b{color:var(--proof-text)}.proof-distill{border:1px solid var(--proof-rule);padding:14px clamp(14px,2vw,18px)}.proof-distill>header,.proof-clarify>header{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.proof-distill>header>strong,.proof-clarify>header>span{font-size:.82rem;font-weight:500}.proof-distill>header>span,.proof-clarify>header>small{font-family:var(--ks-mono);font-size:.62rem}.proof-distill--before{color:oklch(89% .015 260);border-radius:var(--ks-radius-md);background:oklch(18% .025 260);border-color:oklch(72% .2 285/.34)}.proof-distill--before>header>span{color:oklch(88% .02 260);background:oklch(67% .19 285/.22);border-radius:999px;padding:4px 8px}.proof-distill-grid{grid-template-columns:1fr 1fr;gap:7px;margin-top:12px;display:grid}.proof-distill-grid>div{background:oklch(24% .027 260);border:1px solid oklch(80% .03 260/.12);border-radius:8px;grid-template-columns:1fr auto;gap:3px;padding:8px;display:grid}.proof-distill-grid small{color:oklch(70% .02 260);grid-column:1/-1;font-size:.56rem}.proof-distill-grid b{font-size:.74rem}.proof-distill-grid i{color:oklch(73% .15 150);font-size:.55rem;font-style:normal}.proof-distill-nested{background:oklch(23% .025 260);border:1px solid oklch(80% .03 260/.12);border-radius:8px;gap:7px;margin-top:8px;padding:8px;font-size:.58rem;display:grid}.proof-distill-nested>div{border-radius:var(--ks-radius-sm);background:oklch(27% .025 260);align-items:end;gap:4px;height:20px;padding:4px;display:flex}.proof-distill-nested i{background:oklch(67% .19 285);width:28%;display:block}.proof-distill-nested i:first-child{height:40%}.proof-distill-nested i:nth-child(2){height:72%}.proof-distill-nested i:nth-child(3){height:100%}.proof-distill--after{color:var(--proof-body);background:var(--proof-after-surface);border-color:var(--proof-rule);border-radius:2px}.proof-distill--after>header span{color:var(--proof-muted)}.proof-distill-primary{align-items:baseline;gap:12px;margin-top:14px;display:flex}.proof-distill-primary b{color:var(--proof-text);font-family:var(--ks-font-display);letter-spacing:-.02em;font-size:clamp(1.8rem,3.6vw,3rem);font-weight:500;line-height:1}.proof-distill-primary span{color:var(--ks-patina-deep);font-size:.64rem;font-weight:600}.proof-distill-chart{border-bottom:1px solid var(--proof-rule);align-items:end;gap:6px;height:76px;margin-top:10px;display:flex}.proof-distill-chart i{background:var(--ks-patina-deep);flex:1;display:block}.proof-distill-chart i:first-child{height:28%}.proof-distill-chart i:nth-child(2){height:42%}.proof-distill-chart i:nth-child(3){height:38%}.proof-distill-chart i:nth-child(4){height:57%}.proof-distill-chart i:nth-child(5){height:66%}.proof-distill-chart i:nth-child(6){height:62%}.proof-distill-chart i:nth-child(7){background:var(--ks-kinpaku);height:88%}.proof-distill--after footer{color:var(--proof-muted);gap:20px;padding-top:9px;font-size:.62rem;display:flex}.proof-distill--after footer b{color:var(--proof-text);font-weight:500}.proof-clarify{border:1px solid var(--proof-rule);align-content:start;gap:10px;padding:clamp(14px,2.4vw,22px);display:grid}.proof-clarify .proof-h{max-width:19ch;margin:0;font-size:clamp(1rem,2vw,1.45rem);line-height:1.12}.proof-clarify--before{color:oklch(24% .02 95);border-radius:var(--ks-radius-md);background:oklch(96% .01 95);border-color:oklch(72% .02 95/.4)}.proof-clarify--before>header small{color:oklch(50% .012 95)}.proof-clarify--before .proof-h{color:inherit;font-family:Iowan Old Style,Palatino Linotype,Georgia,serif;font-weight:400}.proof-clarify-fields{grid-template-columns:1fr 1fr;gap:7px;display:grid}.proof-clarify-fields i{color:oklch(43% .02 95);border-radius:var(--ks-radius-md);white-space:nowrap;background:oklch(100% 0 0);border:1px solid oklch(72% .02 95/.38);align-items:center;min-width:0;height:26px;padding:0 8px;font-size:.56rem;font-style:normal;display:flex;overflow:hidden}.proof-clarify-cta{justify-content:center;align-items:center;min-height:29px;padding:0 15px;font-size:.68rem;display:inline-flex}.proof-clarify--before .proof-clarify-cta{color:oklch(98% 0 0);border-radius:var(--ks-radius-md);background:oklch(28% .02 95)}.proof-clarify--after{color:var(--proof-body);background:var(--proof-after-surface);border-color:var(--proof-rule);border-radius:2px;gap:6px}.proof-clarify--after>header span{color:var(--proof-text)}.proof-clarify--after>header small{color:var(--proof-muted)}.proof-clarify--after>p{color:var(--proof-body);margin:-3px 0 0;font-size:.68rem}.proof-clarify-options{gap:6px;display:flex}.proof-clarify-options span{color:var(--proof-body);border:1px solid var(--proof-rule);padding:6px 9px;font-size:.61rem}.proof-clarify-options span:first-child{color:var(--ks-patina-deep);border-color:var(--ks-patina-deep);background:oklch(70% .12 188/.08)}.proof-clarify--after .proof-clarify-cta{width:max-content;min-height:31px;color:var(--proof-detector-ink);background:var(--ks-kinpaku);border:1px solid var(--ks-kinpaku);border-radius:2px;padding:0 12px}@keyframes hero-proof-pulse{70%,to{box-shadow:0 0 0 10px oklch(61% .17 150/0)}}.hero-proof-tabs{margin:16px 0 0 auto}@media (width>=1200px){.hero-right{--proof-scale:clamp(1, calc(100vw / 1200px), 1.2);max-width:624px}.hero-right .hero-proof{zoom:var(--proof-scale)}}.home-kinpaku .slop-pattern-section{max-width:1500px;padding:var(--ks-section-pad) 0;margin:0 auto}.slop-pattern-head{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:clamp(36px,7vw,110px);margin-bottom:54px;display:grid}.slop-pattern-head>div:first-child{gap:24px;max-width:760px;display:grid}.home-kinpaku .slop-pattern-head .slop-teaser-title{text-wrap:balance;max-width:none}.home-kinpaku .slop-pattern-head .slop-teaser-body{max-width:52ch;margin:0}.slop-pattern-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;padding-bottom:3px;display:flex}.slop-scan-control{gap:12px;font-size:18px}@media (any-pointer:coarse){.slop-scan-control{min-height:var(--ks-control-lg)}}.slop-scan-control .ks-switch-track{width:52px;height:30px}.slop-scan-control .ks-switch-knob{width:24px;height:24px}.slop-scan-control .ks-switch-knob:after{width:8px;height:8px}.slop-scan-control[aria-pressed=true] .ks-switch-knob{transform:translate(22px)}.slop-pattern-board{background:var(--ks-rule);border:0;grid-template-rows:repeat(3,minmax(190px,1fr));grid-template-columns:repeat(12,minmax(0,1fr));gap:1px;min-height:clamp(650px,70vw,800px);display:grid;position:relative;overflow:hidden}.slop-pattern-item{background:var(--ks-paper);isolation:isolate;min-width:0;min-height:0;text-decoration:none;display:block;position:relative;overflow:hidden}.slop-pattern-item:before{content:"↗";z-index:7;color:var(--ks-accent-ink);font-family:var(--ks-mono);font-size:var(--ks-type-mono-size);opacity:0;transition:opacity .16s var(--ks-ease), transform .16s var(--ks-ease);position:absolute;top:14px;right:16px;transform:translate(-4px,4px)}.slop-pattern-item:hover:before,.slop-pattern-item:focus-visible:before{opacity:1;transform:translate(0)}.slop-pattern-item:focus-visible{z-index:9;outline:2px solid var(--ks-focus-ring);outline-offset:-2px}.slop-pattern-item--serif{grid-area:1/1/span 2/span 5}.slop-pattern-item--soft-card{grid-area:1/6/auto/span 3}.slop-pattern-item--sidetab{grid-area:1/9/auto/span 4}.slop-pattern-item--eyebrow{grid-area:2/6/auto/span 4}.slop-pattern-item--pulse{grid-area:2/10/auto/span 3}.slop-pattern-item--nested{grid-area:3/1/auto/span 4}.slop-pattern-item--icons{grid-area:3/5/auto/span 4}.slop-pattern-item--markers{grid-area:3/9/auto/span 4}.slop-target{position:relative}.slop-target:before,.slop-target:after{z-index:6;opacity:0;pointer-events:none;transition:opacity .14s linear;position:absolute}.slop-target:before{content:"";border:1px solid var(--ks-kinpaku);inset:-9px}.slop-target:after{content:attr(data-label);max-width:calc(100% + 18px);color:var(--ks-on-gold);background:var(--ks-kinpaku);font-family:var(--ks-mono);font-size:var(--ks-type-ui-size);letter-spacing:normal;text-overflow:ellipsis;white-space:nowrap;border-radius:2px 2px 0 0;padding:5px 7px;font-weight:500;line-height:normal;top:-9px;left:-9px;overflow:hidden;transform:translateY(-100%)}.slop-target--soft-card:before{inset:-4px}.slop-target--soft-card:after{top:-3px;left:-4px}[data-detector=on] .slop-target:before,[data-detector=on] .slop-target:after,.slop-pattern-item:hover .slop-target:before,.slop-pattern-item:hover .slop-target:after,.slop-pattern-item:focus-visible .slop-target:before,.slop-pattern-item:focus-visible .slop-target:after{opacity:1}.slop-pattern-specimen{width:100%;height:100%}.slop-pattern-specimen--serif{color:oklch(26% .024 70);background:oklch(93.5% .026 73);align-content:center;padding:clamp(26px,5vw,62px);display:grid}.slop-target--serif{letter-spacing:-.055em;max-width:12ch;font-family:Iowan Old Style,Palatino Linotype,Georgia,serif;font-size:clamp(2.5rem,4.8vw,5.5rem);line-height:.88;display:block}.slop-target--serif em{color:oklch(50% .09 40);font-weight:400}.slop-pattern-specimen--soft-card{color:oklch(24% .014 260);background-color:oklch(96% .012 260);background-image:linear-gradient(oklch(32% .02 260/.075) 1px,#0000 1px),linear-gradient(90deg,oklch(32% .02 260/.075) 1px,#0000 1px);background-size:22px 22px;place-content:center;padding:30px;display:grid}.slop-target--soft-card{text-align:center;background:oklch(22% .014 260);border:1px solid oklch(88% .018 260/.14);border-radius:36px;justify-items:center;gap:9px;width:min(100%,260px);padding:24px 20px 20px;display:grid;box-shadow:0 18px 38px oklch(0% 0 0/.28)}.slop-soft-card-icon{color:oklch(95% 0 0);background:oklch(62% .19 280);border-radius:11px;place-items:center;width:38px;height:38px;margin-bottom:5px;font-size:1rem;display:grid}.home-kinpaku .slop-target--soft-card strong{color:oklch(95% .008 260);font-size:.9rem;line-height:1.2}.slop-soft-card-copy{color:oklch(46% .018 260);max-width:22ch;font-size:.7rem;line-height:1.45}.slop-soft-card-action{color:oklch(94% .01 260);background:oklch(30% .02 260);border:1px solid oklch(88% .018 260/.12);border-radius:999px;margin-top:6px;padding:7px 13px;font-size:.66rem}.slop-soft-card-action i{margin-left:4px;font-style:normal}.slop-pattern-specimen--sidetab{background:oklch(95% .012 260);place-items:center;padding:30px;display:grid}.slop-target--sidetab{color:oklch(94% .01 260);border-radius:var(--ks-radius-md);background:oklch(27% .025 260);border:1px solid oklch(80% .03 260/.14);border-left:7px solid oklch(68% .2 280);gap:11px;width:min(100%,300px);padding:23px 24px;display:grid;box-shadow:0 18px 35px oklch(0% 0 0/.24)}.home-kinpaku .slop-target--sidetab strong{color:oklch(94% 0 0);font-size:.9rem}.slop-target--sidetab>span{color:oklch(78% .02 260);font-size:.74rem;line-height:1.5}.slop-pattern-specimen--eyebrow{color:oklch(21% .018 95);background:oklch(97% .012 95);place-items:center;padding:34px;display:grid}.slop-target--eyebrow{justify-items:start;gap:10px;display:grid}.slop-eyebrow-chip{color:oklch(48% .13 280);font-size:var(--ks-type-eyebrow-size);letter-spacing:.16em;text-transform:uppercase;background:oklch(68% .2 280/.1);border-radius:999px;padding:5px 10px;font-weight:600}.home-kinpaku .slop-target--eyebrow strong{color:oklch(94% .01 95);font-size:clamp(1.3rem,2.4vw,2rem);line-height:1.04}.slop-target--eyebrow>span:last-child{color:oklch(70% .015 95);font-size:var(--ks-type-mono-size)}.slop-pattern-specimen--pulse{color:oklch(25% .028 155);background:oklch(95% .02 155);place-items:center;padding:32px;display:grid}.slop-target--pulse{gap:26px;display:grid}.slop-pulse-status{align-items:center;gap:10px;font-size:.82rem;display:flex}.slop-pulse-dot{background:oklch(76% .18 150);border-radius:50%;width:9px;height:9px;animation:1.7s ease-out infinite slop-pattern-pulse;box-shadow:0 0 oklch(76% .18 150/.55)}.slop-pulse-lines{gap:9px;width:190px;display:grid}.slop-pulse-lines i{background:oklch(82% .035 155/.16);border-radius:999px;height:7px;display:block}.slop-pulse-lines i:nth-child(2){width:78%}.slop-pulse-lines i:nth-child(3){width:52%}@keyframes slop-pattern-pulse{72%,to{box-shadow:0 0 0 12px oklch(76% .18 150/0)}}.slop-pattern-specimen--nested{background:oklch(95% .008 95);place-items:center;padding:25px;display:grid}.slop-target--nested,.slop-nested-card{color:oklch(91% .012 95);border-radius:var(--ks-radius-md);background:oklch(21% .008 95);border:1px solid oklch(88% .014 95/.14);gap:12px;padding:17px;font-size:.72rem;display:grid}.slop-target--nested{width:min(100%,340px)}.slop-nested-card--inner{color:oklch(45% .012 95);background:oklch(92% .008 95);place-items:center;min-height:64px}.slop-pattern-specimen--icons{color:oklch(22% .018 260);background:oklch(94% .014 260);place-items:center;padding:26px;display:grid}.slop-target--icons{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.slop-target--icons>span{border-radius:var(--ks-radius-md);background:oklch(23% .02 260);border:1px solid oklch(84% .02 260/.14);justify-items:start;gap:5px;min-width:0;padding:12px;display:grid}.slop-target--icons i{color:oklch(98% 0 0);background:oklch(62% .2 280);border-radius:8px;place-items:center;width:30px;height:30px;font-style:normal;display:grid}.slop-target--icons b{font-size:var(--ks-type-mono-size)}.slop-target--icons small{color:oklch(70% .02 260);font-size:var(--ks-type-eyebrow-size)}.slop-pattern-specimen--markers{color:oklch(24% .018 260);background:oklch(95% .016 260);place-items:center;padding:30px;display:grid}.slop-target--markers{gap:16px;display:grid}.slop-target--markers:after{width:max-content;max-width:calc(100vw - 64px);left:50%;transform:translate(-50%,-100%)}.slop-target--markers>span{font-size:var(--ks-type-title-size);align-items:baseline;gap:12px;display:flex}.slop-target--markers b{color:oklch(52% .18 280);font-family:var(--ks-font-display);font-size:1.7rem}.slop-target--soft-card{background:oklch(99% .004 260);border-color:oklch(34% .018 260/.14);box-shadow:0 18px 38px oklch(25% .025 260/.12)}.home-kinpaku .slop-target--soft-card strong{color:oklch(23% .018 260)}.slop-soft-card-action{color:oklch(27% .018 260);background:oklch(94% .012 260);border-color:oklch(34% .018 260/.14)}.slop-target--sidetab{color:oklch(22% .018 260);background:oklch(99% .004 260);border-color:oklch(32% .025 260/.14);box-shadow:0 18px 35px oklch(25% .025 260/.12)}.home-kinpaku .slop-target--sidetab strong{color:oklch(20% .018 260)}.slop-target--sidetab>span{color:oklch(47% .02 260)}.home-kinpaku .slop-target--eyebrow strong{color:oklch(18% .018 95)}.slop-target--eyebrow>span:last-child{color:oklch(48% .015 95)}.slop-pulse-lines i{background:oklch(30% .035 155/.13)}.slop-target--nested,.slop-nested-card{color:oklch(23% .012 95);background:oklch(99% .004 95);border-color:oklch(28% .014 95/.14)}.slop-nested-card{background:oklch(96% .008 95)}.slop-target--icons>span{background:oklch(99% 0 0);border-color:oklch(34% .02 260/.17)}.slop-target--icons small{color:oklch(48% .02 260)}@media (width<=900px){.slop-pattern-board{grid-template-rows:repeat(5,minmax(190px,1fr));grid-template-columns:repeat(6,minmax(0,1fr));min-height:980px}.slop-pattern-item--serif{grid-area:1/1/span 2/span 4}.slop-pattern-item--soft-card{grid-area:1/5/auto/span 2}.slop-pattern-item--pulse{grid-area:2/5/auto/span 2}.slop-pattern-item--sidetab{grid-area:3/1/auto/span 3}.slop-pattern-item--eyebrow{grid-area:3/4/auto/span 3}.slop-pattern-item--nested{grid-area:4/1/auto/span 3}.slop-pattern-item--icons{grid-area:4/4/auto/span 3}.slop-pattern-item--markers{grid-area:5/1/auto/-1}}.language-steering{margin-top:clamp(64px,7vw,88px);padding-top:clamp(28px,3vw,40px)}.language-review{margin-top:36px;scroll-margin-top:112px}.language-review h3{margin:0 0 20px;font-size:22px;font-weight:500;line-height:1.3}.language-review-flow{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none;display:grid}.language-review-flow li{border-top:2px solid var(--ks-rule);align-content:start;gap:10px;padding:18px 24px 0 0;display:grid;position:relative}.language-review-flow li+li:before{content:"→";color:var(--ks-text-muted);position:absolute;top:-14px;left:-24px}.language-review-step{font-weight:600}.language-review-flow q{color:var(--ks-text-muted)}.language-review-foot{color:var(--ks-text-muted);margin:20px 0 0;font-size:14px}.language-review a,.language-steering-intro a{color:var(--ks-link-on-paper);text-underline-offset:4px;text-decoration:underline;text-decoration-color:var(--ks-link-on-paper-line)}.language-review a:hover,.language-steering-intro a:hover{text-decoration-color:currentColor}@media (width<=760px){.language-review-flow{grid-template-columns:1fr;gap:20px}.language-review-flow li{border-top:0;border-left:2px solid var(--ks-rule);padding:0 0 0 18px}.language-review-flow li+li:before{content:none}}.language-steering-head{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:24px 48px;margin-bottom:28px;display:grid}.language-steering-head h3{max-width:24ch;color:var(--ks-ink);font-family:var(--ks-font-display);font-size:var(--ks-type-headline-size);font-weight:var(--ks-type-headline-weight);line-height:var(--ks-type-headline-line);letter-spacing:var(--ks-type-headline-track);text-wrap:balance;margin:0}.language-steering-head p{max-width:54ch;color:var(--ks-text-muted);font-size:var(--ks-type-body-size);line-height:var(--ks-type-body-line);margin:0}.language-steering-intro{gap:14px;display:grid}.steering-desktop{color:var(--ks-text);background:var(--ks-paper-raised);border:1px solid var(--ks-rule);border-radius:var(--ks-radius-md);box-shadow:var(--ks-lift-2);overflow:hidden}.steering-desktop-bar,.steering-pane-head{color:var(--ks-text-muted);font-family:var(--ks-mono);font-size:var(--ks-type-eyebrow-size);align-items:center;gap:16px;display:flex}.steering-desktop-bar{background:var(--ks-paper-deep);border-bottom:1px solid var(--ks-rule);min-height:48px;padding:0 16px}.steering-window-controls{gap:7px;padding-right:4px;display:inline-flex}.steering-window-controls i{background:var(--ks-gray-2);border-radius:50%;width:11px;height:11px;display:block}.steering-desktop-brand,.steering-pane-title{align-items:center;gap:8px;display:inline-flex}.steering-desktop-brand{color:var(--ks-ink);margin-left:auto}.steering-desktop-brand i{background:var(--ks-kinpaku);width:10px;height:16px;display:inline-block;transform:translateY(-2px)skew(-18deg)}.steering-mobile-tabs{display:none}.steering-desktop-panes{background:var(--ks-paper-raised);grid-template-columns:repeat(2,minmax(0,1fr));height:650px;transition:grid-template-columns .44s cubic-bezier(.16,1,.3,1);display:grid}.steering-pane{background:var(--ks-paper-raised);outline:0;min-width:0;min-height:0;overflow:hidden}.steering-pane:focus-visible{box-shadow:inset 0 0 0 2px var(--ks-patina)}.steering-pane-head{border-bottom:1px solid var(--ks-rule);justify-content:space-between;min-height:40px;padding:0 18px}.steering-pane-title{color:var(--ks-text)}.steering-pane-title i{background:var(--ks-patina);border-radius:50%;width:6px;height:6px}.steering-agent{--ks-ink:var(--ks-instrument-text);--ks-text:color-mix(in oklch, var(--ks-instrument-text) 85%, var(--ks-instrument-muted));--ks-text-muted:var(--ks-instrument-muted);--ks-text-faint:var(--ks-instrument-muted);--ks-state-ink:var(--ks-patina-pale);--ks-paper-raised:var(--ks-instrument);--ks-paper-deep:var(--ks-instrument-raised);--ks-gray:var(--ks-instrument-raised);--ks-rule:var(--ks-instrument-rule);--ks-edge:var(--ks-instrument-edge);color:var(--ks-text);background:var(--ks-instrument-deep);border-right:1px solid var(--ks-rule);color-scheme:dark;grid-template-rows:auto minmax(0,1fr) auto;display:grid;position:relative}.steering-thread{scrollbar-width:none;min-height:0;overflow:hidden}.steering-thread::-webkit-scrollbar{display:none}.steering-thread-scene{align-content:start;gap:24px;min-height:610px;padding:22px 20px 196px;display:grid}.steering-thread-scene--live{align-content:center}.steering-thread-user,.steering-thread-agent{gap:5px;display:grid}.steering-thread-user>span,.steering-thread-agent>span{color:var(--ks-text-muted);font-size:var(--ks-type-label-size);font-weight:600;line-height:1.4}.steering-thread-user>p,.steering-thread-agent>p{color:var(--ks-text);font-size:var(--ks-type-ui-lead);margin:0;line-height:1.55}.steering-thread-user>p{color:var(--ks-ink);background:var(--ks-instrument);border:1px solid var(--ks-rule);border-radius:var(--ks-radius-md);padding:12px}.steering-thread code{color:var(--ks-ink);font-family:var(--ks-mono);background:var(--ks-gray);border-radius:var(--ks-code-radius);padding:.1em .4em;font-size:.85em}.home-kinpaku .steering-agent code.steering-command{color:var(--ks-instrument-text);background:0 0;padding:0}.steering-agent .steering-command-name,.steering-agent .steering-command-verb{border-radius:var(--ks-code-radius);white-space:nowrap;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:.12em .35em}.steering-agent .steering-command-name{color:var(--ks-kinpaku);background:color-mix(in oklch, var(--ks-kinpaku) 14%, transparent)}.steering-agent .steering-command-verb{color:var(--ks-patina-pale);background:color-mix(in oklch, var(--ks-patina) 16%, transparent)}.steering-hook-log{margin-top:6px}.steering-hook-log p{border-top:1px solid var(--ks-rule);grid-template-columns:18px minmax(0,1fr);margin:0;padding:9px 0;display:grid}.steering-hook-log i{color:var(--ks-text-faint);font-family:var(--ks-mono);font-size:var(--ks-type-eyebrow-size);grid-row:1/span 2;font-style:normal;line-height:1.6}.steering-hook-log p:last-child i{color:var(--ks-state-ink)}.steering-agent .steering-impeccable-mark{color:var(--ks-kinpaku)}.steering-impeccable-mark svg{width:16px;height:16px;margin-top:1px;display:block}.steering-hook-log strong{color:var(--ks-ink);font-size:var(--ks-type-ui-size);font-weight:500;line-height:1.4}.steering-hook-log small{color:var(--ks-text-muted);font-size:var(--ks-type-label-size);margin-top:1px;line-height:1.4}.steering-composer-wrap{z-index:4;position:absolute;bottom:14px;left:14px;right:14px}.steering-command-menu{opacity:0;visibility:hidden;background:var(--ks-paper-raised);border:1px solid var(--ks-rule);border-radius:var(--ks-radius-md);box-shadow:var(--ks-lift-2);pointer-events:none;transform-origin:bottom;transition:opacity .15s linear, transform .18s var(--ks-ease), visibility 0s linear .18s;margin-bottom:8px;padding:4px;transform:translateY(10px)}.steering-agent:hover .steering-command-menu,.steering-agent:focus-within .steering-command-menu{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .18s linear, transform .24s var(--ks-ease), visibility 0s linear;transform:translateY(0)}.steering-command-query,.steering-command-menu button{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:32px;padding:0 8px;display:grid}.steering-command-query{color:var(--ks-ink);font-family:var(--ks-mono);font-size:var(--ks-type-mono-size);border-bottom:1px solid var(--ks-rule);margin-bottom:4px}.steering-command-query .steering-command-name{justify-self:start}.steering-command-query small{color:var(--ks-text-faint);font-size:var(--ks-type-eyebrow-size)}.steering-command-menu button{color:var(--ks-text-muted);text-align:left;border-radius:var(--ks-radius-sm);cursor:pointer;background:0 0;border:0;grid-template-columns:70px minmax(0,1fr) auto}.steering-command-menu button:hover,.steering-command-menu button:focus-visible,.steering-command-menu button.is-active{color:var(--ks-ink);background:var(--ks-paper-deep);outline:0}.steering-command-menu strong,.steering-command-menu kbd{font-family:var(--ks-mono);font-size:var(--ks-type-eyebrow-size);font-weight:500}.steering-command-menu strong{color:var(--ks-patina-pale)}.steering-command-menu span{font-size:var(--ks-type-eyebrow-size);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.steering-command-menu kbd{color:var(--ks-text-faint);background:0 0}.steering-composer{width:100%;min-height:48px;color:var(--ks-text);font:inherit;text-align:left;background:var(--ks-paper-raised);border:1px solid var(--ks-edge);border-radius:var(--ks-radius-md);cursor:pointer;outline:0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:0 9px 0 8px;display:grid}.steering-composer:focus-visible{outline:2px solid var(--ks-focus-ring);outline-offset:2px}.steering-composer p{min-width:0;font-size:var(--ks-type-ui-lead);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.steering-composer code{color:var(--ks-ink);font-family:var(--ks-mono);font-size:var(--ks-type-ui-size)}.steering-composer-plus,.steering-composer-send{place-items:center;width:28px;height:28px;display:grid}.steering-composer-plus{color:var(--ks-text-muted);font-size:1.25rem;font-weight:400;line-height:1}.steering-composer-send{color:var(--ks-instrument-muted);border-radius:var(--ks-radius-sm);transition:color var(--ks-quick) var(--ks-ease), background-color var(--ks-quick) var(--ks-ease);background:0 0}.steering-composer:hover .steering-composer-send,.steering-composer:focus-visible .steering-composer-send{color:var(--ks-instrument-text);background:var(--ks-instrument-raised)}.steering-composer-send svg{width:14px;height:7px;display:block;transform:rotate(-90deg)}.steering-composer-caret{vertical-align:-3px;background:var(--ks-kinpaku);width:1px;height:15px;margin-left:3px;display:inline-block}.steering-browser{grid-template-rows:auto auto minmax(0,1fr);display:grid}.steering-browser-toolbar{min-height:40px;color:var(--ks-text-muted);background:var(--ks-paper-raised);border-bottom:1px solid var(--ks-rule);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:0 10px;display:grid}.steering-browser-nav{align-items:center;gap:2px;display:flex}.steering-browser-nav i,.steering-browser-open{place-items:center;width:26px;height:26px;display:grid}.steering-browser-toolbar svg{fill:none;stroke:currentColor;stroke-linecap:square;stroke-linejoin:miter;stroke-width:1.35px;width:15px;height:15px}.steering-browser-address{min-width:0;height:26px;color:var(--ks-text-muted);font-family:var(--ks-mono);font-size:var(--ks-type-eyebrow-size);text-overflow:ellipsis;white-space:nowrap;background:var(--ks-paper-deep);border-radius:var(--ks-radius-sm);align-items:center;gap:8px;padding:0 10px;display:flex;overflow:hidden}.steering-browser-address i{background:var(--ks-patina);border-radius:50%;flex:none;width:6px;height:6px}.steering-browser .language-live-demo,.steering-browser .live-demo-frame-col,.steering-browser .live-demo-frame{height:100%}.steering-browser .live-demo-chrome{display:none}.steering-browser .live-demo-gbar{transition:opacity .16s linear}.steering-desktop[data-steering-browser-ui=quiet] .steering-browser .live-demo-gbar,.steering-desktop[data-steering-browser-ui=quiet] .steering-browser .live-demo-outline,.steering-desktop[data-steering-browser-ui=quiet] .steering-browser .live-demo-annotations,.steering-desktop[data-steering-browser-ui=quiet] .steering-browser .live-demo-ctx,.steering-desktop[data-steering-browser-ui=quiet] .steering-browser .live-demo-cursor{opacity:0!important;pointer-events:none!important}.steering-browser .hero-live-demo .live-demo-stage{height:100%}.steering-browser .hero-live-demo .hotel-site{min-height:100%}.language-live-demo{width:100%;max-width:none}.language-live-demo .live-demo-frame{aspect-ratio:auto;max-height:none}.home-kinpaku .language-live-demo .live-demo-gbar,.home-kinpaku .language-live-demo .live-demo-ctx{color:var(--ks-instrument-text);background:var(--ks-instrument);border:1px solid var(--ks-instrument-deep);box-shadow:inset 0 1px 0 var(--ks-instrument-rule), var(--ks-lift-2)}.home-kinpaku .language-live-demo .live-demo-gbar-brand{color:var(--ks-kinpaku)}.home-kinpaku .language-live-demo .live-demo-gbar-btn{color:var(--ks-instrument-muted)}.home-kinpaku .language-live-demo .live-demo-gbar-btn:hover{color:var(--ks-instrument-text)}.home-kinpaku .language-live-demo .live-demo-gbar-btn.is-active{color:var(--ks-instrument-text);background:var(--ks-instrument-raised);box-shadow:inset 0 1px 0 var(--ks-instrument-edge)}.home-kinpaku .language-live-demo .live-demo-gbar-btn.is-active svg{color:var(--ks-kinpaku)}.home-kinpaku .language-live-demo .live-demo-gbar-chat{background:var(--ks-instrument-deep);border-color:var(--ks-instrument-rule)}.home-kinpaku .language-live-demo .live-demo-gbar-chat.is-expanded{border-color:var(--ks-patina)}.home-kinpaku .language-live-demo .live-demo-gbar-chat-icon,.home-kinpaku .language-live-demo .live-demo-gbar-chat-hint,.home-kinpaku .language-live-demo .live-demo-gbar-chat-voice,.home-kinpaku .language-live-demo .live-demo-gbar-chat-input::placeholder,.home-kinpaku .language-live-demo .live-demo-gbar-x{color:var(--ks-instrument-muted)}.home-kinpaku .language-live-demo .live-demo-gbar-chat-input{color:var(--ks-instrument-text)}.home-kinpaku .language-live-demo .live-demo-gbar-chat-voice:hover,.home-kinpaku .language-live-demo .live-demo-gbar-chat-voice.is-active{color:var(--ks-kinpaku);background:0 0}.home-kinpaku .language-live-demo .live-demo-gbar-x:hover{color:var(--ks-instrument-text)}.home-kinpaku .language-live-demo .live-demo-ctx[data-phase=configuring]{background:var(--ks-instrument)}.home-kinpaku .language-live-demo .live-demo-ctx-trailing,.home-kinpaku .language-live-demo .live-demo-ctx-actions,.home-kinpaku .language-live-demo .live-demo-ctx-voice{border-color:var(--ks-instrument-rule)}.home-kinpaku .language-live-demo .live-demo-ctx-input,.home-kinpaku .language-live-demo .live-demo-ctx-counter{color:var(--ks-instrument-text)}.home-kinpaku .language-live-demo .live-demo-ctx-caret{background:var(--ks-kinpaku)}.home-kinpaku .language-live-demo .live-demo-ctx-selection{color:var(--ks-patina);border-color:var(--ks-patina)}.home-kinpaku .language-live-demo .live-demo-ctx-selection:hover{background:var(--ks-instrument-raised)}.home-kinpaku .language-live-demo .live-demo-ctx-action,.home-kinpaku .language-live-demo .live-demo-ctx-count,.home-kinpaku .language-live-demo .live-demo-ctx-voice,.home-kinpaku .language-live-demo .live-demo-ctx-nav,.home-kinpaku .language-live-demo .live-demo-ctx-discard{color:var(--ks-instrument-muted)}.home-kinpaku .language-live-demo .live-demo-ctx-action:hover,.home-kinpaku .language-live-demo .live-demo-ctx-count:hover,.home-kinpaku .language-live-demo .live-demo-ctx-nav:hover{color:var(--ks-instrument-text)}.home-kinpaku .language-live-demo .live-demo-ctx-divider{background:var(--ks-instrument-rule)}.home-kinpaku .language-live-demo .live-demo-ctx-spinner{border-color:var(--ks-instrument-rule);border-top-color:var(--ks-kinpaku)}.home-kinpaku .language-live-demo .live-demo-ctx-row--accepted{color:var(--ks-patina)}.home-kinpaku .language-live-demo .live-demo-ctx-palette{background:var(--ks-instrument);border-color:var(--ks-instrument-deep);box-shadow:var(--ks-lift-2)}.home-kinpaku .language-live-demo .live-demo-ctx-palette-chip{color:var(--ks-instrument-text)}.home-kinpaku .language-live-demo .live-demo-ctx-palette-chip.is-highlight{color:var(--ks-instrument-text);background:var(--ks-instrument-raised)}.home-kinpaku .language-live-demo .live-demo-ctx-palette-chip.is-highlight .live-demo-ctx-palette-ico{color:var(--ks-kinpaku)}.home-kinpaku .why-bento{background:var(--ks-rule);border-top-color:var(--ks-rule);border-bottom-color:var(--ks-rule)}.home-kinpaku .why-bento .ks-bento-tile{background:var(--ks-paper)}.home-kinpaku .slop-pattern-item,.home-kinpaku .steering-pane{background:var(--ks-paper-raised)}.home-kinpaku .steering-agent{background:var(--ks-instrument-deep)}@media (hover:hover) and (width>=901px){.steering-desktop-panes:has(.steering-agent:hover),.steering-desktop-panes:has(.steering-agent:focus-within){grid-template-columns:minmax(0,62fr) minmax(0,38fr)}.steering-desktop-panes:has(.steering-browser:hover),.steering-desktop-panes:has(.steering-browser:focus-within){grid-template-columns:minmax(0,38fr) minmax(0,62fr)}}@media (width<=979px){.hero-right .hero-proof{margin-inline:auto}.hero-proof-stage{--proof-card-h:236px;--proof-pad-top:clamp(34px, 4.5vw, 54px);--proof-pad-bottom:clamp(34px, 4.5vw, 54px)}.hero-proof-canvas{justify-items:center;padding-inline:0}.hero-proof-tabs{margin:16px auto 0}}@media (width<=1180px){.steering-desktop-panes{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media (width<=580px){.hero-container{row-gap:40px}.hero-proof{grid-template-columns:minmax(0,1fr)}.hero-proof-stage{--proof-card-h:336px;--proof-pad-top:40px;--proof-pad-bottom:62px;width:100%}.hero-proof-canvas{grid-template-columns:minmax(0,1fr);justify-items:center;padding-inline:12px}.hero-proof-layer--before{z-index:auto}.hero-proof-layer--after{clip-path:polygon(var(--proof-position) -48px, calc(100% + 48px) -48px, calc(100% + 48px) calc(100% + 48px), -48px calc(100% + 48px), -48px calc(100% - var(--proof-pad-bottom)), var(--proof-position) calc(100% - var(--proof-pad-bottom)))}.hero-proof-seam{bottom:var(--proof-pad-bottom)}.proof-annotation{white-space:nowrap;text-align:left;width:max-content;max-width:100%;min-height:22px;font-size:var(--ks-type-micro-size);padding:3px 6px;line-height:1.2;inset:calc(100% + 10px) auto auto 0;transform:none}.proof-annotation.is-concealed{transform:translateY(6px)}.proof-annotation:after{transform-origin:top;width:1px;height:11px;top:-11px;left:8px;right:auto;transform:scaleY(1)}.proof-annotation.is-concealed:after{transform:scaleY(0)}.proof-polish .proof-polish-body{align-content:end}.proof-polish--before .proof-polish-kicker{margin-bottom:36px;position:relative;top:auto;left:auto}.proof-polish-heading,.proof-distill--before>header,.proof-distill-grid,.proof-clarify-heading,.proof-clarify-fields{margin-bottom:36px}.proof-distill-live>.proof-annotation{max-width:none;left:auto;right:0}.proof-distill-live>.proof-annotation:after{left:calc(100% - 12px)}.proof-polish--before>.proof-annotation--sidetab{top:calc(var(--proof-polish-head-height) + 4px);left:-7px}.proof-polish--before>.proof-annotation--sidetab:after{left:3px}.proof-polish-body>.proof-annotation--surface{left:auto;right:12px}@media (prefers-reduced-motion:reduce){.proof-annotation.is-concealed,.proof-annotation:after,.proof-annotation.is-concealed:after{transform:none}}.proof-distill--before>header>strong{color:inherit}.proof-polish{--proof-polish-inset:12px}.proof-polish .proof-h{max-width:100%;font-size:2.1rem}.proof-polish-body>p{font-size:.8rem}.proof-clarify .proof-h{max-width:100%;font-size:1.45rem}.proof-distill-primary b{font-size:3rem}.hero-proof-canvas>article{width:100%;min-width:0;max-width:none}.proof-polish-head,.proof-polish footer,.proof-distill>header,.proof-distill-primary,.proof-distill--after footer,.proof-clarify>header,.proof-clarify-options{flex-wrap:wrap;gap:6px}.proof-distill--after{flex-direction:column;display:flex}.proof-distill--after .proof-distill-chart{flex:1 0 76px}.hero-proof-side-label--before{left:-28px}.hero-proof-side-label--after{bottom:-56px;right:-20px}.hero-proof-tabs{width:min(100%,360px)}.hero-proof-tab{min-height:48px;font-size:var(--ks-type-micro-size);flex:1;justify-content:center;padding:12px 16px}@media (width<=360px){.hero-proof-tab{padding-inline:8px}}}@media (width<=760px){.slop-pattern-head,.language-steering-head{grid-template-columns:minmax(0,1fr)}.slop-pattern-head{margin-bottom:36px}.slop-pattern-actions{flex-direction:column;align-items:stretch}.slop-pattern-board{grid-template-rows:none;grid-template-columns:minmax(0,1fr);min-height:0}.slop-pattern-item,.slop-pattern-item--serif,.slop-pattern-item--sidetab,.slop-pattern-item--eyebrow,.slop-pattern-item--pulse,.slop-pattern-item--nested,.slop-pattern-item--icons,.slop-pattern-item--markers{grid-area:auto/1}.slop-pattern-item{min-height:230px}.slop-pattern-item--serif{min-height:380px}.slop-pattern-specimen--nested{padding-top:40px}.language-steering{margin-top:56px;padding-top:28px}.language-steering-head{margin-bottom:28px}.steering-desktop-context{display:none}.steering-mobile-tabs{grid-template-columns:repeat(2,minmax(0,1fr));margin:10px 12px 0;display:grid}.steering-mobile-tabs .ks-instrument-key{justify-content:center;min-height:38px}.steering-pane-head{display:none}.steering-agent{grid-template-rows:minmax(0,1fr)}.steering-browser{grid-template-rows:auto minmax(0,1fr)}.steering-desktop-panes{height:620px;display:block}.steering-thread-scene{min-height:574px}.steering-pane{height:620px}.steering-desktop[data-mobile-pane=agent] .steering-browser,.steering-desktop[data-mobile-pane=browser] .steering-agent{display:none}.steering-desktop[data-mobile-pane=browser] .steering-browser{display:grid}.steering-thread-scene{padding-inline:14px}.language-live-demo .hotel-nav-links{display:none}}@media (prefers-reduced-motion:reduce){.slop-pulse-dot{animation:none}.steering-desktop-panes{transition:none}.steering-command-menu{transition:none;transform:none}}.hero-cable{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.hero-cable:not(.is-ready){visibility:hidden}.hero-cable-lead{fill:none;stroke:url(#hero-cable-ink);stroke-width:var(--cable-w,3px);stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:var(--cable-len,1000);stroke-dashoffset:var(--cable-len,1000);transition:stroke-dashoffset .64s cubic-bezier(.55,0,.6,.4)}.hero-cable.is-out .hero-cable-lead{stroke-dashoffset:0;transition:stroke-dashoffset 1.5s cubic-bezier(.65,0,.25,1) .12s}@media (prefers-reduced-motion:reduce){.hero-cable-lead,.hero-cable.is-out .hero-cable-lead{transition:none}}@media (width<=980px){.hero-cable{display:none}}.home-kinpaku .testimonials-section{width:100vw;color:var(--ks-text);border-top:0;margin-left:calc(50% - 50vw);padding:64px 0 40px;position:relative;overflow:hidden}.home-kinpaku .testimonials-section:after{content:"";background-image:radial-gradient(circle, var(--ks-gray-2) .9px, transparent 1.4px);pointer-events:none;background-repeat:repeat;background-size:7px 6px;width:100vw;height:18px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.home-kinpaku .t-marquee{gap:14px;width:100%;padding:2px 0;display:grid}.home-kinpaku .t-marquee-row{scrollbar-width:thin;scrollbar-color:var(--ks-gray-2) transparent;overflow-x:auto}.home-kinpaku .t-marquee-row:focus-visible{outline:2px solid var(--ks-patina-deep);outline-offset:-2px}.home-kinpaku .testimonials-section:not([data-motion=playing]) .t-marquee-set[aria-hidden=true]{display:none}.home-kinpaku .testimonials-section[data-motion=playing] .t-marquee-row{overflow:hidden}.home-kinpaku .t-marquee-track{width:max-content;display:flex}.home-kinpaku .testimonials-section[data-motion=playing] .t-marquee-track{animation:220s linear infinite t-marquee-fwd;animation-delay:var(--t-marquee-delay,0s)}.home-kinpaku .t-marquee-set{gap:14px;padding-right:14px;display:flex}.home-kinpaku .t-marquee:hover .t-marquee-track,.home-kinpaku .t-marquee:focus-within .t-marquee-track{animation-play-state:paused}@keyframes t-marquee-fwd{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.home-kinpaku .t-marquee-track{animation:none}}.home-kinpaku .testimonials-section .t-card{border-radius:var(--ks-radius-md);width:min(320px,100vw - 44px);height:168px;color:var(--ks-text);flex-direction:column;flex:none;justify-content:space-between;gap:14px;padding:18px 18px 14px;text-decoration:none;transition:transform .2s,background .2s,box-shadow .2s,border-color .2s;display:flex}.home-kinpaku .t-card--plinth{background:var(--ks-paper-raised);border:1px solid var(--ks-rule);box-shadow:none}.home-kinpaku .t-card--plinth:hover{border-color:var(--ks-edge);transform:translateY(-1px)}.home-kinpaku .testimonials-section .t-card-quote{font-style:normal;font-family:var(--ks-font);color:var(--ks-text);text-wrap:pretty;-webkit-line-clamp:4;-webkit-box-orient:vertical;margin:0;padding:0;font-size:.94rem;line-height:1.5;display:-webkit-box;overflow:hidden}.home-kinpaku .testimonials-section .t-card-meta{font-family:var(--ks-mono);align-items:center;gap:10px;display:flex}.home-kinpaku .testimonials-section .t-name-block{flex-direction:column;min-width:0;line-height:1.2;display:flex}.home-kinpaku .testimonials-section .t-name{color:var(--ks-text);letter-spacing:.01em;font-size:.82rem;font-style:normal;font-family:var(--ks-mono);text-overflow:ellipsis;white-space:nowrap;max-width:180px;overflow:hidden}.home-kinpaku .testimonials-section .t-handle{color:var(--ks-text-muted);letter-spacing:.02em;font-size:.74rem}.home-kinpaku .testimonials-section .t-avatar,.home-kinpaku .testimonials-section .t-coin{background:var(--ks-gray);width:28px;height:28px;box-shadow:inset 0 0 0 1px var(--ks-rule);border-radius:50%;flex:none}.home-kinpaku .testimonials-section .t-avatar{object-fit:cover;background:var(--ks-gray-2)}.home-kinpaku .testimonials-section .t-coin{font-family:var(--ks-font);color:var(--ks-ink);border:0;justify-content:center;align-items:center;font-size:.95rem;font-weight:500;display:inline-flex}.home-kinpaku .worlds-section{isolation:isolate;padding:var(--ks-section-pad) 0;position:relative}.home-kinpaku .worlds-section>*{z-index:1;position:relative}.worlds-intro{margin-bottom:40px}.worlds-lead{text-wrap:pretty;max-width:62ch}.worlds-lead .cheatsheet-link{white-space:nowrap}.worlds-table{--worlds-head-h:34px;grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:48px;display:grid}.worlds-zone-head{min-height:var(--worlds-head-h);justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.worlds-hand{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 20px;min-height:clamp(280px,30vw,420px);margin:0;padding:0;list-style:none;display:grid}.worlds-card{background:var(--ks-paper-raised);border:1px solid var(--ks-rule);border-radius:var(--ks-radius-md);box-shadow:var(--ks-lift-1);transform:rotate(var(--fan,0deg));position:relative;overflow:hidden}.worlds-card img{aspect-ratio:16/9;object-fit:cover;background:linear-gradient(100deg, var(--ks-gray) 35%, var(--ks-gray-2) 50%, var(--ks-gray) 65%);background-size:220% 100%;width:100%;height:auto;animation:1.4s linear infinite worlds-shimmer;display:block}.worlds-card-media{position:relative}.worlds-card-expand{z-index:1;cursor:zoom-in;background:0 0;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.worlds-card-expand-chip{border:1px solid var(--ks-instrument-rule);color:var(--ks-instrument-text);backdrop-filter:blur(4px);background:oklch(7% .006 95/.72);border-radius:5px;padding:4px 9px;transition:color .2s,border-color .2s;display:inline-flex;position:absolute;bottom:10px;right:10px}.worlds-card-expand:hover .worlds-card-expand-chip,.worlds-card-expand:focus-visible .worlds-card-expand-chip{color:var(--ks-kinpaku);border-color:var(--ks-kinpaku-deep)}.worlds-card-expand:disabled{visibility:hidden}.worlds-card-expand:focus-visible{outline:2px solid var(--ks-patina);outline-offset:-2px}html.worlds-preview-open{overflow:hidden}.worlds-preview{background:0 0;border:0;outline:none;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;position:fixed;inset:0}.worlds-preview::backdrop{background:oklch(4% .004 95/.93)}.worlds-preview-close{cursor:zoom-out;background:0 0;border:0;justify-content:center;align-items:center;width:100%;height:100%;padding:0;display:flex}.worlds-preview-close:focus-visible{outline:none}.worlds-preview-close:focus-visible .worlds-preview-image{outline:2px solid var(--ks-patina);outline-offset:3px}.worlds-preview-image{object-fit:contain;border:1px solid var(--ks-instrument-rule);border-radius:var(--ks-radius-md);width:auto;max-width:94vw;height:auto;max-height:94dvh;display:block;box-shadow:0 30px 80px oklch(0% 0 0/.6)}@media (prefers-reduced-motion:no-preference){.worlds-preview,.worlds-preview::backdrop{opacity:0;transition:opacity .25s ease, display .25s allow-discrete, overlay .25s allow-discrete}.worlds-preview[open],.worlds-preview[open]::backdrop{opacity:1}@starting-style{.worlds-preview[open],.worlds-preview[open]::backdrop{opacity:0}}}@media (prefers-reduced-motion:reduce){.worlds-card-expand-chip{transition:none}}.worlds-card.is-loaded img,.worlds-card.is-missing img{background:var(--ks-gray);background-size:auto;animation:none}.worlds-card.is-missing img{color:var(--ks-text-muted);padding:14px}.worlds-card-caption{flex-direction:column;gap:3px;padding:12px 14px 14px;display:flex}.worlds-card-tier{font-family:var(--ks-mono);font-size:var(--ks-type-micro-size);letter-spacing:var(--ks-type-eyebrow-track);text-transform:uppercase;color:var(--ks-text-muted)}.worlds-card-name{font-family:var(--ks-font-display);font-size:var(--ks-type-lead-size);letter-spacing:.01em;color:var(--ks-ink);font-weight:600;line-height:1.15}.worlds-card:has(:focus-visible){outline:2px solid var(--ks-patina-deep);outline-offset:3px}@media (hover:hover){.worlds-card{transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s}.worlds-card:hover{box-shadow:var(--ks-lift-2);transform:rotate(0)translateY(-5px)}}@media (prefers-reduced-motion:no-preference){.worlds-card{opacity:0}.worlds-card.is-dealt,.worlds-card--skeleton{opacity:1}@media (hover:hover){.worlds-card.is-dealt:hover{transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s;transform:rotate(0)translateY(-5px)}}}.worlds-card--skeleton{box-shadow:none;transform:none}.worlds-skeleton-media{aspect-ratio:16/9;width:100%;display:block}.worlds-skeleton-line{border-radius:var(--ks-radius-sm);height:10px;display:block}.worlds-skeleton-line--tier{width:38%}.worlds-skeleton-line--name{width:68%;height:14px;margin-top:5px}.worlds-skeleton-media,.worlds-skeleton-line{background:linear-gradient(100deg, var(--ks-gray) 35%, var(--ks-gray-2) 50%, var(--ks-gray) 65%);background-size:220% 100%;animation:1.4s linear infinite worlds-shimmer}@keyframes worlds-shimmer{0%{background-position:120% 0}to{background-position:-80% 0}}@media (prefers-reduced-motion:reduce){.worlds-skeleton-media,.worlds-skeleton-line,.worlds-card img{animation:none}}.worlds-deck-controls{align-items:center;gap:14px;min-width:0;display:flex}.worlds-reroll{font-family:var(--ks-mono);font-size:var(--ks-type-micro-size);letter-spacing:.08em;text-transform:uppercase;color:var(--ks-ink);background:var(--ks-paper-raised);border:1px solid var(--ks-edge);border-radius:var(--ks-radius-sm);cursor:pointer;transition:border-color var(--ks-quick,.2s) var(--ks-ease,ease), color var(--ks-quick,.2s) var(--ks-ease,ease), background-color var(--ks-quick,.2s) var(--ks-ease,ease);flex:none;align-items:center;gap:8px;padding:7px 14px;display:inline-flex}.worlds-reroll:hover:not(:disabled){border-color:var(--ks-ink)}.worlds-reroll:active:not(:disabled){background:var(--ks-gray)}.worlds-reroll:focus-visible{outline:2px solid var(--ks-patina-deep);outline-offset:3px}@media (any-pointer:coarse){.worlds-reroll{min-height:var(--ks-control-lg)}}.worlds-reroll:disabled{color:var(--ks-text-mute-deep);border-color:var(--ks-rule);cursor:wait;background:0 0}.worlds-reroll-die{width:15px;height:15px;transition:transform .5s cubic-bezier(.16,1,.3,1)}.worlds-reroll:hover:not(:disabled) .worlds-reroll-die{transform:rotate(112deg)}.worlds-roll-meta{text-align:right;min-width:0;font-family:var(--ks-mono);font-size:var(--ks-type-micro-size);letter-spacing:.04em;color:var(--ks-text-faint);text-overflow:ellipsis;white-space:nowrap;flex:auto;overflow:hidden}.worlds-roll-meta:not(:empty):before{content:"";vertical-align:1px;background:var(--ks-state-ink);border-radius:50%;width:6px;height:6px;margin-right:8px;display:inline-block}.worlds-hand-status{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.worlds-hand-status.is-error{clip:auto;white-space:normal;width:auto;height:auto;font-size:var(--ks-type-small-size);color:var(--ks-text-muted);margin:14px 0 0;position:static}.worlds-played-card{background:var(--ks-paper-raised);border:1px solid var(--ks-kinpaku);border-radius:var(--ks-radius-md);box-shadow:var(--ks-lift-1);text-decoration:none;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s;display:block;position:relative;overflow:hidden}.worlds-played-card:hover{box-shadow:var(--ks-lift-2);transform:translateY(-5px)}.worlds-played-chip{z-index:1;position:absolute;top:12px;left:12px}.worlds-played-card img{aspect-ratio:16/10;object-fit:cover;object-position:top;background:var(--ks-gray);width:100%;height:auto;display:block}.worlds-played-caption{border-top:1px solid var(--ks-rule);flex-direction:column;gap:6px;padding:16px 18px 18px;display:flex}.worlds-played-caption strong{font-family:var(--ks-font-display);font-size:var(--ks-type-title-lg-size);color:var(--ks-ink);font-weight:600;line-height:1.1}.worlds-played-caption>span:not(.worlds-played-cta){font-size:var(--ks-type-small-size);color:var(--ks-text-muted);line-height:1.55}.worlds-played-cta{align-self:flex-start;margin-top:6px}.worlds-played-meta{font-size:var(--ks-type-small-size);gap:18px;margin:14px 2px 0;display:flex}.home-kinpaku .worlds-played-meta a{color:var(--ks-link-on-paper);text-decoration:underline;text-decoration-color:var(--ks-link-on-paper-line);text-underline-offset:.18em;transition:text-decoration-color var(--ks-quick,.2s) var(--ks-ease,ease)}.home-kinpaku .worlds-played-meta a:hover{text-decoration-color:var(--ks-link-on-paper-line-hover)}.home-kinpaku .worlds-psst{color:var(--ks-text-muted);margin-top:20px;font-size:.8125rem}.home-kinpaku .worlds-psst a{color:var(--ks-link-on-paper);text-decoration:underline;text-decoration-color:var(--ks-link-on-paper-line);text-underline-offset:.18em;transition:text-decoration-color var(--ks-quick,.2s) var(--ks-ease,ease)}.home-kinpaku .worlds-psst a:hover{text-decoration-color:var(--ks-link-on-paper-line-hover)}@media (width<=1100px){.worlds-table{grid-template-columns:minmax(0,1fr)}.worlds-hand-zone{min-width:0}.worlds-played-zone{max-width:520px}}@media (width<=760px){.worlds-hand{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:14px;min-height:0;margin:0;padding-bottom:10px;display:flex;overflow-x:auto}.worlds-card{scroll-snap-align:start;flex:0 0 min(78vw,340px)}.worlds-zone-head{flex-wrap:wrap}}.worlds-research{margin:24px 0 0;font-size:14px}