.kdf-shot{width:100%;margin:0}.kdf-shot img{width:100%;height:auto;box-shadow:0 0 0 1px var(--hairline);border-radius:12px;display:block}.kdf-shot-dark,.dark .kdf-shot-light{display:none!important}.dark .kdf-shot-dark{display:block!important}.kdf-head{max-width:52em}.kdf-head h1{font-size:var(--t-page);letter-spacing:-.04em;text-wrap:balance;margin:0;font-weight:600;line-height:1.04}.kdf-lead{max-width:36em;color:var(--muted-foreground);text-wrap:pretty;margin:20px 0 28px;font-size:clamp(18px,.4vw + 14px,22px);line-height:1.5}.kdf-h2{font-size:var(--t-section);letter-spacing:-.034em;text-wrap:balance;margin:0;font-weight:600;line-height:1.06}.kdf-h3{font-size:var(--t-sub);letter-spacing:-.02em;margin:0;font-weight:600;line-height:1.2}.kdf-p{max-width:34em;color:var(--muted-foreground);text-wrap:pretty;margin:16px 0 0;font-size:18px;line-height:1.6}.kdf-note{color:var(--muted-foreground);margin:28px 0 0;font-size:16px;line-height:1.6}.kdf-label{color:var(--muted-foreground);margin:0 0 14px;font-size:15px;font-weight:500}.kdf-split{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(40px,6vw,112px);display:grid}.kdf-split[data-flip]{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.kdf-split[data-flip]>:first-child{order:2}.kdf-cols{grid-template-columns:repeat(var(--cols,4), minmax(0, 1fr));gap:0 clamp(24px,2.3vw,40px);margin:clamp(40px,4vw,64px) 0 0;padding:0;list-style:none;display:grid}.kdf-cols>li{border-top:1px solid var(--hairline);padding:22px 0 0}.kdf-cols h3{letter-spacing:-.01em;margin:0;font-size:18px;font-weight:600;line-height:1.3}.kdf-cols p{color:var(--muted-foreground);text-wrap:pretty;margin:8px 0 0;font-size:16px;line-height:1.55}.kdf-chips{flex-wrap:wrap;gap:8px;margin:20px 0 0;padding:0;list-style:none;display:flex}.kdf-chips li{border:1px solid var(--border);border-radius:999px;align-items:center;height:32px;padding:0 12px;font-size:14px;font-weight:500;display:inline-flex}.kdf-next{flex-wrap:wrap;gap:12px 40px;display:flex}.kdf-props-top{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start;gap:clamp(40px,6vw,112px);display:grid}.kdf-props-drawer{border-radius:16px;max-height:760px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 82%,#0000);mask-image:linear-gradient(#000 82%,#0000)}.kdf-props-drawer img{border-radius:16px}.kdf-kinds{columns:3;column-gap:clamp(24px,2.3vw,40px);margin:clamp(32px,3vw,48px) 0 0;padding:0;list-style:none}.kdf-kinds li{break-inside:avoid;border-top:1px solid var(--hairline);grid-template-columns:minmax(0,11em) minmax(0,1fr);gap:16px;padding:14px 0;font-size:16px;line-height:1.5;display:grid}.kdf-kinds b{font-weight:600}.kdf-kinds span{color:var(--muted-foreground)}.kdf-rel-card{max-width:520px;margin:clamp(48px,5vw,88px) 0 0}.kdf-twin{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,4vw,88px);margin-top:clamp(48px,5vw,88px);display:grid}.kdf-twin ul{margin:20px 0 0;padding:0;list-style:none}.kdf-twin li{border-top:1px solid var(--hairline);padding:14px 0;font-size:17px;line-height:1.55}.kdf-views{margin-top:clamp(48px,5vw,96px);padding-bottom:clamp(120px,14vw,260px);position:relative}.kdf-views .kdf-views-board{border-radius:12px;width:62%;position:absolute;bottom:0;right:0;box-shadow:0 24px 64px #0000001f}.kdf-views .kdf-views-table{width:86%}.kdf-scopes{margin:0;padding:0;list-style:none}.kdf-scopes li{border-top:1px solid var(--hairline);grid-template-columns:minmax(0,15em) minmax(0,1fr);gap:16px;padding:18px 0;font-size:17px;line-height:1.5;display:grid}.kdf-scopes b{font-weight:600}.kdf-scopes span{color:var(--muted-foreground)}.kdf-refused{max-width:560px}.kdf-rule{margin:0;padding:0;list-style:none}.kdf-rule li{border-top:1px solid var(--hairline);grid-template-columns:minmax(0,8em) minmax(0,1fr);gap:20px;padding:18px 0;font-size:17px;line-height:1.55;display:grid}.kdf-rule b{font:500 14px/1.9 var(--k-mono);color:var(--muted-foreground);letter-spacing:.01em}.kdf-doors{border-top:1px solid var(--foreground);flex-wrap:wrap;gap:0;margin:clamp(32px,3vw,48px) 0 0;padding:0;list-style:none;display:flex}.kdf-doors li{min-width:9em;font-size:var(--t-sub);letter-spacing:-.02em;flex:1 1 0;padding:18px 16px 0 0;font-weight:600}.kdf-levels{counter-reset:lvl;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 clamp(16px,2vw,32px);margin:clamp(32px,3vw,48px) 0 0;padding:0;list-style:none;display:grid}.kdf-levels li{border-top:3px solid color-mix(in oklab, var(--foreground) calc(25% + var(--n) * 25%), transparent);padding:20px 0 0}.kdf-levels b{font-size:18px;font-weight:600;display:block}.kdf-levels span{color:var(--muted-foreground);margin-top:8px;font-size:16px;line-height:1.55;display:block}.kdf-tag{background:var(--muted);border-radius:999px;align-items:center;height:24px;margin-bottom:14px;padding:0 10px;font-size:13px;font-weight:500;display:inline-flex}@media (max-width:900px){.kdf-split,.kdf-split[data-flip],.kdf-props-top,.kdf-twin{grid-template-columns:minmax(0,1fr)}.kdf-split[data-flip]>:first-child{order:0}.kdf-cols{--cols:2!important}.kdf-kinds{columns:1}.kdf-levels{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.kdf-views{padding-bottom:0}.kdf-views .kdf-views-table{width:100%}.kdf-views .kdf-views-board{width:100%;box-shadow:none;margin-top:24px;position:static}.kdf-props-drawer{max-height:520px}}@media (max-width:700px){.kdf-shot[data-wide]{border-radius:12px;overflow:hidden}.kdf-shot[data-wide] img{border-radius:12px 0 0 12px;width:760px;max-width:none}}@media (max-width:560px){.kdf-cols{--cols:1!important}.kdf-kinds li,.kdf-scopes li,.kdf-rule li{grid-template-columns:minmax(0,1fr);gap:4px}.kdf-doors li{flex-basis:50%}}.kdf-pair{grid-template-columns:minmax(0,1fr);margin-top:clamp(40px,4vw,72px);display:grid}.kdf-pair>*{grid-area:1/1}.kdf-pair-app{width:min(var(--app-w), 78%);place-self:start end;margin-bottom:clamp(96px,10vw,180px)}.kdf-pair[data-small] .kdf-pair-app{width:min(var(--app-w), 38%);justify-self:start;margin:0 0 0 49%}.kdf-pair[data-small] .kdf-pair-chat{margin-top:clamp(110px,9vw,170px)}.kdf-pair-chat{z-index:1;place-self:end start;width:min(668px,52%);margin-top:clamp(140px,14vw,260px);position:relative}.kdf-pair-chat img{box-shadow:0 0 0 1px var(--hairline), 0 24px 64px -12px #0000002e}.dark .kdf-pair-chat img{box-shadow:0 0 0 1px var(--hairline), 0 24px 64px -12px #000000b3}.kdf-agent{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:24px clamp(40px,6vw,112px);margin-top:clamp(40px,4vw,64px);display:grid}.kdf-asks{margin:0;padding:0;list-style:none}.kdf-asks li{border-top:1px solid var(--hairline);justify-content:space-between;align-items:center;gap:16px;padding:14px 0;font-size:17px;line-height:1.5;display:flex}.kdf-asks li:last-child{border-bottom:1px solid var(--hairline)}.kdf-asks button{border:1px solid var(--border);height:28px;color:var(--muted-foreground);cursor:pointer;background:0 0;border-radius:999px;flex:none;padding:0 12px;font-family:inherit;font-size:13px;font-weight:500;transition:color .15s,border-color .15s}.kdf-asks button:hover{color:var(--foreground);border-color:var(--foreground)}.kdf-asks button:focus-visible{outline:2px solid var(--foreground);outline-offset:2px}.kdf-agent .k-more{margin-top:20px}@media (max-width:900px){.kdf-pair>*{grid-area:auto}.kdf-pair{gap:24px}.kdf-pair-chat{order:-1;width:100%;margin:0}.kdf-pair-app,.kdf-pair[data-small] .kdf-pair-app{justify-self:stretch;width:100%;margin:0}.kdf-pair[data-small] .kdf-pair-chat{margin:0}.kdf-agent{grid-template-columns:minmax(0,1fr)}}
