:root{--ky-water:#486f8c;--ky-earth:#9a7446;--ky-wood:#557a5b;--ky-metal:#7a6d86;--ky-fire:#a34e45}
.ky-hero{overflow:hidden;padding:0!important}.ky-hero img{display:block;width:100%;height:auto;aspect-ratio:1.82/1;object-fit:cover}.ky-hero-copy{padding:26px}.ky-kicker{color:var(--accent,#8B2F2F);font-size:.76rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.ky-lead{color:var(--soft,#7A5838);max-width:720px}.ky-form-grid{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:12px}.ky-form-grid label{display:block;font-size:.82rem;font-weight:900;color:var(--soft,#7A5838)}.ky-form-grid select{width:100%;margin-top:5px}.ky-submit{width:100%;margin-top:18px}.ky-error{display:none;margin-top:14px;padding:12px 14px;border-radius:14px;background:#fff0ee;color:#922b2b;font-weight:800}.ky-error.visible{display:block}.ky-result{display:none}.ky-result.visible{display:block}.ky-result-head{text-align:center}.ky-star-pair{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:14px;margin:20px 0}.ky-star-card{border:1px solid var(--line,#DBC8A8);border-radius:20px;padding:20px;background:#fffaf1}.ky-star-card[data-element="water"]{border-top:5px solid var(--ky-water)}.ky-star-card[data-element="earth"]{border-top:5px solid var(--ky-earth)}.ky-star-card[data-element="wood"]{border-top:5px solid var(--ky-wood)}.ky-star-card[data-element="metal"]{border-top:5px solid var(--ky-metal)}.ky-star-card[data-element="fire"]{border-top:5px solid var(--ky-fire)}.ky-star-role{display:block;color:var(--soft,#7A5838);font-size:.75rem;font-weight:900;letter-spacing:.08em}.ky-star-symbol{display:block;font-size:2rem;margin:8px 0}.ky-star-card h3{margin:0}.ky-star-card p{font-size:.92rem}.ky-pair-mark{align-self:center;color:var(--gold,#B89870);font-size:1.6rem}.ky-relation,.ky-break{border-radius:18px;padding:18px;margin:16px 0}.ky-relation{background:#f0e4d2;border:1px solid var(--line,#DBC8A8)}.ky-relation h3,.ky-break h3{margin:0 0 8px}.ky-break{background:linear-gradient(135deg,#fff8ec,#f2d8ba);border:1px solid #d9bd93}.ky-break-action{font-size:1.05rem;font-weight:900}.ky-boundary{background:#fff7dd;border:1px solid #e5c975;border-radius:14px;padding:12px 14px}.ky-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin-top:20px}.ky-actions button{min-width:110px}.ky-stars{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ky-star-mini{background:#fffaf1;border:1px solid var(--line,#DBC8A8);border-radius:16px;padding:14px}.ky-star-mini strong{display:block}.ky-star-mini span{color:var(--soft,#7A5838);font-size:.82rem}.ky-method{background:#fffaf1;border:1px solid var(--line,#DBC8A8);border-radius:16px;padding:16px}.ky-links{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ky-links a{display:block;text-decoration:none;background:#f0e4d2;border:1px solid var(--line,#DBC8A8);border-radius:15px;padding:14px;color:var(--ink,#3A2818)}.ky-links span{display:block;color:var(--soft,#7A5838);font-size:.8rem}.ky-source-list{padding-left:1.3em}.ky-copy-status{min-height:1.6em;text-align:center;color:var(--soft,#7A5838)}
@media(max-width:680px){.ky-form-grid{grid-template-columns:repeat(2,1fr)}.ky-star-pair{grid-template-columns:1fr}.ky-pair-mark{text-align:center;transform:rotate(90deg)}.ky-stars,.ky-links{grid-template-columns:1fr}.ky-hero-copy{padding:20px 16px}}