/* Independent component owner: kind-picker; scope: real theme7. */
body[data-theme="7"] { --ks-sat: env(safe-area-inset-top, 0px); --ks-sab: env(safe-area-inset-bottom, 0px); }
body[data-theme="7"] #kind-sheet.ks { position: fixed; inset: 0; z-index: 99999; opacity: 0; pointer-events: none; transition: opacity .18s ease; }
body[data-theme="7"] #kind-sheet.ks.h { opacity: 0; pointer-events: none; }
body[data-theme="7"] #kind-sheet.ks.o { opacity: 1; pointer-events: auto; }
body[data-theme="7"] #kind-sheet .ks-back { position: absolute; inset: 0; background: rgba(15,29,20,.48); }
body[data-theme="7"] #kind-sheet .ks-card { position: absolute; left: 12px; right: 12px; top: calc(var(--ks-sat) + 10px); bottom: calc(var(--ks-sab) + 10px); display: flex; flex-direction: column; overflow: hidden; border-radius: 22px; border: 1px solid var(--divider); background: var(--surface); transition: transform .18s ease; }
body[data-theme="7"] #kind-sheet.ks.o .ks-card {  }
body[data-theme="7"] #kind-sheet .ks-top { display: flex; align-items: center; gap: 10px; padding: 14px 14px 12px; border-bottom: 1px solid var(--divider); }
body[data-theme="7"] #kind-sheet .ks-title { font-size: 18px; font-weight: 650; color: var(--text); letter-spacing: .2px; }
body[data-theme="7"] #kind-sheet .ks-x { margin-left: auto; width: 52px; height: 52px; min-width: 52px; border-radius: 16px; border: 1px solid var(--divider); background: var(--surface); color: var(--text); font-size: 28px; line-height: 1; }
body[data-theme="7"] #kind-sheet .ks-body { flex: 1; overflow: auto; -webkit-overflow-scrolling: touch; padding: 12px; display: grid; grid-template-columns: 1fr 1fr; gap: 12px; align-content: start; }
body[data-theme="7"] #kind-sheet .ks-item { min-height: 118px; border-radius: 18px; border: 1px solid var(--divider); background: var(--surface); color: var(--text); padding: 14px; text-align: left; display: flex; flex-direction: column; justify-content: space-between; }
body[data-theme="7"] #kind-sheet .ks-item:active {  }
body[data-theme="7"] #kind-sheet .ks-item.a { border-color: var(--divider); background: var(--surface-selected); }
body[data-theme="7"] #kind-sheet .ks-t { font-size: 22px; line-height: 1.1; font-weight: 650; color: var(--text); }
body[data-theme="7"] #kind-sheet .ks-s { margin-top: 8px; font-size: 14px; line-height: 1.3; color: var(--text); }
body[data-theme="7"] #kind-sheet .ks-dot { margin-top: 10px; font-size: 18px; line-height: 1; color: var(--text); }
@media (max-width: 560px) {
body[data-theme="7"] #kind-sheet .ks-body { grid-template-columns: 1fr; }
}