.kp{--kp-surface: #FFFDF8;--kp-fabric: #F3EEE4;--kp-ink: #221E33;--kp-muted: #5A5470;--kp-line: #E8E4DA;--kp-moss: #3E7A5A;--kp-moss-deep: #2E5C43;--kp-moss-soft: #E6F2EA;--kp-rose: #B52D66;color:var(--kp-ink);max-width:1120px;margin:0 auto;padding:24px 16px 48px;box-sizing:border-box}.kp *,.kp *:before,.kp *:after{box-sizing:border-box}.kp a{color:inherit}.kp-hero{display:grid;gap:24px}@media(min-width:900px){.kp{padding:40px 24px 64px}.kp-hero{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:48px;align-items:start}.kp-media{position:sticky;top:88px}}.kp-media{margin:0}.kp-frame{background:var(--kp-fabric);border:1px solid var(--kp-line);border-radius:24px;padding:clamp(16px,4vw,36px);display:flex;align-items:center;justify-content:center;aspect-ratio:1 / 1}.kp-image{width:100%;height:100%;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 12px 24px rgba(34,30,51,.14))}.kp-image-empty{width:60%;aspect-ratio:1;background:var(--kp-line)}.kp-strip{display:flex;gap:6px;margin-top:12px;flex-wrap:wrap;justify-content:center}.kp-strip span{width:22px;height:22px;border-radius:6px;border:1px solid rgba(34,30,51,.12)}.kp-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.kp-chip{display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:999px;border:1px solid var(--kp-line);background:var(--kp-surface);font-size:13px;color:var(--kp-muted);text-decoration:none;text-transform:capitalize}a.kp-chip:hover{border-color:var(--kp-moss);color:var(--kp-moss-deep)}.kp-chip-craft{background:var(--kp-moss-soft);border-color:transparent;color:var(--kp-moss-deep);font-weight:600;text-transform:none}.kp-title{font-size:clamp(28px,4vw,40px);line-height:1.1;font-weight:800;margin:0 0 10px;letter-spacing:-.01em;overflow-wrap:anywhere}.kp-by{display:flex;align-items:center;gap:10px;margin:0 0 14px;color:var(--kp-muted);font-size:15px}.kp-by a{color:var(--kp-ink);font-weight:600;text-decoration:none}.kp-by a:hover,.kp-authorlink:hover{text-decoration:underline}.kp-authorlink{background:none;border:0;padding:0;font:inherit;font-weight:600;color:var(--kp-ink);cursor:pointer}.kp-avatar{width:32px;height:32px;border-radius:999px;object-fit:cover;flex:none}.kp-avatar-letter{display:inline-flex;align-items:center;justify-content:center;background:var(--kp-moss);color:#fff;font-weight:700;font-size:14px}.kp-desc{margin:0 0 18px;color:var(--kp-ink);line-height:1.55;white-space:pre-line}.kp-muted{color:var(--kp-muted)}.kp-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 20px}.kp-fact{background:var(--kp-surface);border:1px solid var(--kp-line);border-radius:16px;padding:12px 14px}.kp-fact-wide{grid-column:1 / -1}.kp-fact dt{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--kp-muted);margin-bottom:4px}.kp-fact dd{margin:0;font-size:18px;font-weight:700}.kp-fact .kp-muted{font-weight:500;font-size:15px}.kp-counts{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.kp-counts button{height:30px;padding:0 10px;border-radius:999px;border:1px solid var(--kp-line);background:#fff;font:inherit;font-size:13px;font-weight:600;color:var(--kp-muted);cursor:pointer}.kp-counts button.is-on{background:var(--kp-moss);border-color:var(--kp-moss);color:#fff}.kp-actions{display:flex;flex-direction:column;gap:10px}.kp-icon{flex:none}.kp-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 20px;border-radius:14px;width:100%;font:inherit;font-size:16px;font-weight:700;text-decoration:none;cursor:pointer;transition:background-color .15s,box-shadow .15s,border-color .15s}.kp-btn-primary{background:var(--kp-moss);color:#fff!important;border:0;box-shadow:0 6px 16px #3e7a5a47}.kp-btn-primary:hover{background:var(--kp-moss-deep)}.kp-btn-secondary{background:#fff;color:var(--kp-moss-deep)!important;border:2px solid var(--kp-moss)}.kp-btn-secondary:hover{background:var(--kp-moss-soft)}.kp-note{margin:-2px 0 4px;font-size:13px;color:var(--kp-muted);text-align:center}.kp-iconrow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.kp-iconbtn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:60px;padding:8px 4px;border-radius:14px;border:1px solid var(--kp-line);background:var(--kp-surface);font:inherit;font-size:12px;font-weight:600;color:var(--kp-ink);text-decoration:none;cursor:pointer;text-align:center}.kp-iconbtn span{overflow-wrap:anywhere}.kp-iconbtn:hover{border-color:var(--kp-moss)}.kp-iconbtn.is-on{border-color:var(--kp-moss);background:var(--kp-moss-soft);color:var(--kp-moss-deep)}.kp-iconbtn.is-like{border-color:#f4c2d4;background:#fdecf2;color:var(--kp-rose)}.kp-iconbtn:disabled{opacity:.5;cursor:default}.kp-stats{list-style:none;display:flex;flex-wrap:wrap;gap:6px 18px;padding:0;margin:18px 0 0;color:var(--kp-muted);font-size:14px}.kp-stats strong{color:var(--kp-ink)}.kp-section{margin-top:48px}.kp-section h2{font-size:22px;font-weight:800;margin:0 0 4px}.kp-section>.kp-muted{margin:0 0 14px;font-size:14px}.kp-threads{list-style:none;padding:0;margin:0;display:grid;gap:8px}@media(min-width:640px){.kp-threads{grid-template-columns:1fr 1fr}}@media(min-width:1000px){.kp-threads{grid-template-columns:1fr 1fr 1fr}}.kp-threads li{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--kp-line);border-radius:14px;background:var(--kp-surface);min-width:0}.kp-swatch{width:28px;height:28px;border-radius:8px;flex:none;border:1px solid rgba(34,30,51,.15)}.kp-thread-name{flex:1;min-width:0;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kp-thread-count{font-size:12px;color:var(--kp-muted);white-space:nowrap}.kp-link{margin-top:12px;background:none;border:0;padding:0;font:inherit;font-weight:700;color:var(--kp-moss-deep);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.kp-sticky{display:none}@media(max-width:899px){.kp-sticky{display:block;position:fixed;left:0;right:0;bottom:0;z-index:40;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:#fffdf8f5;border-top:1px solid var(--kp-line);backdrop-filter:blur(6px)}.kp:has(.kp-sticky){padding-bottom:96px}}.kp-table-wrap{overflow-x:auto;border:1px solid var(--kp-line);border-radius:16px;background:var(--kp-surface)}.kp-table{width:100%;border-collapse:collapse;font-size:14px}.kp-table th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--kp-muted);font-weight:600;padding:10px 14px}.kp-table td{padding:10px 14px;border-top:1px solid var(--kp-line);white-space:nowrap}.kp-sizes{margin-top:16px}.kp-sizes p{margin:0 0 8px}.kp-sizes>div{display:flex;flex-wrap:wrap;gap:8px}.kp-size{display:inline-flex;align-items:center;justify-content:center;min-width:52px;height:44px;padding:0 14px;border-radius:12px;background:var(--kp-moss);color:#fff!important;font-weight:700;text-decoration:none}.kp-size:hover{background:var(--kp-moss-deep)}.kp-written{white-space:pre-wrap;font:14px/1.6 ui-monospace,SF Mono,Menlo,Consolas,monospace;background:var(--kp-surface);border:1px solid var(--kp-line);border-radius:16px;padding:16px;overflow:auto;max-height:640px}.kp-cards{list-style:none;padding:0;margin:14px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media(min-width:640px){.kp-cards{grid-template-columns:repeat(4,minmax(0,1fr))}}.kp-card{border:1px solid var(--kp-line);border-radius:16px;overflow:hidden;background:var(--kp-surface)}.kp-card a{display:block;text-decoration:none}.kp-card img{display:block;width:100%;aspect-ratio:1 / 1;object-fit:cover;background:var(--kp-fabric)}.kp-card p{margin:0;padding:10px 12px;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kp-card a:hover p{color:var(--kp-moss-deep)}.kp-report{margin-top:40px;font-size:14px;color:var(--kp-muted)}.kp-report summary{cursor:pointer;text-decoration:underline;text-underline-offset:3px;width:max-content}.kp-report form{margin-top:10px;display:grid;gap:8px;max-width:520px}.kp-report textarea{width:100%;padding:10px;border:1px solid var(--kp-line);border-radius:12px;font:inherit;color:var(--kp-ink);background:#fff}.kp-report button{justify-self:start;height:40px;padding:0 16px;border-radius:10px;border:1px solid var(--kp-line);background:#fff;font:inherit;font-weight:600;color:var(--kp-ink);cursor:pointer}.kp-report .hidden{display:none}.kpc{--kpc-surface: #FFFDF8;--kpc-ink: #221E33;--kpc-muted: #5A5470;--kpc-line: #E8E4DA;--kpc-moss: #3E7A5A;--kpc-moss-deep: #2E5C43;--kpc-moss-soft: #E6F2EA;color:var(--kpc-ink);max-width:720px;box-sizing:border-box}.kpc *,.kpc *:before,.kpc *:after{box-sizing:border-box}.kpc h2{font-size:22px;font-weight:800;margin:0 0 14px}.kpc-count{color:var(--kpc-muted);font-weight:600}.kpc-muted{color:var(--kpc-muted);font-size:14px;margin:0 0 14px}.kpc-list{list-style:none;padding:0;margin:0 0 12px;display:grid;gap:14px}.kpc-item{display:flex;align-items:flex-start;gap:10px;min-width:0}.kpc-avatar{width:32px;height:32px;border-radius:999px;object-fit:cover;flex:none}.kpc-avatar-letter{display:inline-flex;align-items:center;justify-content:center;background:var(--kpc-moss-soft);color:var(--kpc-moss-deep);font-weight:700;font-size:14px}.kpc-body{flex:1;min-width:0}.kpc-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin:0;font-size:14px}.kpc-name{color:var(--kpc-ink);background:none;border:0;padding:0;font:inherit;font-weight:700;cursor:pointer;text-decoration:none}a.kpc-name:hover,button.kpc-name:hover{text-decoration:underline}strong.kpc-name{cursor:default}.kpc-time{font-size:12px;color:var(--kpc-muted)}.kpc-text{margin:2px 0 0;font-size:15px;line-height:1.5;white-space:pre-line;overflow-wrap:anywhere}.kpc-actions{display:flex;gap:14px;margin-top:4px}.kpc-actions button{background:none;border:0;padding:0;font:inherit;font-size:12px;color:var(--kpc-muted);text-decoration:underline;text-underline-offset:2px;cursor:pointer}.kpc-actions button:hover{color:var(--kpc-ink)}.kpc-more{margin:0 0 16px;background:none;border:0;padding:0;font:inherit;font-weight:700;color:var(--kpc-moss-deep);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.kpc-more:disabled{opacity:.5;cursor:default}.kpc-form{display:flex;align-items:flex-end;gap:8px;margin-top:4px}.kpc-form textarea{flex:1;min-width:0;min-height:44px;max-height:180px;resize:vertical;padding:10px 12px;border:1px solid var(--kpc-line);border-radius:12px;background:#fff;font:inherit;font-size:15px;color:var(--kpc-ink)}.kpc-form textarea:focus{outline:2px solid var(--kpc-moss);outline-offset:1px;border-color:transparent}.kpc-form button{flex:none;height:44px;padding:0 16px;border-radius:12px;border:0;background:var(--kpc-moss);color:#fff;font:inherit;font-weight:700;cursor:pointer}.kpc-form button:hover{background:var(--kpc-moss-deep)}.kpc-form button:disabled{opacity:.5;cursor:default}.kpc-signin{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 18px;border-radius:12px;border:1px solid #C9DDD0;background:var(--kpc-surface);color:var(--kpc-moss-deep)!important;font:inherit;font-weight:700;text-decoration:none;cursor:pointer}.kpc-signin:hover{background:var(--kpc-moss-soft)}.kpc-notice{margin:8px 0 0;font-size:14px;color:var(--kpc-muted)}.kpc-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}