.kc-btn{color:#fff;height:38px;font:inherit;cursor:pointer;background:#ffffff24;border:none;border-radius:19px;flex:none;padding:0 14px;font-size:.85rem;font-weight:800}.kc-btn[aria-expanded=true]{color:#241d30;background:#fff}.kc-panel{z-index:102;right:12px;top:calc(max(14px, env(safe-area-inset-top)) + 46px);color:#fff;background:#241d30f5;border-radius:16px;flex-direction:column;gap:10px;width:min(320px,100vw - 24px);padding:14px;display:flex;position:fixed;box-shadow:0 8px 24px #0006}.kc-row{align-items:center;gap:8px;display:flex}.kc-row>span{opacity:.8;min-width:64px;font-size:.82rem;font-weight:700}.kc-row select,.kc-row input{min-width:0;height:38px;font:inherit;color:#241d30;background:#fff;border:none;border-radius:10px;flex:1;padding:0 10px;font-weight:700}.kc-row button,.kc-read{height:38px;font:inherit;color:#fff;cursor:pointer;background:#ffffff29;border:none;border-radius:10px;flex:none;padding:0 12px;font-size:.85rem;font-weight:800}.kc-read{background:#9b7bd4}.kc-row button:disabled,.kc-read:disabled{opacity:.5;cursor:default}.kc-hint{opacity:.8;margin:0;font-size:.8rem;line-height:1.45}.kc-layer{z-index:2;pointer-events:none;position:absolute}.kc-chord{color:#4b2f86;white-space:nowrap;pointer-events:auto;cursor:pointer;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;padding:0 .15em;font-family:inherit;font-weight:800;line-height:1;display:flex;position:absolute;box-shadow:inset 0 0 0 1.5px #6d4aa88c}.kc-chord:disabled{pointer-events:none;cursor:default}.kc-cover{box-shadow:none;background:#fff}.kc-unsure{box-shadow:inset 0 0 0 2px #ff8a00}.kc-sel{box-shadow:inset 0 0 0 2.5px #ffd400}
